@charset "UTF-8";
/* COLORS

dark green: #002300;
yellow: #ffff99;
almost black" #001000;
LIGHT GREEN: #46a046;
light blue:  #bbe0e3;

*/

body {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 50px;
	font-size: 12px;
	}

#wrap {
	width: 900px;
	padding: 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family: inherit;
	}

html>body #wrap { 
	width: 900px;
	} 
	
#left_side {
	width: 225px;
	height: 599px;
	border-top: 1px solid #000;
	float: left;
	background-color: #002300;
	position: relative;
	top: 0px;
/* */	background: url(../images/main_backer2.jpg) repeat-x;

	}

#left_top {
	padding: 10px 10px 10px 15px;
}

#bread_crumb {
	height: 30px; background-color: #000; color: #FFF; padding-top: 10px; text-align: right; font-size: 15px; font-weight: bold; padding-right: 10px;
	}

#main_side {
	width: 675px;
	float: right;
	height: 600px;
	position: relative;
	top: 0px;
	background: url(../images/main_backer.jpg) repeat-x;
	}
	
#main_content {
	width: 655px;
	margin: 0 10px;
	height: 534px;
	overflow: auto;
	background-color: #FFF;
	}
	
#main_contentg {
	width: 655px;
	margin: 0 10px;
	height: 534px;
	overflow: auto;
/*background-color: #002300;*/
	background: url(../images/main_backer2.jpg) repeat-x;
	}
	
#main_contentg a, #main_contentg a:link,  #main_contentg a:visited  {
	font-weight: bold;
	color: #CCC;
	}
	
#main_contentg a:hover  {
	text-decoration: none;	}
	
.greenback {
	overflow: auto;
	/*background: url(../images/main_backer2.jpg) repeat-x;*/
	color: #ffff99;
	padding: 10px;
	margin-bottom: 10px;
	}	
	
.greenback table td {
	font-size: 16px;
	padding-bottom: 10px;
		}	

#main_contentg p, #main_contentg ul {
	color: #ffff99;
	}

#main_contentg h1 {
	color: #fff;
	}		
	
#main_contentg h2 {
	color: #fff;
	}		
	
.half_screens {
	width: 281px; 
	float: left; 
	padding-right: 25px;  
	}
	
#main_main {
		
}
	
#main_pad {
	padding: 20px;
	clear: left;
	color: #ffff99;
	}

#main_pad p {
	margin-top: 0px;
	margin-bottom: 15px;
	}
	
#green_logo {
	position: absolute;
	bottom: 0;
	left: 0;
}

#embracing_logo {
	position: absolute;
	bottom: 0;
}


ul#home_nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 18px;
	position: absolute;
	bottom: 163px;
}
	
ul#home_nav li {
	margin-bottom: 30px;
	padding-left: 15px;
	}
	
ul#home_nav li a, ul#home_nav li a:link, ul#home_nav li a:visited {
	color: #fff;
	text-decoration: none;
	}
	
ul#home_nav li a:hover {
	color: #ffff99;
	}
	
/*ul#home_nav li.bbs_link a {
	color: #F60;
	padding-left: 30px;
	background: url(../images/bbs_bullet_orange.png) no-repeat;
	}*/

a.buttons:link, a.buttons:visited {
	color:  #000;
	padding: 5px;
	font-size: 11px;
	background-color: #FFC;
	border: 1px solid #fff;
	text-decoration: none;
	display: block;
	width: 185px;
	margin-bottom: 8px;
	}

a.buttons:hover {
	color:  #fff;
	background-color: #000;
	}


#history_images img {
	float: left;
	width: 129px;
	height: 129px;
	border: 1px solid #000;
}

#bottomrow_images {
	position: absolute;
	bottom: 67px;
	left: 10px;
	}

#bottomrow_images img {
	float: left;
	width: 129px;
	height: 129px;
	border: 1px solid #000;
}

#staff_images {
	position: absolute;
	bottom: 67px;
	left: 10px;
	}

