/* these are common site styles */

body {
	color: #241604;
	background-color:#F6F5F4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align:center;}		
			
a:link {
	color: #241604;
	text-decoration: none;}
a:visited {
	color: #241604; /* user A25D22 when LIVE */
	text-decoration: none;} 
a:active {
	color: #A25D22;}	
a:hover {
	color: #A25D22;
	text-decoration: underline;}

p {
	margin-top: 10px;
	margin-bottom: 12px;
	}
	
img {
	border: 0px;}	
form {
	margin: 0px;
	padding: 0px;}		

/* text header styles */	

h1 {
	color: #241604;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;	
	}		
h2, h3 {
	color: #241604;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;	
	}

/* structural blocks */	
	
#container-header { 
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	height: 57px;
	/* background-color: #AEBA94;*/
	background-color: #bb7a44;
	border-bottom: 3px solid #ffffff;
	}					
#header {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;	
	}

#brand-logo {
	float: left;
	}			
#nav-global {
	float: right;	
	font-weight: bold;
	position: relative;
	text-align: right;
	text-transform: lowercase;
	width: 600px;
}
	
	#nav { position: absolute; top: 25px; right: 4px; text-align: left; } 
	* html #nav { top: 36px; }
	*+html #nav { top: 36px; }
	#nav-global li {
		float: left;
		list-style-type: none;		
		position: relative;
	}
		#nav-global a {
			border-bottom: 1px solid #fff;
			display: block;
			float: left;
			padding: 4px 10px;
		}
			#nav-global #nav-contact a 		{ padding-right: 0; }
			#nav-global #nav-contact li a 	{ padding-right: 10px; }
		#nav-global a:hover {
			color: #fff;
			text-decoration: none;
		}
		#nav-global li ul {
			background: #4F3F3F;
			border: 3px solid #fff;
			border-width: 3px 3px 1px 3px;
			float: none;
			margin: 0;
			padding: 0;
			position: absolute; left: -999em;
			width: 140px;
		}
		#nav-global li#nav-whatwedo ul { width: 160px;  }
			#nav-global li ul li { float: none; }
			#nav-global li:hover ul, #nav-global li.over ul { display: block; left: -3px; top: 21px; z-index: 3000; }
			#nav-global li ul a {
				border-width: 0 0 2px 0;
				color: #ebe9e6;
				display: block;
				float: none;
				font-weight: normal;
				width: 120px;
			}
			#nav-global li#nav-whatwedo ul a { width: 140px; }
				#nav-global li ul a:hover {
					background-color: #BB7A44;
					color: #000;
				}

/* home page elements */

#container-home-feature { 
	width: 100%;
	height: 345px;
	background-color: #4F3F3F;
	border-bottom: 3px solid #ffffff;
	}		
#home-feature {
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	text-align: left;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	}	
#container-homecontent { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	width: 760px;
	}		
#content-home-features { 
	width: 382px;
	float: right;
	}		
#content-home-features img.feature { 
	border: 1px solid #BFB9B1;
	margin-bottom: 4px;
	}		
.home-feature1 {
	float: left;
	text-align: left;
	width: 187px;
	}
.home-feature2 {
	float: right;
	text-align: left;	
	width: 187px;
	}
#home-actions {
	float: left;
	width: 374px;
	height: 200px;
	}
.home-search {
	width: 367px;
	height: 22px;
	padding: 3px 3px 3px 4px;
	background-color: #D0CECB;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	}	
.home-advanced-search {
	width: 367px;
	height: 19px;
	padding: 6px 3px 0px 4px;
	background-color: #DFDEDB;	
	border-bottom: 1px solid #ffffff;	
	text-align: left;
	}	
.home-whats-new {
	width: 374px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	background-color: #EBE9E8;
	text-align: left;
	}
.home-whats-new-links {
	padding: 0px 0px 0px 0px;
	text-align: left;
	}	
.home-whats-new-links a {
	width: 362px;
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 10px 6px 4px 6px;
	}	

/* elements for subpage structure */

#container-subbar { 
	width: 100%;
	background-color: #4F3F3F;
	border-bottom: 3px solid #ffffff;
	}		
#container-subbar-content { 
	margin-left: auto;
	margin-right: auto;
	background-color: #4F3F3F;
	color: #ffffff;
	width: 744px;
	height: 26px;
	text-align: left;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	padding: 0px 10px 0px 0px;
	}		
#container-subbar-content h1 {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
#container-subbar-content h1 a {
	color: #ffffff;
	text-decoration: none;
	}	
#container-subbar-content h1 .sublink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
		
#subbar-search {
	float: left;
	width: 310px;
	padding: 3px 3px 3px 4px;
	}		
#subbar-search a {
	color: #ffffff;
	font-size: 11px;
	}			
	
/* ---------- 2 column with side navigation ---------- */	
#container-main-content { 
	width: 100%;
	background-color: #E0D7C8;
	border-bottom: 3px solid #ffffff;
	}		
