/* basic elements
 * ------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font-family: 'Helvetica Neue Ultra Light', helvetica, arial, sans-serif; font-size: 13px; color: #333; }

table, th, td { font-family: 'Helvetica Neue Ultra Light', helvetica, arial, sans-serif; font-size: 13px; color: #333; }

#skip { display: none; }
a img, :link img, :visited img { border: none; }
a:link { color: #798f82; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #999; text-decoration: none; }
/* end basic elements
 * ------------------------------------------------------------------------------------- */

/* START Global Classes */
.clear { clear: both; }

#container { position: relative; width: 758px; margin: 42px auto; text-align: left; border-top: 12px solid #709183; }

/* navigation 
-------------------------------------------- */
#nav { height: 30px; z-index: 50; }
#nav li { height: 30px; list-style: none; float: left; font-size: 13px;}
#nav li a, #nav li div { position: relative; height: 30px; display:block; text-decoration:none; color: #6F9182;}
#nav li a	{ cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 30px; z-index: 10;}
#nav li, #nav li a, #nav li strong, #nav li div	{ background-image: url(../images/nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong { background-position: 0 0; width: 75px; }
#nav li.staging, #nav li.staging a, #nav li.staging a strong { background-position: -75px 0; width: 165px; }
#nav li.before, #nav li.before a, #nav li.before a strong { background-position: -240px 0; width: 119px; }
#nav li.gallery, #nav li.gallery a, #nav li.gallery a strong { background-position: -359px 0; width: 122px; }
#nav li.testimonials, #nav li.testimonials a, #nav li.testimonials a strong	{ background-position: -481px 0; width: 109px; }
#nav li.news, #nav li.news a, #nav li.news a strong	 { background-position: -590px 0; width: 67px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -657px 0; width: 101px; }

/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong { background-position: 0 -30px; width: 75px; }
#nav li.staging, #nav li.staging a:hover strong { background-position: -75px -30px; width: 165px; }
#nav li.before, #nav li.before a:hover strong { background-position: -240px -30px; width: 119px; }
#nav li.gallery, #nav li.gallery a:hover strong { background-position: -359px -30px; width: 122px; }
#nav li.testimonials, #nav li.testimonials a:hover strong	{ background-position: -481px -30px; width: 109px; }
#nav li.news, #nav li.news a:hover strong { background-position: -590px -30px; width: 67px; }
#nav li.contact, #nav li.contact a:hover strong { background-position: -657px -30px; width: 101px; }

/* ON STATE */ 
#nav li.abouton, #nav li.abouton strong { background-position: 0 -60px; width: 75px; }
#nav li.stagingon, #nav li.stagingon strong { background-position: -75px -60px; width: 165px; }
#nav li.beforeon, #nav li.beforeon strong { background-position: -240px -60px; width: 119px; }
#nav li.galleryon, #nav li.galleryon strong { background-position: -359px -60px; width: 122px; }
#nav li.testimonialson, #nav li.testimonialson strong	{ background-position: -481px -60px; width: 109px; }
#nav li.newson, #nav li.newson strong { background-position: -590px -60px; width: 67px; }
#nav li.contacton, #nav li.contacton strong { background-position: -657px -60px; width: 101px; }

/* NAVIGATION: css drop downs */
#nav li ul li a:link, #nav li ul li a:visited { position: relative; display: block; float: left; background: none #fff; text-decoration: none; cursor: pointer; /* for IE */ height: 100%; width: auto; height: 24px; line-height: 24px; z-index: 50; padding: 0px 30px 0 0;}

#nav li ul li a:hover { color: #bbb; }
/* subnav and drop down specific widths for bold hover style */
#nav li ul li { float: left; width: auto; background: none;}
#nav ul { list-style: none; } /* all lists */
#nav li ul { display: none; position: absolute; top: 30px; left: 0px; z-index: 50; } /* second-level lists */
#nav li>ul { top: 30px; left: 0px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

#nav li:hover ul, #nav li.over ul { display: block; padding: 0px; width: 748px; padding-left: 10px; background: #fff;} /* lists nested under hovered list items */

* html #nav li:hover ul, * html #nav li.over ul { width: 758px; w\idth: 748px; }

/*
homepage elements ===============================*/
#header	{ position: relative; border: 1px solid #709183; border-width: 1px 0; margin: 30px 0 0; }
	.tag { position: absolute; top: 0px; left: 452px; }
	* html .tag { top: 1px; }
	
#h_images	{ position: relative; height: 300px; background: url(../images/h_img_bg.jpg) no-repeat 442px 10px;}
	#h_images .one { position: absolute; top: 10px; left: 0;}
	#h_images .two { position: absolute; top: 87px; left: 442px;}
	#h_images .three { position: absolute; top: 87px; left: 608px;}

#h_content { padding: 0 0 20px 170px; background: url(../images/h_woodpanel.jpg) no-repeat; line-height: 17px;}
	#h_content p { padding: 0 0 10px;}
	
#footer	{ border-top: 1px solid #709183; padding: 10px 0; color: #59592b; font-size: 11px; clear: both; background-image: url(../images/footerbar.gif); background-repeat: no-repeat; height: 15px }
	#footer span { float: right; }
	#footer li { float: left; padding: 0 0 0 20px; font-variant: small-caps; list-style: none; background: url(../images/dot.gif) no-repeat 8px 4px; }
	#footer li.first { padding: 0; background: none;}
	
