/* Modified 01/19/10 by Pamela */


*{
outline-style:none;
color:inherit;
}

body{
	letter-spacing:2px;
	margin-top:0em;
	padding-top:0em;
	height:100%;
	color:#998c5e;
	font-size:10px;
	font-family:Corbel, Arial, sans-serif;
	font-style:normal;
	font-weight:lighter;
	text-align:center;
	background-color:#1F1F1F;
}


.mainDiv{
	margin:0px auto;
	width:1000px;
	position:relative;
	text-align:left;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	height:100%;
}


.mainDiv1024{
	width:73em;
	margin-right:0px;
	margin-left:0px;
	position:relative;
	text-align:left;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
}

#HeaderBackground{
	left:0em;
	top:-5.9em;
	position:absolute;
	display:block;
	width:100%;
 	height:15.8em;
 	}

#Header{
	height:8.5em;
	margin-top:0em;
	width:100%;
	text-align:left;
	position:relative;
	display:block;
	moz-user-select:none;
	-khtml-user-select:none;
}


#PageContent{
position:relative;
margin-bottom:3em;
border-style:solid;
border-color: #1f1f1f;
border-width:1px;
}

#Sidebar{
	position:relative;
	text-align:left;
	padding:15px 0 0 15px;
	height:100%;
	display:block;
	width:240px;
	float:right;
	}
	
#Portfolio #Sidebar{
	width:180px;
}

.servicePanelsTabGroup{
	left:745px;
	width:240px;
	position:absolute;
	top:0px;
	padding:0px;
	margin:0px;
	float:none;
}	

#MainContent{
	position:relative;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 263px;
	margin-top: 0px;
	border-left-color: #292618;
	border-bottom-color: #544d2f;
	border-right-color: #3a3622;
	border-top-color: #3a3622;
	border-style: solid;
	background-color:black;
	display:block;
	position:relative;
	padding:15px;
	border-width:1px;
	background-image:url(images/site/ContentGradient.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
}

.subContent{
	position:relative;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 263px;
	margin-top: 50px;
	width:auto;
	}


#FakeBackground{
position:absolute;
top:0px;
left:0px;
width:100%;
}


#ContentShadow{
	border-style:none;
	left:15px;
	top:20px;
	width: 760px;
	height:103%;
	position:absolute;
	z-index:-1;
}

#BannerShadow{
	border-style:none;
	left:15px;
	width:1015px;
	height:5em;
	position:absolute;
	z-index:-1;
	}

#Portfolio #MainContent{
	margin:0 200px 0 0;
}

#Portfolio #ContentShadow{
	width:830px;
	}
	
	#PhotoFrame {
	position:absolute;
	top:0px;
	left:0px;
	z-index:900;
	border-left-color: #292618;
	border-bottom-color: #544d2f;
	border-right-color: #3a3622;
	border-top-color: #302c1c;
	border-style: solid;
	border-width:1px;
	}

#HomeNav{
width:4em;
padding:0em;
}

#Logo{max-height:45px; max-width:381px; bottom:0px; position:absolute; width:38.1em;
	height:4.5em;
	display:block;
	border-style:none;
}

.homeIcon{
	text-align:right;
	right:0px;
	bottom:3px;
	position:absolute;
	z-index:99;
	border-style:none;
	padding:0px;
 }
 
 #HomeIconHover{
 opacity:0;
 filter:alpha(opacity=0);
 }



#Banner{
	width:1000px;
	height:3em;
	position:relative;
	border-left-color: #292618;
	border-bottom-color: #544d2f;
	border-right-color: #3a3622;
	border-top-color: #302c1c;
	border-style: solid;
	border-width:1px;
	background-color:#101010;
	background-image:url(images/site/ContentGradient.png);
	background-position:0px -250px;
	background-repeat:repeat-x;

	text-align:center;
	display:block;
	padding-top:1.2em;
}



#Footer{
		position:relative;
		display:block;
		margin-top:3em;
}
	

#MainNav{
	margin:1.5em 0 0 5px;
	padding:0 0 5px 0;
	width:734px;
}

#CornerNav{
	right:0px;
	top:30%;
	padding:0px;
	margin:0px;
	text-align:center;
	position:absolute;
}

#SideNav{
	padding:10px 0px 0px 0px;
	width:100%;
	margin:0em;
	position:static;
	float:left;
}

