@charset "UTF-8";
/* CSS Document */

/********************************************************
					 GLOBAL TAGS
********************************************************/
body {
	background: #231c19 url('../images/headerBkgd.jpg') repeat-x top;
	font-family: Helvetica, Arial, san-serif;	
}

p {
	font-family: Geneva, Helvetica Neue, Arial, san-serif;
	font-size: 9pt;
	margin: 8px 0px 0px 15px;
}

b {
	color: #FFF;	
}


a {
	line-height: 20px;
	color: #544e47;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: #cad99e;
	text-decoration: none;
}


/**********************************
			HEADINGS
**********************************/
h1 {
	font-size: 10pt;
	margin: 8px 0px 0px 15px;
}

h2 {
	font-size: 11pt;
	color: #544e47;
	margin: 0px;
}


/********************************************************
					LIBRARY STYLES
********************************************************/
.dividerSm {
	height: 10px;
	background-color: #cad99e;
	margin: 7px 0px 10px 0px;
}

.webPageIcons {
	float: right;
	margin: 50px 10px 0px 0px;
}

.titleDivider {
	background-color: #cad99e;
	width: 537px;
	height: 28px;
	padding-top: 1px;
}

.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


/********************************************************
					  PAGE LAYOUT
********************************************************/
#wrapper {
	width: 985px;
	margin: 0px auto;
}


	/**********************************
				  HEADER
	**********************************/
	#header {
		width: 978px;
		height: 120px;
		margin: 20px 0px;
	}

		#flashLogo {
		width: 408px;
		height: 113px;
		float: left;
		margin-bottom: 20px;
		}


	/**********************************
				MAIN MENU
	**********************************/
	#mainMenu {
		width: 982px;
		height: 60px;
		margin-bottom: 10px;
	}
		
		.menuItems {
			float: left;	
		}

	/**********************************
			    FLASH HEADER
	**********************************/
	#flashHeader {
		width: 978px;
		height: 410px;
		margin-bottom: 25px;
	}


	/**********************************
			    MAIN CONTENT
	**********************************/
	#mainContent {
		width: 644px;
		background-color: #e1e1e1;
		margin: 0px 0px 30px 30px;
		float: left;
	}

		#mainContent  .topLftCorner {
			background-image: url('../images/cornerTopLft.jpg');
			width: 37px;
			height: 38px;
			float: left;
		}

		#mainContent  .topRtCorner {
			background-image: url('../images/cornerTopRt.jpg');
			width: 37px;
			height: 38px;
			float: right;
		}

		#mainContent  .bttmLftCorner {
			background: url('../images/cornerBttmLft.jpg');
			width: 37px;
			height: 38px;
			float: left;
		}

		#mainContent  .bttmRtCorner {
			background: url('../images/cornerBttmRt.jpg');
			width: 37px;
			height: 38px;
			float: right;
		}


		/**********************************
					HOME BLOCK
		**********************************/
		#homeBlock {
			width: 537px;
			margin: 40px 0px 0px 50px;
			display: block;
		}
	
			.homePhotos {
				margin: 10px 0px 15px 0px;	
			}
	
			.titleWelcome {
				background-image: url('../images/titleWelcome.jpg');	
				width: 432px;
				height: 83px;
			}
	
			#story1 .readMoreBtn {
				float: right;
				margin: 0px;
			}
	
			#story1 .story1text {
				width: 525px;
			}
	
			#story2 {
				width: 537px;
			}
	
				#story2 .titlePhotography {
					background-image: url('../images/titlePhotography.jpg');	
					width: 438px;
					height: 111px;
					margin: 30px 0px 10px 0px;
				}
	
	
		/**********************************
			  STORY 1 EXPANDED BLOCK
		**********************************/
		#story1Block {
			width: 537px;
			margin: 40px 0px 0px 50px;
			display: none;
		}
	
			#story1Expand {
				width: 537px;
				margin-bottom: 60px;
			}
	
				#story1Expand .backToHome {
					float: right;
					margin-top: 25px;
				}
	
	
		/**********************************
				  PORTFOLIO BLOCK
		**********************************/
		#portfolioBlock {
			margin-left: 27px;
			width: 587px;
			display: none;
		}
	
	
		/**********************************
				     ABOUT BLOCK
		**********************************/
		#aboutBlock {
			width: 537px;
			margin: 40px 0px 0px 50px;
			display: none;
		}
	
			#aboutBlock .aboutPhoto {
				background-image: url('../images/aboutMePhoto.jpg');
				width: 537px;
				height: 184px;
				margin-bottom: 15px;	
			}
	
			#aboutBlock .titleAboutMe {
				background-image: url('../images/titleAboutMe.jpg');	
				width: 285px;
				height: 44px;
			}
	
			#aboutBlock .titleShouldKnow {
				background-image: url('../images/titleShouldKnow.jpg');	
				width: 416px;
				height: 43px;
				margin-top: 25px;
			}
	
	
		/**********************************
				    WHERE BLOCK
		**********************************/
		#whereBlock {
			width: 537px;
			margin: 40px 0px 0px 50px;
			display: none;
		}
	
			#whereBlock .titleCurrentlyIn {
				background-image: url('../images/titleCurrentlyIn.jpg');	
				width: 471px;
				height: 44px;
			}
	
			#whereBlock .map {
				background-image: url('../images/map.jpg');	
				width: 537px;
				height: 526px;
				margin-bottom: 15px;
			}


	/**********************************
			   FEATURED WORK
	**********************************/
	#featuredWork {
		width: 240px;
		float: right;
		margin-right: 30px;
	}

		#featuredWork .titleFeatured {
			background-image: url('../images/titleFeatureWork.jpg');
			width: 225px;
			height: 33px;
		}

		#featuredWork .featuredPhotos {
			float: left;
			margin: 15px 5px 0px 5px;
		}

		#featuredWork .titleViewWork{
			float: right;
			margin-top: 12px;
		}


	/**********************************
			   INQUIRIES BOX
	**********************************/
	#inquiriesBox {
		width: 240px;
		float: right;
		margin: 20px 30px 0px 0px;
	}

		#inquiriesBox .titleInquiries {
			background-image: url('../images/titleInquiries.jpg');
			width: 132px;
			height: 39px;
			margin-bottom: 10px;
		}

		#submitName{
			background-image: url('../images/inputName.jpg');
			margin: 5px 0px 15px 0px;
			height: 29px;
			width: 237px;
		}

			#submitName input.textName {
				border: 0px hidden;
				background: none;
				margin: 6px 0px 0px 10px;
				vertical-align: middle;
				width: 215px;
				height: 18px;
				font-size: 12px;
			}

		#submitMessage{
			background-image: url('../images/inputMessage.jpg');
			margin: 5px 0px 15px 0px;
			height: 149px;
			width: 234px;
		}

			#submitMessage textarea.textMessage {
				border: 0px hidden;
				background: none;
				margin: 10px 0px 0px 10px;
				vertical-align: middle;
				width: 214px;
				height: 128px;
				font-size: 12px;
			}

		#inquiriesBox .sendBtn {
			margin-bottom: 30px;
		}


	/**********************************
			      CATEGORIES
	**********************************/
	#categories {
		width: 240px;
		float: right;
		margin: 20px 30px 0px 0px;
	}

		#categories .titleCategories {
			background-image: url('../images/titleCategories.jpg');
			width: 170px;
			height: 40px;
			margin-bottom: 5px;
		}
		

/**********************************
		        FOOTER
**********************************/
#footer {
	background: url('../images/footerBkgd.jpg') repeat-x;
	height: 94px;
	color: #fff;
	font-size: 11px;
	clear: both;
}

	#footerWrap {
		width: 1000px;
		height: 80px;
		clear: both;
		margin: 0 auto;
	}

		#footerWrap .left {
			float: left;
			margin: 30px 0px 0px 45px;
			line-height: 20px;
		}

		#footerWrap .right {
			float: right;
			margin: 30px 45px 0px 0px;
		}