#container-body { 
	margin-left: auto;
	margin-right: auto;
	background-color: #EBE9E6;
	width: 754px;
	text-align: left;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	padding: 0px 0px 20px 0px;
	background-image: url(../images/bg_subpage_2col.gif);
	background-repeat: repeat-y;
	min-height: 400px;
	height: 400px;
	}		
html>body #container-body {
  height: auto;
  min-height: 400px;}

/* ---------- wide single column ---------- */
#container-body-wide { 
	margin-left: auto;
	margin-right: auto;
	background-color: #EBE9E6;
	width: 754px;
	text-align: left;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	padding: 0px 0px 20px 0px;
	min-height: 400px;
	height: 400px;
	}		
html>body #container-body-wide {
  height: auto;
  min-height: 400px;}
  
  	
#container-content { 
	float: left;
	width: 585px;
	text-align: left;
	}		
#container-content .contentbox { 
	padding: 5px 10px 0px 10px;
	}	


.clear {
	clear: both;}
	
	
/* sub navigation */

#container-subnav {
	float: right;
	width: 156px;
	text-align: left;	
	margin: 0px;
	padding: 0px;
	}		
#container-subnav a, #container-subnav a:visited  {
	text-decoration: none; 
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 2px 5px 6px;
	border-bottom: 2px solid #ffffff;	 	
	}	
#container-subnav a:hover {
	background-color: #BB7A44;
	border-bottom: 2px solid #ffffff;	
	color: #241604;
	}	
#container-subnav a.on {
	background-color: #BB7A44;
	font-weight: bold;
	border-bottom: 2px solid #ffffff !important;	
	color: #241604;
	}	
#container-subnav a.on-market {
	background-color: #BB7A44;
	font-weight: bold;
	border-bottom: 0px !important;	
	color: #241604;
	}		
	  
.project-services-nav {
	margin: 6px 0px 0px 0px;
	padding-bottom: 10px;
	font-size: 10px;
	border-bottom: 2px solid #ffffff;	
	}		
.project-services-nav a {
	background-image: url(../images/arrow2_right.gif);
	background-repeat: no-repeat;
	margin: 4px 0px 0px 10px !important;
	padding: 0px 0px 0px 12px !important;
	background-color: #EBE9E6 !important;
	border: 0px !important;	
	}	

#container-subnav a.sub-market {
	background-image: url(../images/arrow5_right.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px !important;
	padding: 4px 0px 4px 16px !important;
	background-color: #D3D9C2;
	}
	
	
.project-services-nav a.on-service {
	font-weight: bold;	
	}		
.project-services-nav a:hover {
	text-decoration: underline !important;
	}


/* project thumbnail navigation for markets */

#project-thumbnail-nav {
	width: 595px;
	margin-top: 10px;
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	}
#project-thumbnail-nav img {
	padding: 0px;
	margin: 0px;
	border-right: 2px solid #ffffff;
	}	

.project-popup strong {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	}	
.project-popup p {
	margin: 4px 0px 0px 0px;
	}	
	
/* project detail page */	

#project-feature {
	border-bottom: 2px solid #ffffff;
	}

#project-name {
	float: left;
	width: 400px;
	color: #241604;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 4px 10px 10px;
	}	
#project-icon-nav {
	float: right;
	background-color: #ffffff;
	border-left: 2px solid #DCDAD6;
	border-bottom: 2px solid #DCDAD6;
	white-space: nowrap;
	}	
#project-icon-nav img {
	float: right;
	margin: 4px 2px 4px 2px;
	background-color: #ffffff;
	}		
#project-preload {
	margin: 0px;
	padding: 0px;
	display: none;
	}	
	
#container-project-content { 
	width: 744px;
	margin: 4px 0px 10px 10px;
	text-align: left;
	clear: both;
	}	
#project-content { 
	float: left;
	width: 500px;
	}
#project-sidebar { 
	float: right;
	width: 200px;
	padding-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	}		

.project-sidebar-header {
	padding: 0px 0px 6px 0px;
	border-bottom: 1px solid #ffffff;
	}	
	
.project-sidebar-header a, .project-sidebar-header a:visited  {
	font-weight: bold;
	display: block;
	text-decoration: none; 
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	
.project-sidebar-header a:hover {
	color: #241604;
	}	

.project-sidebar-links {
	width: 184px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 2px;
	}		
.project-sidebar-links a, .project-sidebar-links a:visited, .project-sidebar-links p  {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 3px 0px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	}	

.project-quote-image {
	float: left;
	border: 2px solid #ffffff;
	margin: 0px 10px 10px 0px;
	}	
.project-quote {
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #A25D22;
	}	

#project-page-nav {
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	height: 19px;
	background-color: #dfbb97;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;		
	padding-top: 4px;
	}

#project-page-nav-prevnext {
	float: right;
	width: 235px;
}