#staff_images img {
	float: left;
	width: 63px;
	height: 63px;
	border: 1px solid #000;
	}


/*-------------------------- UBER LINKS ----------------------- */

#services #left_side ul li.z_services a, 
#projects #left_side ul li.z_projects a, 
#awards ul #left_side ul li.z_awards a, 


/* sustainnav paget */
#profile #left_side ul li.z_profile a, 
#professional #left_side ul li.z_professional a, 
#projects #left_side ul li.z_projects a, 
#awards #left_side ul li.z_awards a, 
#publications #left_side ul li.z_publications a, 


/*interiornav, archnav,engnav pages */
#history #left_side ul li.z_history a, 
#principals #left_side ul li.z_principals a, 
#associates #left_side ul li.z_associates a, 
#staff #left_side ul li.z_staff a, 
#references #left_side ul li.z_references a, 


/* homenav page */
#architecture #left_side ul li.z_architecture a, 
#engineering #left_side ul li.z_engineering a, 
#interior_design #left_side ul li.z_interior a, 
#sustainable_design #left_side ul li.z_sustainable a,

/* contact page nav*/
#links #left_side ul li.z_links a, 
#employment #left_side ul li.z_employment a

 { 
color: #FFFF99;
}

/*-------------------------- END UBER LINKS ----------------------- */

h1 { 
	color: #002300;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: bold;
	}
	
h2 { 
	color: #900;
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: bold;
	}
	
h3 { 
	font-size: 14px;
	padding-bottom: 3px;
	color:  #bbe0e3;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: #FFF dotted 1px;
}

.size13 {
	font-size: 13px;	
}

h4 { 
	color: #FFF;
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: bold;
	}
	
h5 { 
	color: #FFF;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: bold;
	}	
	
.normalize { font-weight: normal; color: #FFF; font-size: inherit; }

.float_right {
	float: right;
	margin-left: 10px;
}

.simple_ollists {
	margin-left: 25px;
	margin-top: 0;
	padding: 0;
	}
	
.simple_ollists li {
	margin-bottom: 5px;
	}
	
#portfolio_controls {
	position: absolute;
	height: 36px;
	padding: 7px 0 0 0;
	/*background-color: #999;*/
	bottom: 67px;
	left: 434px;
	width: 233px;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	text-align: center;
		}
		
#portfolio_controls a, #portfolio_controls a:link, #portfolio_controls a:visited {
	color: #FF9;
	}

#portfolio_controls a:hover {
	text-decoration: none;
	}

.client {
	color: #bbe0e3;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.project_name {
	color: #bbe0e3;
	margin-top: 0;
}

.locations { color: #FFF; }

.descriptions { color: #FFF; }

#bottom {
	margin: 0;
	padding: 0;
	font-size: 18px;
	position: absolute;
	bottom: 143px;
	padding-left: 15px;
	width: 205px;
	font-weight: bold;
}

#bottom a, #bottom a:link, #bottom a:visited {
	color: #F60;
	text-decoration: none;
	}
	
#bottom a:hover {
	text-decoration: underline;
	}
	
.publication_years {
	margin-bottom: 20px;
	
	}
	
	
#main_pad .publication_years p {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #fff;
	}
	
.year_span {color: #ffff99; padding-right: 20px;}

.colorpan { color: #46a046;}

.bigger_font p { font-size: 15px; line-height: 120%}

#left_side a, #left_side a:link, #left_side a:visited {
	color: #bbe0e3;
	}
	

.award_td { padding-left: 40px; text-indent: -40px; vertical-align: top; padding-bottom: 10px; color: #FFF;}

.year_span_td {color: #ffff99; width: 50px; vertical-align: top;}

/* ---------- ADMIN FORM STUFF ---------------*/
#admin_wrap {
	background-color: #FFF; 
	border: 1px solid #666; 
	padding: 170px 10px 30px 10px; 
	width: 830px; 
	background-image: url(../images/sachem_banner_admin.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	}

#admin_form {
	font-size: 12px;
}	
	
#admin_form p {
  	clear: left;
  	padding-top: 20px;
  }
  
#admin_form p label {
  	float: left;
	width: 120px;
	text-align: right;
	padding-right: 20px;
	}
	
  
