/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 12px;
	font-family: "Verdana", verdana, arial, sans-serif;
	color: #999898;
	background: #fff; }
	
h1 { 
	font-size: 160%; 
	font-weight: normal; 
	color: #8da655; }

h3 { 
	font-size: 120%; 
	font-weight: normal;
	color: #8da655; }

a:link, a:visited, a:active { color: #8da655; outline: none; }

a img { border: none; }

hr { 
	display: block; 
	width: 300px; 
	height: 26px; 
	margin: 20px auto; 
	background: url(../images/horizontalrule.png) center center no-repeat;
	border: none; }

p { margin-bottom: 16px; }


/************* STRUCTURE STYLES ***/
#topbar { 
	width: 100%; 
	height: 37px; 
	background: url(../images/topbar_bg.jpg) top left repeat-x; }


/*** HEADER STYLES ***/
#header { 
	width: 980px; 
	height: 151px; 
	margin: 0 auto 50px auto; 
	background: url(../images/header_bg.jpg) top right no-repeat; }	


	/*** LOGO STYLES ***/
	a#logo {
		float: left; 
		display: block; 
		width: 310px; 
		height: 151px;
		background: url(../images/logo.png) no-repeat; }

	
	/*** NAV STYLES ***/
	img#mainNav { 
		float: right; 
		display: block; 
		margin: 50px 0 0 0; }


/*** LADYBUG STYLES ***/
#ladybug {
	display: block;
	width: 980px; 
	height: 42px; 
	margin: 0 auto 20px auto; 
	background: url(../images/ladybug.jpg) center right no-repeat; }


/*** CONTENTWRAPPER STYLES ***/
#contentWrapper { 
	width: 980px; 
	min-height: 300px; 
	margin: 0 auto;
	padding: 2px 0 0 0;
	background: url(../images/content_divider.jpg) top center no-repeat; }

	
	/*** IMAGE TITLE STYLES ***/
	h1#title { 
		float: left; 
		display: block; 
		width: 392px; 
		height: 254px;
		text-indent: -9999px; }
		
		#contentWrapper.portfolio h1#title { width: 141px; height: 33px; }
		
		#contentWrapper.about h1#title { background: url(../images/title_about.jpg) no-repeat; }
		#contentWrapper.contact h1#title { background: url(../images/title_contact.jpg) no-repeat; }
		#contentWrapper.faq h1#title { background: url(../images/title_faq.jpg) no-repeat; }
		#contentWrapper.news h1#title { background: url(../images/title_news.jpg) no-repeat; }
		#contentWrapper.testimonials h1#title { background: url(../images/title_testimonials.jpg) no-repeat; }
		#contentWrapper.portfolio h1#title { background: url(../images/title_portfolio.jpg) no-repeat; }

	
	/*** TESTIMONIALS STYLES ***/
	#testimonials {
		float: left; 
		width: 570px; 
		min-height: 244px; 
		margin: 10px 0 0 10px;
		text-align: left; }
		
		* html #testimonials { height: 244px; } /* IE6 FIX */
	
		#testimonials h3 { font-size: 110%; }
		
		#testimonials div.testimonial { margin: 0 0 10px 0; }
		
			#testimonials div.testimonial span { 
				float: right; 
				margin: -10px 10px 10px 0; 
				font-style: italic; }
			


	/*** CONTENT STYLES ***/
	#content { 
		float: left; 
		width: 570px; 
		min-height: 244px; 
		margin: 10px 0 0 10px;
		text-align: justify; }
		
		* html #content { height: 244px; } /* IE6 FIX */
	
		
		/*** PORTFOLIO STYLES ***/
		#portfolio { text-align: left; }
		
			#portfolio div.portfolioItem { 
				float: left; 
				width: 180px;
				margin: 0 20px 0 0; }
				
				#portfolio #commercial { width: 200px; margin: 0; }
				
				#portfolio #portraitsFlash,
				#portfolio #animalsFlash,
				#portfolio #natureFlash,
				#portfolio #commercialFlash { 
					display: block; 
					width: 180px; 
					height: 165px; }
				
				#portfolio div.portfolioItem h3 { 
					float: left;
					width: 12px;
					margin: 0 0 0 10px;
					text-transform: uppercase;
					text-indent: -9999px; }
					
					#portfolio #portraits h3 { 
						height: 71px; 
						background: url(../images/gallerytitle_portraits.jpg) no-repeat; }
					
					#portfolio #animals h3 { 
						height: 61px;
						background: url(../images/gallerytitle_animals.jpg) no-repeat; }
					
					#portfolio #nature h3 { 
						height: 51px;
						background: url(../images/gallerytitle_nature.jpg) no-repeat; }
					
					#portfolio #commercial h3 { 
						height: 90px;
						background: url(../images/gallerytitle_commercial.jpg) no-repeat; }
				
				
				/*** PORTFOLIO LIST STYLES ***/
				#portfolio div.portfolioItem ul { 
					float: left;
					margin: 0 0 0 5px;
					padding: 10px 0 10px 5px;
					list-style: none;
					background: url(../images/portfolioItem_divider.jpg) bottom left no-repeat; }
				
					#portfolio div.portfolioItem ul li {}
					
						#portfolio div.portfolioItem ul li a:link,
						#portfolio div.portfolioItem ul li a:visited { 
							text-transform: uppercase;
							text-decoration: none;
							color: #999; }
						
						#portfolio div.portfolioItem ul li a:hover { 
							padding: 0 16px 0 0; 
							color: #779337;
							background: url(../images/icon-external-link.jpg) center right no-repeat; }
							
						#portfolio div.portfolioItem ul li ul { display: none; }	


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }