/*  BASICS  */

	* {
		margin: 0;
		padding: 0;	
		}

	p {
		margin: 15px 0;	
		}
		
	.floatRight {
		float: right;
		display: inline;
	}
	
	.floatLeft {
		float: left;
		display: inline;
	}
				
	.clearIt {  /* forces the background color to paint to the bottom of the parent area */
		clear: both;
		line-height: 1px;
		}
				
	h1 {
		font-weight: normal;
		font-size: 20px;
		line-height: 30px;
		color: #FFF;
		}
		
	h2 {
		font-weight: bold;
		font-size: 15px;
		}
		
	a {
		color: #7a9fb2;
		font-weight: bold;			
		}
		
	a:hover {
		text-decoration: none;
		}
		
	a img {
		border: 0;
		}
		
	a img: hover {
		border: 0;
		}
		
	ol {
		margin: 18px 0 0 30px;
	}
	
/* LAYOUT */

	body {
		background: url(art/bodyBkg.gif) repeat-x #f2f2f2;
		text-align: center;
		}
		
	.container {
		margin: 0 auto 10px auto;
		width: 920px;
		font-family: Arial, Helvetica, san-serif;
		font-size: 13px;
		line-height: 20px;
		color: #103c69;
		text-align: left;
		}
		
	.header {
		width: 920px;
		height: 74px;
		}
			
		.containerPhotology .header .logo {
			background: url(art/hdLogo_photology.gif) no-repeat;
			width: 243px;
			height: 34px;
			margin: 20px 0 0 0;
			}
			
		.containerEnoetic .header .logo {
			background: url(art/hdLogo_enoetic.gif) no-repeat;
			width: 198px;
			height: 34px;
			margin: 20px 0 0 0;
			}
	
			
/*  MAIN NAV  */		
	
	.containerPhotology .mainNav {
		width: 500px;
		padding: 27px 0 0 0;
		font-size: 17px;
		}
		
	.containerEnoetic .mainNav {
		width: 545px;
		padding: 27px 0 0 0;
		font-size: 17px;
		}
		
	.communityNav {
		padding: 27px 0 0 0;
		font-size: 17px;
		}
		
	.nav ul {
		margin: 0;
		padding: 0;
		}
		
	.nav li {
		list-style: none;
		float: left;
		display: inline;
		margin: 0 20px 0 0;
		}
		
	.nav a {
		text-decoration: none;
		color: #7a9fb2;
		float: left;
		display: inline;
		height: 30px;
		font-weight: normal;
		}
		
	.nav a:hover {
		text-decoration: none;
		color: #000;
		}
			
	.company .nav a.company,			/* accomplishes button latching */
	.press .nav a.press,
	.charity .nav a.charity,
	.overview .nav a.overview,	
	.learnMore .nav a.learnMore,
	.buyNow .nav a.buyNow,
	.blog .nav a.blog,
	.faq .nav a.faq,
	.tutorials .nav a.tutorials {  
		background: url(art/hdNav_onArrow.gif) no-repeat 50% bottom;
		color: #000;
		}
		
	a.getPhotology {  
		background: url(art/button_getPhotology.gif) no-repeat;
		width: 151px;
		height: 30px;
		margin: 25px 0 0 0;
		}
		
		a.getPhotology strong {  
			display: none;
			}

		