#project-page-nav .back {
	float: left;
	padding-left: 6px;
	font-weight: bold;
	}
#project-page-nav .back a { /* color: #A25D22; */	}	

#project-page-nav .previous {
	float: left;
	font-weight: bold;
	}
#project-page-nav .next {
	float: right;
	padding-right: 6px;	
	font-weight: bold;	
	}	

/* narrow content with sidebar pages */	

#narrow-content { 
	float: left;
	width: 360px;
	}
#narrow-content-sidebar { 
	float: right;
	width: 186px;
	padding: 10px 0px 20px 16px;
	}		

#narrow-column-left {
	 width:280px;
	 float:left;
	 padding: 0px 4px 0px 0px;
	 padding-left: 10px;
	 margin-top: 0px;
	 border-right: 1px solid #ffffff;
	 height: 300px;
	 }	

/* fool IE into doing min-height like FF does it */
#narrow-column-left[id=narrow-column-left] {
	min-height: 300px;
	height: auto;
	}

#narrow-column-right {
	 width:275px;
	 float:right;
	 padding: 0px 6px 0px 0px;
	 margin-top: 0px;
	 }		

/* news pages */
		
#news-feature {
	width: 595px;
	/* height: 266px; */
	height: 100px;
	margin: 0px;
	padding: 0px;
	}	
#news-feature-text {
	width: 570px;
	position: relative;
	top: 10px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 10px;
	}	
#news-feature-text a {
	color: #ffffff;
	}	
#news-feature-title {
	color: #ffffff;
	/* padding-left: 10px; */
	font-weight: bold;
	font-size: 18px;
	} 

.news-article-image {
	border: 2px solid #ffffff;
	margin: 2px 10px 10px 10px;
	}

ul.newslist {
	margin: 6px 0px 0px 10px;
	padding: 6px 0px 0px 10px;
	list-style-image: url(../images/arrow1_right.gif);}	
ul.newslist li {
	margin: 0px 0px 10px 0px;}	


#paging-links {
	width: 574px;
	text-align: right;
	padding: 10px 0px 10px 0px;
	margin: 0px 10px 0px 10px;
	border-bottom: 2px solid #ffffff;
	}
#paging-links a, #padding-links span {
	padding: 4px;
	}	
#paging-links span.on {
	color: #A25D22;
	font-weight: bold;
	padding: 1px 3px 2px 3px;
	margin: 3px;
	border: 1px solid #A25D22;
	}	


	
/* ------------------------------------ */

/* form elements */

input {
	font-size: 11px;
	color: #391527;
	}
.submit {
	font-size: 10px;	
	border: 0px;
	background: #AD7040;
	color: #ffffff;
	padding: 2px;
	margin: 0px;
	}
.dropdown1 {
	font-size: 10px;	
	}
.dropdown2 {	
	width: 100%;
	font-size: 10px;	
	}	

.home-search-field {
	background-color: #ffffff;
	border: 1px solid #8C8274;
	width: 180px;
	height: 16px;
	padding: 2px 0px 0px 4px;
	margin: 0px;
	}
.subbar-search-field {
	background-color: #ffffff;
	border: 1px solid #8C8274;
	width: 140px;
	height: 16px;
	padding: 2px 2px 0px 4px;
	margin: 0px;
	}
	
	

/* table styles */	

table.data {
	border: 0px;
	margin: 0px 4px 0px 6px;
	padding: 0px;}
	
table.data td {
	vertical-align: top;
	padding: 4px 2px;}
table.data th {
	padding: 2px;
	border-bottom: 2px solid #ffffff;}
table.data td {
	border-bottom: 1px solid #cccccc;}

/* blog specifics */
.blog p.byline { color: #666; margin-top: 2px; }
.blog h3 { margin-bottom: 2px; margin-top: 20px;}

.blog h3 a:link {
	color: #A25D22;
}

*:first-child+html #project-sidebar { margin-left: 0; }

/* ------------------------------------------------- scroller ----- */

.scroll {
	background: #dadad9 url(../images/scroller.gif) 0 0 no-repeat;
	border: 2px solid #fff;
	border-width: 0 2px 0 0;
	display: block;
	float: left;
	height: 55px;
	overflow: hidden;
	text-indent: -999em;
	width: 12px;
}
	span.scroll { background-image: none;  }
	#scroll-left { background-position: 0 0; }
	#scroll-right { background-position: -8px 0; border-width: 0 0 0 2px; }
	a#scroll-left:hover { background-position: 0 -55px; }
	a#scroll-right:hover { background-position: -8px -55px; }

#project-thumbnail-nav { overflow: hidden; }
#scroll-wrap {
	background: #dadad9;
	float: left;
	overflow: hidden;
	height: 55px;
	position: relative;
	width: 567px;
}
	#scroll-box { position: absolute; left: 0; top: 0; left: 0; }
	#scroll-wrap img { display: block; }
	#scroll-wrap a	{ display: block; float: left; }