@charset "utf-8";
/* GENERAL & UTILITY STYLES
============================================================================================*/
img{border:none;}
.clr:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0px;}
	.clr{display:inline-block;}
	/* Hides from IE-mac \*/
	* html .clr{height:1%;}
	.clr{display:block;}
	/* End hide from IE-mac */
.center{text-align:center;}
.imgLeft{float:left; padding-right:10px;}
.imgRight{float:right; padding-left:10px;}

.nav{margin:0; padding:0; display:block;}
	.nav li{list-style-type:none; margin:0; padding:0; float:left;}
	.nav li a{text-decoration:none; font-weight:bold;}

/* MAIN LAYOUT
============================================================================================*/
body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background-color:#292728; color:#CAC9C7;}
.container{width:800px; margin:0 auto; text-align:left; position:relative; /*border:1px solid #383637;*/}

.header{font-size:13px; font-weight:bold; /*background-color:#383637;*/ background-color:#292728; border-bottom:#0A757A solid 2px;}
	.header, .header .logo{height:130px;}
	.header a:hover{text-decoration:underline;}
	.header a, .header a.logo{text-decoration:none;}
	.header .logo{width:300px; float:left; border-right:#0A757A solid 2px;}
	.header .logo img{margin:20px 0 0 35px;}
	.header .vcard, .header .vcard a{color:#CAC9C7; font-weight:normal;}
	.header .vcard{padding:10px 0 26px 30px; float:left; border-left:#0A757A solid 2px;}
	.header .vcard .label{color:#91918F; margin-right:10px;}
	.header .vcard abbr{border:none;}
	
	.header .vcard .newLocation{color:#F00;}
	

#mainNav{height:80px; float:left;}
	#mainNav .nav{float:left;}
	#mainNav li{text-align:center; padding:20px 30px 30px 30px; /*margin-top:58px;*/ position:relative;}
	#mainNav li:hover{background-color:#333333;}
	#mainNav li a, #mainNav span.navLink{color:#CAC9C7; font-size:18px; margin:0; display:block; text-decoration:none;}
	#mainNav li ul{padding:0; margin:0; position:absolute; left:0; top:52px; z-index:5000;}
	#mainNav li ul li{display:block; padding:0; margin:0; width:66px;}
	#mainNav li:hover li{display:block;}
	#mainNav li ul li a{font-size:10px; padding:6px 4px 8px 5px; margin:0;}
	#mainNav li.navProjects{border-right:#292728 solid 2px;}
	#mainNav li.navProjects:hover{background:none;}
	#mainNav li.navReligious{width:132px;}
	#mainNav li.navResidential,#mainNav li.navInteriors{width:66px;}

	#mainNav li.navBlog{position:absolute; left:436px; top:72px; margin-top:0px; padding:18px 34px 18px 33px;
border-left:#0A757A solid 2px;	
	}

.body{/*background-color:#383637;*/ background-color:#292728; float:left; padding:15px; width:770px;}
	.body .section1{width:435px; padding:15px; float:left; height:100%; border-right:solid #0A757A 2px;}
	.body .section2{width:303px; padding:15px; border-left:solid #0A757A 2px; float:left; height:100%; margin-left:-2px;}
	
	div.text{width:400px;}
	.body p, div.text, .body td, .body th, .body a, 
	.body span, .body abbr, .body li, .body q, .body cite{text-align:justify; line-height:1.5em; font-size:1.3em; padding:0; font-weight:normal;}
	.body p{padding:10px 0 10px 0; margin:0;}
	.body blockquote{font-style:italic; padding:0; margin:0;}
	.body a{color:#CAC9C7;}
	.body a:hover{color:#91918F;}
	.body h1{font-size:1.8em; font-weight:normal; margin:0;}
	.body h2{font-size:1.7em; margin-top:10px; padding-top:0;}
	.body h3{font-size:1.5em; line-height:1.2em;}
	.body h4{font-size:1.2em;}
	.body h5{font-size:1em;}

/*
#sideLinks{line-height:1.5em; font-size:1.2em; margin-left:0px; padding-left:20px; list-style-type:square; color:#A89C86;}
	#sideLinks a{text-decoration:none; font-weight:bold; color:#6c543a; margin:4px 0 4px 0; display:block;}
	#sideLinks a:hover{text-decoration:underline;}
	#sideLinks li:hover{color:#CAC9C7;}
*/

.footer{/*background-color:#383637;*/ background-color:#292728; border-top:#0A757A solid 2px; width:100%; float:left; height:32px; overflow:hidden;}
	.footer, .footer a{color:#CAC9C7; text-decoration:none;}
	.footer a:hover{text-decoration:underline;}
	.footer .nav{width:445px; float:left; padding:10px 0 10px 10px;}
	.footer .seperator{border-left:2px solid #0A757A; float:right; width:333px;}
		.footer #copyright{float:right; display:block; width:200px; text-align:right; padding:10px 2px 10px 0px;}
	.footer .cirv{margin-top:35px; position:absolute; right:2px;}
	.footer .cirv a{color:#333333;}
	.footer abbr{border:none;}
	
/* HOME PAGE
============================================================================================*/
.pageHome .body{padding:0; width:100%;}

/* PROJECTS PAGE
============================================================================================*/
.pageCommercial .body
, .pageResidential .body
, .pageInteriors .body
, .pageReligious .body
, .pageHospitality .body{padding:0; width:100%;}
.pageCommercial .body p, .pageCommercial div.text
, .pageResidential .body p, .pageResidential div.text
, .pageInteriors .body p, .pageInteriors div.text
, .pageReligious .body p, .pageReligious div.text
, .pageHospitality .body p, .pageHospitality div.text{padding:0 5px 0 5px;}

#projectScroller1,#projectScroller2{padding-top:20px;}
#projectScroller2{padding-bottom:20px;}

.hscroller{overflow:hidden; white-space:nowrap; padding:0; margin:0;}
	.hscrollerbox{overflow:hidden; white-space:nowrap; display:block; width:766px; float:left; margin:0 2px 0 2px; padding:0; position:relative;}
/*	.hscroller li{margin:0 4px 0 4px; list-style:none; display:inline; float:none; position:relative; padding:0;}
	.hscroller h3{font-size:10px; line-height:12px; margin:0; padding:0; margin-bottom:227px; overflow:hidden; white-space:nowrap; position:absolute; bottom:0px; left:0; display:block; cursor:pointer;} */
	.hscroller td{/*position:relative;*/ padding-right:8px;}
	.hscroller td h3{font-size:10px; line-height:12px; margin:0; padding:0; margin-bottom:3px; clear:right; overflow:hidden; white-space:nowrap; /*position:absolute; bottom:0px; left:0; float:left; */display:block; cursor:pointer;}
	.hscroller img{height:220px; /* margin-top:18px; */ cursor:pointer; padding:0; clear:left;}
	.hscroller h3, .hscroller img{/*width:160px;*/}
	.hscroller .scrollButtonLeft, 
	.hscroller .scrollButtonRight{height:238px; width:15px; display:block; float:left; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
	.hscroller .scrollButtonRight{text-align:right;}
	.hscroller .scrollButtonLeft:hover, 
	.hscroller .scrollButtonRight:hover{background-color:#666666;}
	.hscroller .projectWrapper{width:160px; overflow:hidden;}
	
#project{position:relative;}
	#returnToProjects{text-align:right; position:absolute; width:100%; top:0; left:0;}
	#returnToProjects a{color:#CAC9C7; padding-top:10px; padding-right:20px;}
	#project .section1{width:465px; float:left; clear:left; padding:0; margin:0; text-align:center; height:512px; overflow:hidden; margin-bottom:20px; border:none; }
		#project .section1 #projectImage{width:420px; padding-top:20px; text-align:center;}
	#project .section2{float:right; clear:right; margin:0; padding:15px; border-left:2px solid #0A757A; height:502px;}
		#project .section2, #project .section2 #projectImages{width:303px;}
		#project .section2 #projectImages{padding:0; margin:0; height:222px; overflow:hidden;}
		#project .section2 #projectImages li{list-style:none; float:left; display:inline; cursor:pointer;}
		#project .section2 #projectImages li img{width:89px; /*height:60px; margin:6px;*/ vertical-align:bottom;}
		#project .section2 #projectDetails{clear:both; padding:0 0px; height:260px; overflow:auto; scrollbar-base-color:#666666; scrollbar-darkshadow-color:#383637;}
		#project .section2 .details{display:none;}
		#project .section2 #projectDetails h3{font-size:14px; padding-left:5px; padding-right:5px; padding-bottom:0px; margin-bottom:0px; margin-top:15px;}
		#project .section2 #projectDetails p{font-size:12px; margin-top:10px; margin-bottom:10px; padding-top:0; padding-bottom:0;}
		#project .section2 #projectDetails h3+p{padding-top:0; margin-top:0; font-style:italic;}
		#project .projectDetailsImageWrapper{width:89px; height:60px; overflow:hidden; margin:6px; vertical-align:bottom;}
		
#project2{position:relative;}
	#returnToProjects2{text-align:right; position:absolute; width:100%; top:0; left:0;}
	#returnToProjects2 a{color:#CAC9C7; padding-top:10px; padding-right:20px;}
	#project2 .section1{width:465px; float:left; clear:left; padding:0; margin:0; text-align:center; height:512px; overflow:hidden; margin-bottom:20px; border:none;}
		#project2 .section1 #projectImage2{width:420px; padding-top:20px; text-align:center;}
	#project2 .section2{float:right; clear:right; margin:0; padding:15px; border-left:2px solid #0A757A; height:502px;}
		#project2 .section2, #project2 .section2 #projectImages2{width:303px;}
		#project2 .section2 #projectImages2{padding:0; margin:0; height:222px; overflow:hidden;}
		#project2 .section2 #projectImages2 li{list-style:none; float:left; display:inline; cursor:pointer;}
		#project2 .section2 #projectImages2 li img{width:89px; /*height:60px; margin:6px;*/ vertical-align:bottom;}
		#project2 .section2 #projectDetails2{clear:both; padding:0 0px; height:260px; overflow:auto;}
		#project2 .section2 .details{display:none;}
		#project2 .section2 #projectDetails2 h3{font-size:14px; padding-left:5px; padding-right:5px; padding-bottom:0px; margin-bottom:0px; margin-top:15px;}
		#project2 .section2 #projectDetails2 p{font-size:12px; margin-top:10px; margin-bottom:10px; padding-top:0; padding-bottom:0;}
		#project2 .section2 #projectDetails2 h3+p{padding-top:0; margin-top:0; font-style:italic;}
		#project2 .projectDetailsImageWrapper{width:89px; height:60px; overflow:hidden; margin:6px; vertical-align:bottom;}
		

/* STAFF PAGE
============================================================================================*/
.pageStaff{}
.pageStaff .section2{overflow:auto; height:700px;}
.pageStaff .body{padding:0; width:800px;}
.bio{clear:both; padding-top:15px;}
	.bio .imgWrapper{width:100px; float:left; padding:0; margin:0;}
	.bio .imgWrapper img{width:100px; border:1px solid black; }
	.bio .details{width:290px; float:left; clear:right; padding-left:15px;}
		.bio .details .title{font-weight:bold;}
		.bio .details .name, .bio .details .label{color:#91918F;}
		.bio .details .label{border:none; margin-right:5px;}
		
/* WHY PAGE
============================================================================================*/
.pageWhy{}
	.pageWhy .body{padding:0; width:800px;}
	.pageWhy .section2 ul{margin-left:0; padding-left:15px;}
	.pageWhy .section2 li{padding-bottom:10px;}

/* ABOUT PAGE
============================================================================================*/	
.pageAbout .body{padding:0; width:800px;}