/* CONTENT AREA */
		
	.contentArea {
		width: 920px;
		margin: 0 0 10px 0;
		}
	
	.contentArea .overlay {
		position: absolute;		
		z-index: 100;
		}
		
	.contentArea .top, .contentArea .bottom {
		width: 920px;
		height: 25px;
		}
		
		.contentArea .content .wide {
			width: 690px;
			margin: 0;
			}
			
			.wide .bodyText {
				margin: 0 42px;
				text-align: left;
			}
			
				.wide .bodyTextCol {
					margin: 0 0 0 42px;
					width: 270px;
				}
			
			.wide ul {
				margin: 10px 0 20px 0;
				padding: 0;
			}
			
			.wide ul li {
				background: url(art/bullet_ul.gif) no-repeat 0 7px;
				list-style: none;
				margin: 0;
				padding: 0 0 4px 8px;
			}
			
		.contentArea .content .narrow {
			width: 230px;
			color: #fff;
			font-size: 12px;
			line-height: 14px;
			}
			
		.contentArea .content .narrow a {
			color: #fff;
			}
			
		.contentArea .content .narrow a:hover {
			color: #f0f179;
			}
			
	/* wide column on left, blue sidebar on right */
	
		.contentAreaWideLeft .top {
			background: url(art/contentAreaTop_wideLeft.gif) no-repeat;
			}
			
		.contentAreaWideLeft .content {
			background: url(art/contentAreaBkg_wideLeft.gif) repeat-y;
			}
			
		.contentAreaWideLeft .bottom {
			background: url(art/contentAreaBottom_wideLeft.gif) no-repeat;
			}
		
	/* wide column on right, blank sidebar on left */
	
		.contentAreaWideRight .top {
			background: url(art/contentAreaTop_wideRight.gif) no-repeat;
			}
			
		.contentAreaWideRight .content {
			background: url(art/contentAreaBkg_wideRight.gif) repeat-y;
			}
			
		.contentAreaWideRight .bottom {
			background: url(art/contentAreaBottom_wideRight.gif) no-repeat;
			}
			
	/* company page - bios */
	
	.contentAreaBio {
		color: #fff;
		}
		
		/* doug */
	
		.contentAreaDoug .top {
			background: url(art/contentAreaTop_doug.gif) no-repeat;
			}
			
		.contentAreaDoug .content {
			background: url(art/contentAreaWide_doug.jpg) no-repeat #7d401e 230px 0;
			}
			
		.contentAreaDoug .bottom {
			background: url(art/contentAreaBottom_doug.gif) no-repeat;
			}
			
		.contentAreaDoug .narrow {
			background: url(art/contentAreaPhoto_doug.jpg) no-repeat;
			}
		
		/* robert */
	
		.contentAreaRobert .top {
			background: url(art/contentAreaTop_robert.gif) no-repeat;
			}
			
		.contentAreaRobert .content {
			background: url(art/contentAreaWide_robert.jpg) no-repeat #4f638b 230px 0;
			}
			
		.contentAreaRobert .bottom {
			background: url(art/contentAreaBottom_robert.gif) no-repeat;
			}
			
		.contentAreaRobert .narrow {
			background: url(art/contentAreaPhoto_robert.jpg) no-repeat;
			}
			
		/* steve */
	
		.contentAreaSteve .top {
			background: url(art/contentAreaTop_steve.gif) no-repeat;
			}
			
		.contentAreaSteve .content {
			background: url(art/contentAreaWide_steve.jpg) no-repeat #1c331a 230px 0;
			}
			
		.contentAreaSteve .bottom {
			background: url(art/contentAreaBottom_steve.gif) no-repeat;
			}
			
		.contentAreaSteve .narrow {
			background: url(art/contentAreaPhoto_steve.jpg) no-repeat;
			}
			
		/* tim */
	
		.contentAreaTim .top {
			background: url(art/contentAreaTop_tim.gif) no-repeat;
			}
			
		.contentAreaTim .content {
			background: url(art/contentAreaWide_tim.jpg) no-repeat #351e17 230px 0;
			}
			
		.contentAreaTim .bottom {
			background: url(art/contentAreaBottom_tim.gif) no-repeat;
			}
			
		.contentAreaTim .narrow {
			background: url(art/contentAreaPhoto_tim.jpg) no-repeat;
			}
			
		/* jk */
	
		.contentAreaJk .top {
			background: url(art/contentAreaTop_jk.gif) no-repeat;
			}
			
		.contentAreaJk .content {
			background: url(art/contentAreaWide_jk.jpg) no-repeat #7d7a77 230px 0;
			}
			
		.contentAreaJk .bottom {
			background: url(art/contentAreaBottom_jk.gif) no-repeat;
			}
			
		.contentAreaJk .narrow {
			background: url(art/contentAreaPhoto_jk.jpg) no-repeat;
			}
			
	.contentAreaBio .favoritePhoto {
		padding: 180px 20px 0 30px;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		}
		
	.contentAreaBio .favoritePhoto .hd {
		font-size: 12px;
		font-weight: normal;
		}
		
