/*
----------------------------------------------------------------------------- 
Standard
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; font: 76% Arial,Helvetica,sans-serif; color: #fff;  background: #893f1e url(images/bg.gif) repeat-y scroll top center; }
body * { margin: 0; padding: 0;	}
p,ul,ol,dl,blockquote,pre { margin-bottom: 1.0em; line-height: 1.4em; }
h1 { margin-bottom: 0.5em; }
h2 { margin-bottom: 0.4em; }
a { color: #ffdfa5; }
img { border: 0; }
acronym,abbr { border: 0; text-decoration: none; }
address { font-style: normal; }
hr { height: 0; color: #fff; background-color: #fff; border: 0; border-top: 1px solid #aaa; margin-bottom: 0.3em; }
fieldset { border: 0; }

ul { padding-left: 1.6em; margin-left: 1em; list-style-type: square; }
ul li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; }
	
dl { margin-left: 0.3em; }
dd { margin: 0 0 0.5em 0.5em; }
	
ol { padding-left: 1.6em; margin-left: 1em; }
ol li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; }

blockquote { background: #f4f4f4; padding: 5px; margin: 0 0 1em 2em; border-left: 6px solid #ddd;  }


/*
----------------------------------------------------------------------------- 
Text Formatting
-----------------------------------------------------------------------------*/
.shaded { color: #888; }
.cen { text-align: center; }
.r { text-align: right; }
.l { text-align: right; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: left; margin: 0 1em 1em 0; }
.rfloat { float: right; margin: 0 0 1em 1em; }
.lfloat { float: left; margin: 0 1em 1em 0; }
.line { white-space: nowrap; }
.clear { clear: both; }
.bumper { clear: both; font-size: 0.1em; }

h1 { font-size: 2.1em; font-weight: normal; color: #272727; text-decoration: none; font-family: Georgia,Times,serif; margin: 0 0 0 0; }
h2 { font-size: 1.3em; font-weight: normal; color: #555; text-decoration: none; font-family: Georgia,Times,serif; margin: 0 0 0.5em 0; }
h3 { font-size: 1.0em; font-weight: bold; color: #000; text-decoration: none; font-family: Arial,Helvetica,sans-serif; margin: 1.5em 0 0 0; }


fieldset { border: 0; width: 350px; border-top: 1px dotted #ddd; padding: 15px 7px 0 7px; }
fieldset label { width: 70px; display: block; float: left; }
fieldset input, fieldset select { width: 250px; padding: 2px 0; }
fieldset textarea { width: 250px; height: 120px; }
fieldset p { clear: both; }


/*
----------------------------------------------------------------------------- 
John Beaudry Styles
-----------------------------------------------------------------------------*/

#landscape { width: 988px; margin: 0 auto; padding: 0; background: #000; border: 0; border-left: 2px solid #9b877e; border-right: 2px solid #bf9785;  }

	#header { height: 121px; margin: 0; padding: 0; }
	
		#header.front { background: #000 url(images/header.png) no-repeat scroll bottom right; }
		
		#header h2, #header div { padding: 52px 74px 0 0; text-align: right; font-size: 1.6em; color: #fff; text-transform: lowercase; font-family: "RotisSansSerif Light",RotisSansSerif,"Myriad Pro",Myriad,"Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; }
		
		#header #logo { float: left; width: 255px; height: 69px; padding: 37px 0 0 65px; margin: 0; }
	
	#navbox { height: 20px; margin: 0; padding: 1px 0 0 0; color: #bb8c36; background: #000 url(images/nav.png) no-repeat scroll top center;text-align: center; font-family: "RotisSansSerif Bold",RotisSansSerif,"Myriad Pro",Myriad,"Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; line-height: 1.5em; }
	#nav { width: 900px; margin: 0 auto; padding: 0; list-style: none; }
		#nav li { display: inline; list-style: none; margin: 0; padding: 0;  }
		#nav li a { float: left; display: inline; width: 100px; height: 17px; font-weight: bold; padding: 2px 8px 0 8px; margin: 0 5px 0 5px; color: #bb8c36; text-decoration: none; text-transform: uppercase }
		#nav li a:hover, #nav li.on a { background: #1b0c06; }
		
	#content { width: 988px; min-height: 489px; margin: 0; padding: 0 0 2em 0;  }
	
		#content.page { width: 885px; margin: 30px auto; }	
		.front { background: #000 url(images/body.jpg) no-repeat scroll top right; }	
		.about { background: #000 url(photos/about.jpg) no-repeat scroll top left; }
		.press { background: #000 url(photos/press.jpg) no-repeat scroll top left; }		
		.contact { background: #000 url(photos/contact.jpg) no-repeat scroll top left; }				
		.designprocess { background: #000 url(photos/designprocess.jpg) no-repeat scroll top left; }
		.testimonials { background: #000 url(photos/testimonials.jpg) no-repeat scroll top left; }
		
		#content.page h1 { width: 460px; height: 29px; padding: 0 0 0 18px; margin: 0 0 0 407px; color: #d8a74e; background: transparent url(images/h1.png) no-repeat scroll top left; text-transform: lowercase; font-size: 2.5em; }
		
		#pagebody { width: 447px; height: 470px; overflow: auto; padding: 20px 20px 0 0; margin: 10px 0 0 407px; font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; scrollbar-face-color: #333333; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #202020; scrollbar-3dlight-color: #b2b2b2; scrollbar-arrow-color: #000000; scrollbar-track-color: #b4b4b4; scrollbar-darkshadow-color: #000000; background: #000 url(images/pagebody.jpg) no-repeat scroll top right; }
			
			#pagebody h2 { color: #ffdfa5; font-weight: bold; text-align: center; font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; text-transform: lowercase; }
			
			#pagebody p { margin: 0 0 2em 0; }
			
			#pagebody hr { width: 381px; border: 0; height: 1px; background: url(images/hr2.gif) no-repeat scroll top center; margin: 1em auto; *display: list-item; *list-style: url(images/hr2.gif) inside; *filter: alpha(opacity=0); *width: 0; color: #000; }	
		
		#contentportfolio { width: 880px; padding: 30px 0 2em 0; margin: 0 auto; background: url(images/portfolio.jpg) no-repeat scroll top left; }
		
			#folio { list-style: none; margin: 30px 0 0 0; padding: 0; }
			
			#folio li { list-style: none; float: left; width: 220px; margin: 0; display: inline; padding: 0 0 30px 0; }
			#folio li img { width: 201px; padding: 0 0 8px 12px; }
			#folio li span { display: block; width: 220px; height: 18px; padding: 3px 0 0 0; text-align: center; background: url(images/label.png) no-repeat scroll top left; }
			#folio li a { color: #d8a74e; text-decoration: none;  font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; text-transform: uppercase;  }
		
			#contentportfolio h1, #portfoliopage h1 { width: 869px; height: 29px; padding: 0 0 0 18px; margin: 0; color: #d8a74e; background: transparent url(images/h1m.png) no-repeat scroll top left; text-transform: lowercase; font-size: 2.5em; }
			
		#portfoliopage { width: 880px; padding: 30px 0 2em 0; margin: 0 0 0 55px; background: #000 url(images/pagebody.jpg) no-repeat scroll 530px 70px;  font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; font-weight: bold;}
			
			#portfoliopage h2 { color: #fff; font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif; font-weight: bold; position: absolute; top: 176px; font-size: 1.2em; left: 50%; margin-left: 275px }
		
			#portfoliopage #profile { float: right; display: inline; width: 700px; margin: 30px 0 0 0; }
	
			#foliopic { float: left; display: inline; width: 509px; padding: 30px 0 0 0; margin: 0; }

				#foliopic ul { list-style: none; padding: 0; margin: 12px 0 0 0; text-align: right;  }
					#foliopic li { list-style: none; padding: 0; margin: 0; display: inline; }
					#foliopic li { margin-left: 1px; }
					
				#foliopic li img { border: 1px solid #7e5e23; }
					
			#portfoliopage #foliopic { padding: 0 25px 0 0; }
			
			#portfoliopage #foliopic { margin: 0; }
			
			.subnav { width: 151px; height: 419px; margin: 30px 0 0 0; padding: 0; list-style: none; background: #000 url(images/subnav.png) no-repeat scroll top right;  }
			.subnav li { display: inline; margin: 0; padding: 0; list-style: none; }
			.subnav li a { display: block; width: 140px; text-decoration: none; padding: 1px 0 1px 10px; margin: 0 0 2px 0; }
			.subnav li.on a, .subnav li a:hover { background: #463f31; padding: 1px 0 1px 10px; margin: 0 0 2px 0; }
		
		#fronttext { float: right; display: inline; width: 368px; margin: 0 60px 0 0; padding: 30px 0 0 0; font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif;  }
			#fronttext h3 { margin: 0; font-weight: normal; color: #b18535; font-size: 2.2em; font-family: RotisSerif,Georgia,"Times New Roman",Times,serif; text-transform: lowercase; }
			#fronttext p { padding: 0 0 0 20px; font-weight: bold; }
			
		#fibox { border: 1px solid #7e5e23; width: 507px; height: 379px; background: #000 url(photos/front-1.jpg) no-repeat scroll top left; }
		
	#footer { clear: both; margin: 0 0 0 0; padding: 15px 0 2em 0; text-align: center; color: #946e29; background: #000 url(images/hr.gif) no-repeat scroll top left; }