h1,h2,h3,li a,.CollapsiblePanelTab,.servicePanelsTabGroup li,th,address{
	font-family:"Century Gothic", "Lucida sans unicode","Arial", sans-serif;
	font-style:normal;
	font-weight:lighter;
	font-variant:small-caps;
	}
	
h1:first-letter,h2:first-letter,h3:first-letter,li a:first-letter,.CollapsiblePanelTab:first-letter,.servicePanelsTabGroup li:first-letter,th:first-letter,address:first-letter{
font-size:1.2em;
font-weight:lighter;
}

#Home h3{
	padding:0.5em;
	border-style:solid;
	border-left-width:1px;
	border-top-width:2px;
	border-bottom-width:3px;
	border-right-width:3px;
	border-top-color:#161616;
	border-left-color:#1d1d1d;
	border-bottom-color:#080808;
	border-right-color:#080808;
	background-color:#101010;}


h1, h2, h3{
	color:#b8c418;
	}


h1{
	margin-top:20px;
	font-size:1.4em;
	letter-spacing:3px;
	line-height:1.2em;
	}


th{
	color:#6d7402;
	}

h1 a, h2 a, h3 a{
	color:inherit;
	}

.green186{
color:#B8C418;
}

.smallerH1{
	font-size:1.4em;
	color:#97a114;
}



.smallerH2{
		font-size:1.2em;
		color: #625212;
}




h3{

}


#Banner h1 {
	text-align:center;
	letter-spacing:4px;
	margin:0px;
	color:#AB880D;
}
#Banner h1 a{
	font-size: 16px;
	color:#AB880D;
	}
	


	

	
p{ 
	letter-spacing:1px; 
	font-style:normal; 
	font-weight:lighter; 
	line-height:1.5em; 
	clear:none; 
	display:block;
	font-size:1.4em;
	text-align:left;
	overflow:clip;
}


#MainContent .thumbContainer img{
	margin:0px 6px 6px 0px;
	display:inline;
	padding:3px;
	float:none;
	height:75px;
	width:75px;
	border:solid #0e0e0e 2px;
}


#MainContent .thumbContainer img:hover{
	border-color:#625212;
}

#MainContent .thumbContainer img.selected{
	border-style: dotted;
    border-color:#AB880D;
    border-width: 2px;
    }

.textArea{
	text-align:left;
	display:block;
	border-style:solid;
	border-left-width:1px;
	border-top-width:2px;
	border-bottom-width:3px;
	border-right-width:3px;
	border-top-color:#161616;
	border-left-color:#1d1d1d;
	border-bottom-color:#080808;
	border-right-color:#080808;
	background-color:#101010;
	padding:10px;
}

#Portfolio .textArea{
	padding-bottom:10px;
	padding-top: 20px;
	padding-left:20px;
	padding-right:10px;
	margin-left:335px;
	margin-top:0em;
}
	



#Portfolio .textArea h1{
	color: #998c53;
	font-size: 1.2em;
	margin-top: 0px;
}

.mainPhoto p{
	margin-top:2px;
	font-size:1.1em;
	text-align:right;
	float:none;
	clear:none;
	display:block;
}


.mainPhoto{
	display:block;
	width:300px;
	min-height:360px;
	border-style:none;
	float:left;
	margin:15px 0px 0px 15px;
	position:relative;
}


.mainPhoto img{
	padding:0px;
	clear:none;
	width:300px;
	margin:0em;
	display:block;
	float:none;}

.floatLeft
{float:left;}



.thumbContainer{
    position:relative;
 	border-style:none;
    margin-bottom:4%;
    margin-top:16px;
    clear:none;
    display:block;
    text-overflow:clip;
    float:none;
    z-index:1;
}




.greenText{
	color:#6d7402;
}


.photoframe {
	position:absolute;
	top:0px;
	left:0px;
	z-index:900;
	border-left-color: #292618;
	border-bottom-color: #544d2f;
	border-right-color: #3a3622;
	border-top-color: #302c1c;
	border-style: solid;
	border-width:1px;
	}
	



.note{
	border-style:none;
	float:none;
	clear:none;
}





/* Nav bars */
ul{
	margin:0px;
	list-style-type:none;
	text-decoration:none;
	display:block;
	padding:0px;
}

ul.MenuBarHorizontal li{
	float:left;
	text-align:center;
	}





/* List-item containers */

li a{
	padding-left:8px;
	padding-bottom:3px;
	padding-right:5px;
	padding-top:3px;
	margin:0em;
	text-decoration:none;
	height:100%;
	width:100%;
	display:block;
	float:left;
}