/* SIDEBARS */

	.sidebar {
		margin: 0 20px;
	}
	
		.contentAreaWideRight .sidebar {
			text-align: right;
			margin: 0 25px 0 0;
		}
		
		.contentAreaWideRight .pressLogoSidebar {
			margin: 0;
		}

	/* buy and download */
	
	.buySidebarTopBanner {
	}
	
	.buySidebarTopBanner img {
		margin-left: 25px;
	}

	.buySidebar {
		font-size: 15px;
		font-weight: bold;
		}
		
		.buySidebar img {
			margin-left: 45px;
		}
		
		.buySidebar .label {
			width: 85px;
			line-height: 1.1em;
			margin-top: 8px;
		}
		
		.buySidebar .price {
			font-size: 16px;
			text-align: right;
		}
			
	/* system requirements */
	
	.systemSidebar {
		font-size: 12px;
		}
		
		.systemSidebar .hd {
			font-size: 13px;
			margin: 0 0 10px 0;
			font-weight: bold;
			}
			
	/* graphics */
	
	.screenshotSidebar {
		margin: 0 0 0 10px;
		}
		
		.screenshotSidebar {
			border: 3px solid #3d5672;
		}
	
		.narrow a:hover img.screenshotSidebar  {
			border: 3px solid #dadd04;
		}
			
	/* testimonials */
	
	.testimonialSidebar {
		background: #3d5672;
		margin: 15px 10px 0 10px;
		padding: 15px;
		}
		
		.testimonialSidebar .quote {
			font-size: 15px;
			font-weight: bold;
			line-height: 18px;
			}
			
		.testimonialSidebar .byline {
			margin: 10px 0 0 0;
			font-size: 12px;
			}
			
/* LANDING PAGE */

	.contentLanding .content .wide {
		text-align: center;
	}

	.landingMessage {
		margin: 0 auto;
		display: block;
		}

		.landingMessage strong {
			display: none;
			}
	
		.landingMessageTop {
			background: url(art/landing_messageTopNew.gif) no-repeat;
			width: 598px;
			height: 56px;
			}
			
		.landingMessageMiddle {
			background: url(art/landing_bkgMiddle.gif) repeat-y 1px 0;
			margin: 20px 0;
			padding: 25px 0 25px 36px;
			}
			
			.landingMessageMiddle .left {
				width: 230px;
				}
				
				.landingMessageMiddle .left .text {
					margin: 0 25px 20px 18px;
					font-size: 15px;
					text-align: left;
					line-height: 18px;
					}

				.landingMessageMiddle .left .styledTextTop {
					margin: 0 25px 20px 18px;
					font-size: 25px;
					font-weight: bold;
					text-align: left;
					line-height: 30px;
					}

				.landingMessageMiddle .left .styledTextBottom {
					margin: 50px 25px 0 18px;
					font-size: 20px;
					font-weight: bold;
					text-align: left;
					line-height: 15px;
					}
				
			.landingMessageMiddle .right {
				width: 400px;
				}
			
		.landingMessageBottom {
			background: url(art/landing_messageBottomNew.gif) no-repeat;
			width: 396px;
			height: 28px;
			}
			
	.landingPhotoRow {
		margin: 0 auto;		
		width: 636px;
		}
	
	.landingPhoto {
		margin: 0 auto;
		background: url(art/landingPhotoBkg.gif) no-repeat;
		width: 212px;
		height: 142px;
	}
	
	.landingPhoto img {
		margin: 16px 0 0 0;
	}
	
/* LEARN MORE PAGE */

	.learnMoreHeader {
		margin: 0 42px 0 20px;
		}
	
		.learnMoreHeader .hd {
			background: url(art/tutorials_hd.gif) no-repeat;
			width: 102px;
			height: 35px;
			}
			
		.learnMoreHeader .hdEasy {
			background: url(art/learnMore_hd_easy.gif) no-repeat;
			}
			
		.learnMoreHeader .hdFast {
			background: url(art/learnMore_hd_fast.gif) no-repeat;
			}
			
		.learnMoreHeader .hdFun {
			background: url(art/learnMore_hd_fun.gif) no-repeat;
			}
			
	.learnMoreGraphicBox {
		background: #f2f2f2;
		margin: 0;
		padding: 10px 0;
		text-align: center;
		}
	