/*
subpage elements ===============================*/
#subnav	{ position: absolute; top: 30px; left: 10px; width: 748px; list-style: none; z-index: 10; }
	#subnav li { float: left; }
	#subnav li a:link, #subnav li a:visited { position: relative; display: block; float: left; text-decoration: none; cursor: pointer; /* for IE */ height: 100%; width: auto; height: 24px; line-height: 24px; z-index: 50; padding: 0px 30px 0 0; color: #6F9182}

#s_content { position: relative; float: left; width: 410px; padding: 20px 20px 20px 0; line-height: 17px; }
	* html #s_content	{ width: 440px; w\idth: 410px; }
	#s_content p { padding: 0 0 15px; }
	
	#s_content ul	{ margin: -10px 20px 15px 30px }
	#s_content hr	{ height: 1px; color: #709183; margin: 14px 0; }
	*html #s_content hr	{ height: 1px; color: #709183; margin: 0 0 14px; }
#quote { position: relative; float: left; width: 278px; padding: 20px 0 20px 25px; color: #ADA78E; font-size: 16px; }
	* html #quote { /*\*/width: 303px; w\idth: 278px;/**/}

#subImages { position: relative; float: left; width: 300px; padding: 20px 0 20px 25px; color: #ADA78E; font-size: 16px; }
	* html #subImages { /*\*/width: 325px; w\idth: 300px;/**/}

#quote span	{ color: #333; font-size: 12px; line-height: 25px; }

#s_main { background: url(../images/sidebar_bg.jpg) no-repeat 100% 100%; /*\*/height: 100%;/**/ }

#s_gallery { position: relative; float: left; width: 546px; padding: 10px 0; }
	.project { position: relative; float: left; text-align: right; width: 172px; padding: 5px 10px 5px 0; color: #ada78e; }
	.project img { display: block; margin-bottom: 2px; }
	* html .project	{ width: 182px; w\idth: 172px; }
	.project a:link, .project a:visited	{ color: #909379; text-decoration: none; }
	#s_gallery p { padding: 0 10px 10px 0; line-height: 20px;}
	#s_gallery h2 { padding: 5px 0; margin: 5px 0; }

#sidebar { position: relative; float: left; width: 212px; }
#sidebar * { background: #fff; }
#sidebar h1 { padding: 10px 0 5px; border-bottom: 1px solid #798f82; color: #798f82; font-family: 'Helvetica Neue Ultra Light', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; }
	.gallerylist { border-bottom: 1px solid #798f82; padding: 5px 0 10px; height: 275px; overflow: auto; margin: 0 0 -5px 0; }
*html 	.gallerylist { margin: 0 0 -2px 0; }
	.gallerylist li	{ list-style: none; padding: 0 0 2px; font-family: 'Helvetica Neue Ultra Light', Helvetica, Arial, sans-serif; font-size: 12px; color: #000; }
	.gallerylist span	{ margin-bottom: -14px; /*\*/margin: 0;/**/ float: right; text-align: right; }
	.gallerylist strong	{ text-transform: uppercase;}
	.gallerylist a:link, .gallerylist a:visited	{ color: #909379; text-decoration: none;}
	.gallerylist a:hover { text-decoration: underline;}


#beforeafter { position: relative; float: left; width: 608px; }
	#beforeafter img { float: left; padding: 0 10px 0 0;}

#beforeafter2	{ position: relative; float: left; width: 150px; }
	#beforeafter2 img	{ margin: 0 0 5px; }
	* html #beforeafter2 img/* HIDES FROM MAC IE */ { margin-bottom: 2px; }

.caption { padding: 0 0 20px; clear: both; font-size: 12px; color: #666;}
	.arrow { float: right; width: 150px; text-align: right; }
	.arrow img { margin-bottom: -4px; display: inline; }


h1 { font-weight: normal; color: #598070; text-transform: uppercase; font-size: 18px; padding: 10px 0; }
h1 strong { font-weight: bold; color: #073f2c; }
h1 span { color: #59592b; }

h2 { font-weight: normal; color: #598070; font-size: 18px; margin: 5px 0; }

h3 { font-weight: normal; color: #598070; text-transform: uppercase; font-size: 18px; padding: 5px 0; }
h3 span { color: #59592b; text-transform: lowercase; }

/* contact form styles */
#s_content input.form	{ border: 1px solid #709183; width: 180px; }
#s_content select	{ border: 1px solid #709183; width: 182px; }
*html #s_content select	{ border: 1px solid #709183; width: 183px; }	
#s_content textarea	{ border: 1px solid #709183; width: 180px; }

#s_content input.submit	{ border: none; background-color: #709183; color: #fff; font-weight: bold; padding: 2px }

fieldset	{ width: 410px; border: none; margin: 5px 0; display: block; background: #fff; }

div.fsleftcol	{ display: block; float: left; height: 14px; width: 220px; margin: 0; padding: 0; text-align: left; border: none; }

p.jumplist	{ font-size: 12px; }

div.mapfloat	{ float: right; background-color: #709183; padding: 0; }
div.mapfloat div	{ margin: 0 5px 5px; font-size: 11px; color: #fff; padding: 0px; }