#admin_form p input,  #admin_form p select, #admin_form p textarea {
  	float: left;
	margin-left: 0px;
	width: 450px;
	}
	
.submitbutton { margin-left: 220px; }

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

#search_results { font-size: 11px; }

#search_results table { margin-top: 10px; }

#search_results table td { width: 297px; padding-right: 10px; vertical-align: top; }


.three_screens {
	width: 179px; 
	float: left; 
	padding-right: 17px;
	color:#FFFFFF;
		}
	
#main_pad .blue_name {
	color: #bbe0e3;
	font-weight: bold;
	margin-bottom: 4px;
	}
	
#three_table { width: 594px; }

#three_table td { width:181px; padding-right: 17px; vertical-align: top; color: #fff; }


.whitespan { color: #fff; }

.yellowspan { color: #ffff99; }

.bluespan { color: #bbe0e3; }

#contact_table td {
	vertical-align: top;
	padding-bottom: 8px;
}

#contact_table td.left_side {
	font-weight: bold;
	padding-right: 5px;
}
	
	
#right_image {
	position: absolute;
	top: 40px;
	right: 10px;
	}

#right_image img {
	float: left;
	width: 300px;
	height: 491px;
	border: 1px solid #000;
	}
	
#right_serviceimages {
	position: absolute;
	top: 40px;
	right: 10px;
	width: 246px;
	}

#right_serviceimages img {
	float: left;
	width: 121px;
	height: 121px;
	border: 1px solid #000;
	}
	
#right_serviceimages img.last_two {
	border-bottom: none;
	}
	

#imagelist {
	width: 750px;
	background-color: #ebebeb; 
	}
	

#imagelist div, .imagelist_full div {
	width: 145px;
	margin-right: 5px; 
	margin-bottom: 5px;
	float: left;
	height: 200px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	}
	

	
#imagelist div p, .imagelist_full div p {
	margin: 3px 0 0 0;
	line-height: normal; 
	}
	
#imagelist img, .imagelist_full img {
	border: none;
	
			}
	
.imagelist {
	color: #17A91B;
	font-weight: bold;
		}

#awardlist {
	width: 750px;
	background-color: #ebebeb; 
  	padding-top: 00px;
  	padding-bottom: 00px;
	}
	

#awardlist div, .awardlist_full div {
	width: 145px;
	margin-right: 5px; 
	margin-bottom: 5px;
	float: left;
	height: 45px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
  	padding-top: 00px;
  	padding-bottom: 00px;
	}
	

	
#awardlist div p, .awardlist_full div p {
	margin: 3px 0 0 0;
	line-height: normal; 
	background-color: #ebebeb; 
  	padding-top: 00px;
  	padding-bottom: 00px;
	}
	
#awardlist img, .awardlist_full img {
	border: none;
	
			}
	
.awardlist {
	color: #17A91B;
	font-weight: bold;
	width: 750px;
	background-color: #ebebeb; 
		}


#awardsection {
	width: 750px;
	background-color: #ebebeb; 
  	padding-top: 00px;
  	padding-bottom: 20px;
	}

.caption_photos {
font-size: 10px;
color: #FFF;
font-weight: bold;
margin-left: 15px;
margin-bottom: 10px;
float: right;
text-align: center;
width: 150px;
}

.caption_photos span {
	display: block;
}

.caption_photos img {
	margin-bottom: 10px;
}




ul#logo {
	margin: 0;
	padding: 0;
	background-color: #F06;
	list-style-image: url(../images/bbs_bullet_orange.png);
	}
	
ul#logo li {
	margin: 0px;
	padding-left: 0px;
	background-image: url(../images/bbs_bullet_orange.png);
	background-repeat: no-repeat;
	}
	
.bbs_png {
	margin-right: 6px;
}