/* TUTORIALS SECTION */

	.tutorialsHeader {
		margin: 0 0 0 42px;
		}
		
		.tutorialsHeader .hd {
			background: url(art/tutorials_hd.gif) no-repeat;
			width: 308px;
			height: 40px;
			}
			
		.tutorialsHeader .text {
			width: 290px;
			height: 37px;
			margin: 3px 50px 0 0;
			font-size: 12px;
			line-height: 15px;
			overflow: hidden;
			}
			
	.tutorialsSearch {
		padding: 3px 0 0 0;
		height: 37px;
		}
			
	/* tutorials sub nav */
	
	.tutorialsNav {
		padding: 25px 0 0 0;
		font-size: 15px;
		}
		
	.tutorialsNav ul {
		margin: 0;
		padding: 0;
		}
		
	.tutorialsNav li {
		list-style: none;
		margin: 0 0 4px 0;
		padding: 0;
		}
		
		.contentArea .content .narrow .tutorialsNav a {
			background: url(art/tutorials_navButton.gif) no-repeat;
			width: 180px;
			height: 26px;
			text-decoration: none;
			font-weight: normal;
			color: #fff;
			display: block;
			line-height: 24px;
			}
			
		.contentArea .content .narrow .tutorialsNav a:hover {
			background-position: 0 -26px;
			color: #3d5672;
			}
				
		.contentArea .content .narrow .tutorialsNav a.on {  /* accomplishes button latching */
			background-position: 0 -52px;
			color: #3d5672;
			}
			
		.contentArea .content .narrow .tutorialsNav a strong {
			padding: 0 0 0 19px;
			font-weight: normal;
			}
			
		
	/* tutorial thumbnails */
	
	.tutorialsThumbs {
		margin: 0 0 0 42px;
		}
		
	.tutorialsThumbs .thumb {
		background: url(art/tutorials_thumbBkg.gif) repeat-x;
		width: 190px;
		margin: 25px 17px 0 0;
		font-size: 12px;
		line-height: 15px;
		}

	.tutorialsThumbs a img {
		border: 3px solid #3d5672;
	}
	
	.tutorialsThumbs a:hover img {
		border: 3px solid #dadd04;
	}
	
	.tutorialsThumbs img.button, .tutorialsThumbs a:hover img.button {
		border: none;
	}
	
	.tutorialsThumbs .button {
		margin: 10px 0 0 12px;
	}
		
	.tutorialsThumbs .title {
		margin: 15px 10px 0 12px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.tutorialsThumbs .description {
		margin: 7px 6px 0 12px;
	}
	
		.tutorialsThumbs .description p {
			margin: 0;
		}

	/* tutorials details, search results */
	
	.tutorialsHeader .tutorialTitle {
		height: 30px;
		margin: 10px 50px 0 0;
		font-size: 15px;
		font-weight: bold;
		text-align: right;
	}
	
	.tutorialsHeader .tutorialSearchTitle, .tutorialsHeader .tutorialCategoryTitle {
		font-weight: normal;
		}
		
			.tutorialsHeader .tutorialSearchTitle strong, .tutorialsHeader .tutorialCategoryTitle strong {
				background: url(art/highlight_subHd.gif) no-repeat 0 2px;
				padding: 0 10px;
			}
	
	.tutorialsDetails {
		margin: 25px 0 0 24px;
		width: 640px;
		}
		
	.tutorialsDetails object, tutorialsDetails embed {
		margin: 0;
		padding: 0;
		}
		
	#video {
		width: 640px;
		height: 500px;
		}
		
	.tutorialsDetails .text {
		/*background: url(art/tutorials_detailsBkg.gif) repeat-x;*/
		margin: 0;
		padding: 25px 25px 10px 25px;
		}
		

		
	/* tutorials comments */
	
	.tutorialComments{
		margin: 0 50px;
	}
	
	.tutorialComments .hd {
		background: url(art/highlight_subHd.gif) no-repeat 20px 3px;
		height: 40px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.iconComment {
		position: relative;
		top: 2px;
		left: 0;
	}
	
	.tutorialComments .comment {
		border-top: 1px solid #e5e5e5;
		padding: 20px 0;
	}
	
		.tutorialComments .byline {
			font-weight: bold;
			padding: 0 0 15px 0;
		}
		
		.tutorialComments .text p {
			margin: 0;
		}
		
	.tutorialLeaveComment .hd {
		height: 30px;
		font-size: 15px;
		font-weight: bold;
	}
	
/* BUTTONS */

	a.buttonSmall {
		background: url(art/buttonSmall.gif) no-repeat;
		width: 63px;
		height: 26px;
		font-size: 15px;
		text-align: center;
		color: #fff;
		display: block;
		text-decoration: none;
		}
		
	a.buttonSmall .buttonLabel {
		padding: 5px 0 0 0;
		}
		
	a.buttonSmallBlueSidebar {
		background: url(art/buttonSmallBlue_sidebar.gif) no-repeat;
		}		
			
/* FOOTER */
			
	.footer {
		margin: 30px auto 0 auto;
		font-family: Arial, Helvetica, san-serif;
		font-size: 12px;
		color: #fff;
		}
		
	.footer .footerBase {
		background: #7a9fb2;
		margin: 0 auto;
		height: 300px;
		}
		
		.footer .infoContainer {
			width: 920px;
			margin: 0 auto;
			text-align: left;
			}
			
		.footer .contactInfo {
			padding: 15px 0 0 35px;
			font-size: 15px;
			}
			
			.footer .contactInfo .numbers {
				font-size: 13px;
				}
			
		.footer .credits {
			padding: 15px 20px 0 0;
			font-size: 13px;
			}
			
			.footer .credits .numbers {
				font-size: 11px;
				}
				
		.footer a {
			color: #fff;
			text-decoration: none;
		}
		
		.footer a:hover {
			text-decoration: underline;
		}
		
/*  FOOTER NAV  */		
	
	.footerNav {
		width: 920px;
		height: 50px;
		margin: 0 auto;
		padding: 3px 0 0 0;
		font-size: 15px;
		}
	
	.footerNav .enoetic {
		width: 280px;
		}
		
		.footerNav .enoetic .logo {
			background: url(art/footerNav_logoEnoetic.gif) no-repeat 0 8px;
			width: 135px;
			height: 30px;
			}
		
	.footerNav .photology {
		width: 500px;
		height: 30px;
		}
		
		.footerNav .photology .logo {
			background: url(art/footerNav_logoPhotology.gif) no-repeat 0 8px;
			width: 165px;
			height: 30px;
			}
		
	.footerNav .enoetic ul {
		margin: 0;
		padding: 0;
		}
		
	.footerNav .photology ul {
		margin: 0;
		padding: 0;
		}
		
	.footerNav li {
		list-style: none;
		float: left;
		display: inline;
		margin: 0 20px 0 0;
		}
		
	.footerNav a {
		text-decoration: none;
		color: #7a9fb2;
		float: left;
		display: inline;
		height: 30px;
		padding: 10px 0 0 0;
		font-weight: normal;
		}
		
	.footerNav a:hover {
		text-decoration: none;
		color: #000;
		}
			
	.company .footerNav a.company,			/* accomplishes button latching */
	.press .footerNav a.press,
	.charity .footerNav a.charity,
	.overview .footerNav a.overview,
	.learnMore .footerNav a.learnMore,
	.buyNow .footerNav a.buyNow,
	.blog .footerNav a.blog,
	.faq .footerNav a.faq,
	.tutorials .footerNav a.tutorials {
		background: url(art/footerNav_onArrow.gif) no-repeat 50% top;
		color: #000;
		}


		
/*  FORMS   */
	
	input.text, textarea {
		background: #fafafa;
		width: 175px;
		height: 21px;
		padding: 5px 0 0 5px;
		font-family: Arial, Helvetica, san-serif;
		font-size: 13px;
		color: #103c69;
		border: 1px solid #103c69;
		}
		
	input.tutorialSearchText {
		width: 105px;
		}
		
	input.tutorialCommentText {
		width: 175px;
		}
		
	.tutorialCommentArea {
		width: 175px;
		height: 65px;
		}