.servicePanelsTabGroup li{
	padding-right:2px;
	padding-left:2px;
	text-align:left;
	width:100%;
	clear:left;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
}

ul.MenuBarVertical li{
	text-align:left;
	width:100%;
	clear:left;
	padding-top:3px;
	padding-bottom:3px;
}

ul.MenuBarVertical li:first-child{
padding-top:0em;
}


ul.MenuBarVertical li a{
	padding:2px;
	text-align:left;
	width:100%;
	clear:left;
	cursor:pointer;
}



#MainNav li{
	position:relative;
	border-color:#ff3f3a; 
	margin:0px; 
	padding:0em; 
	height:100%; 
 	width:33%;
}

#MainNav li a{
	letter-spacing:6px;
	font-size:1.4em;
	}


/*
#MainNav li a:first-letter{
	font-size:16px;
	font-weight:lighter;
	letter-spacing:5px;
}
*/
	
	
#SideNav li, .servicePanelsTabGroup li{
	text-align:left;
}

#SideNav li a, .servicePanelsTabGroup li {font-size:1.3em;}

 
#CornerNav li{
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0em;
	width:7em;
	text-align:right;
}

#Footer p{
	margin:0px;
	color:#67510b;
	text-align:right;

	border-style:none;
	} 


#CornerNav li a{
	padding:0px;
	margin:0px;
	width:100%;
	display:block;
	font-size:1.2em;
	text-align:center;
}
                              
#Contact table{
border-spacing:0px 1em;
border-collapse:separate;
font-size:1.2em;
empty-cells:show;
}	

#Contact table td{
padding-left:20px;
}


#Contact table th{
text-align:left;
background-color:#1f1f1f;
padding:2px 2px 2px 5px;
font-size:1.2em;
}                    

/* End list-item containers */
	
	

/* List-item text */

ul li{
	vertical-align:text-bottom;
}


	
	
#Portfolio #PortfolioNav,#Services #ServicesNav, #Sustainability #SustainabilityNav, #Contemporary #ContemporaryNav, #Traditional #TraditionalNav, #Loft #LoftNav, #Rustic #RusticNav, #Commercial #CommercialNav, #About #AboutNav, #Media #MediaNav, #Contact #ContactNav, #Press #PressNav, .servicePanelsTabGroup li.TabbedPanelsTabSelected{
	color:#ddd189;
}
	

	
.PortfolioPanelsTabGroup li.TabbedPanelsTabSelected{
	background-color:#030303;
	color:#eade8f;
	border-bottom-color:black;
}
	

li a,.servicePanelsTabGroup li, th{	
	margin-bottom:2px;	
	color:#ab880d;
}


.PortfolioPanelsTabGroup li{	
	color:#ab880d;
}


	
#Portfolio #PortfolioNav:hover,
#Services #ServicesNav:hover, 
#Sustainability #SustainabilityNav:hover, 
#Contemporary #ContemporaryNav:hover, 
#Traditional #TraditionalNav:hover, 
#Loft #LoftNav:hover, 
#Rustic #RusticNav:hover, 
#Commercial #CommercialNav:hover, 
#About #AboutNav:hover, 
#Media #MediaNav:hover, 
#Contact #ContactNav:hover, 
.PortfolioPanelsTabGroup li.PortfolioPanelsTabSelected:hover,.PortfolioPanelsTabGroup li:hover,
.servicePanelsTabGroup li.servicePanelsTabSelected:hover, .servicePanelsTabGroup li:hover,
li a:hover{
	color:#b8c418;
	text-decoration:none;
}
	
.CollapsiblePanelTab:hover{
	color:#9faa15
}
		
/* End list-item text */



	
.PortfolioPanels, .servicePanels{
	left:0px;
	top:0px;
	position:relative;
	width:100%;
	display:block;

	}

.PortfolioPanels{
background-position:0 1em;
background-image:url(images/site/TabGroupBackground.png);
background-repeat:repeat-x;

padding:0em;
}

.servicePanels{
	padding:0em;
}




.PortfolioPanelsTabGroup{
	min-height:1.5em;
	width:100%;
	background-position:0;
	margin:0px;
	position:relative;
	display:block;
	padding:0px;
}


.PortfolioPanelsTabGroup li,.CollapsiblePanelTab{
	-moz-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
	}
	
	
.PortfolioPanelsTabGroup li{
	padding-left:2em;
	padding-bottom:0.4em;
	padding-right:0.9em;
	padding-top:0.4em;
	margin-left:0px;
	margin-bottom:0em;
	margin-top:0em;
	margin-right:3px;
	float:left;
	border-left-color:#312e1e;
	border-bottom-color:#13120b;
	border-right-color:#1d1c11;
	border-top-color:#777149;
	border-width:1px;
	border-style:solid;
	background-color:#101010;
	font-variant:normal;

}
	




.PortfolioPanelsContentGroup{
	position:static;
	clear:left;
	display:block;
    border-style:none;
}



.servicePanelsContent{
	height:100%;
	position:relative;
	top:0em;
	}



.PortfolioPanelsContent{
	padding-top:1em;
	padding-left:1em;
	padding-bottom:1em;
	padding-right:1em;
	display:block;
	position:relative;
	border-style:none;
	background-color: black;
	height:100%;
}




.CollapsiblePanel{
	margin-right:0em;
	margin-left:0em;
	position:relative;
	margin-top:17px;
	float:none;
	display:block;
	clear:none;
}

.CollapsiblePanelTab{
	color: #ab880d;
	padding:1px 5px 1px 5px;
	display:block;
	float:none;
	line-height:normal;
	border-style:solid;
	border-width: 2px 2px 2px 1px;
	border-top-color:#161616;
	border-left-color:#1d1d1d;
	border-bottom-color:#080808;
	border-right-color:#080808;
	font-size:1.2em;
}


.CollapsiblePanelContent{
font-size: 1.2em;
height:100%;
padding:0em;
text-align:left;
margin:0em;
clear:none;
display:block;
float:none;
background-color:#0e0e0e;
line-height:2.5em;
	}
	
.CollapsiblePanel td a{
font-weight: bold;
display:block;
text-decoration: none;
}	

.CollapsiblePanel td a:hover{
	color: #b8c418;
}

.alignRight{
text-align:right;
}



td{
vertical-align:top ;
padding-left:5px;
}



#PhotoLeft, #PhotoRight, #PhotoCenter{
	height:18em;
	border-left-color:#332805;
	border-bottom-color:#130e01;
	border-right-color:#1c1600;
	border-top-color:#312900;
	border-left-width:1px;
	border-bottom-width:2px;
	border-right-width:2px;
	border-top-width:1px;
	border-style:none;
	width:15em;
	
}


#PhotoLeft{
	border-top-color:#7b7101;
	margin-bottom:1em;
	}

#PhotoCenter{
	border-top-color:#443f01;
	border-left-color:#251d02;
	margin-top:1em;
}

#PhotoRight{
		margin-top:30%;
		border-top-color:#494401;
		float:none;
		}



.contentArea{
	border-style:solid;
	border-left-width:1px;
	border-top-width:2px;
	border-bottom-width:3px;
	border-right-width:3px;
	border-top-color:#161616;
	border-left-color:#1d1d1d;
	border-bottom-color:#080808;
	border-right-color:#080808;
	background-color:#101010;
	padding-left:2em;
	padding-right:1em;
	display:block;
}




.callout{
	color:#a69800;
 }
                    
  

.textImage{
	border-style:outset;
	border-width:2px .4px 3px 1px;
	border-top-color:#161616;
	border-left-color:#1d1d1d;
	border-bottom-color:#080808;
	border-right-color:#080808;
}


p a, .CollapsiblePanel a{
text-decoration:none;
font-weight:bolder;
color: #ab880d;
}

#Sustainability p a{
color:#6d7402;
}

p a:hover{
text-decoration:underline;
}	



.winText{ letter-spacing:12px; }

#CornerNav .lastItem{ padding-right:0em; text-align:right;}

/* This class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float. */

.photoContainer{
float:left;}

a{
	text-decoration:none;
	color: #998c5e;
}

a:hover{
	text-decoration:underline;
	}

.noTopMargin{ margin-top:0px; }

.noBottomMargin{ margin-bottom:0px; }

.noTopPadding{ padding-top:0px; }

.noBottomPadding{ padding-bottom:0px; }
                                                                                                                                                              

.clearleft{
	clear:left;
    height:0;
    font-size:1px;
    line-height:0px;
}

                                                                                                                                                              

.clearfloat{
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}



address{
	margin-bottom:1.6em;
	word-spacing:2px;
 	font-size: 1.4em;
 	text-align:left;
 	}


address:first-letter{
font-size:1.1em;
font-weight:lighter;
}