html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* input,textarea,select{*font-size:100%;} */
legend{color:#000;}

#site_name{
	display: none;
}

html{
	background-image: url('/img/skin_bg.jpg');
	background-repeat: repeat;
	background-position: 370px 130px;

}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	overflow: hidden;
}

strong {
	font-weight: bold;
}


#container {

	font-family: Arial, sans-serif;
	width: 1024px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 0px;
	height: 621px;
	position: relative;
}

#content_container {
	position: absolute;
	top: 90px;
	border: 0;
	margin: 0;
	padding: 0;	
}


#content_inner {
	border: 0;
	margin: 0;
	padding: 0;	
}

#intro {
	margin-left: 160px;
	z-index: 9;
}

#intro div{
	position: absolute;
	display: none;
}

#slide_23{
	z-index: 9;
}

#slide_24{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

img.full_color{
	display: none;
}

div.portfolio #content,
div.about #content,
div.services #content{
	background-color: #ffffff;
	border: 1px solid #939290;
	position: absolute;
	left: 333px;
	right: 900px;
	height: 369px;
	width: 567px;
	z-index: 8;
	overflow: hidden;
	padding: 30px;
	color: #5B5650;
	font-size: 12px;
	line-height: 150%;
	
}


#content a {
	color: #5B5650;
	outline: none;
	text-decoration: none;
}

a:active {
	outline: none;
}

:-moz-any-link:focus {
  outline: none;
}

a:hover {
	font-weight: bold;
}


div.about #content {
}

div.portfolio #content{
	left: 238px;
	right: 805px;
}

div.services #content{
	left: 144px;
	right: 710px;
}

div.portfolio_landing #content{
	display: none;
}

div.services_landing #lower_level a{
	display: none;
}



div.services_landing #content{
	display: none;
}

div.about_landing #content{
	display: none;
}


#about_content{
	border: 1px solid #939290;
	position: absolute;
	left: 333px;
	height: 429px;
	width: 627px;
	z-index: 8;
}

#about_content img{
	margin: 20px;
}

#pane_curtain{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 65px;
	height: 431px;
	display: none;
	z-index: 10;
}

#pane_services{
	position: absolute;
	left:65px;
	top: 0px;
	width: 80px;
	height: 431px;
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 12;
	overflow: hidden;
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;	
}

#services_list h3{
	padding-bottom: 0px;
	margin-bottom: -10px;
}

#services_list span{
	color: #4A98CD;
}

#services_list {
	line-height: 120%;
}



#pane_services img{
	margin-left: -630px;
}

div.services #pane_services.top_level img{
	margin-left: 0px;
	display: none;
}

div.home #pane_services{
	display: none;
}

div.services_landing #pane_services {
	width: 710px;
	background-image: url(/img/skin_services.jpg);
}

div.services #pane_services.top_level {
	width: 710px;
	background-image: url(/img/skin_services.jpg);
}


div.services_landing #pane_services img{
	position: absolute;
	left: 630px;
	display: none;

}

div.project_list  {
}

div.project_list  ul li{
	display: inline;
}

div.project_list  ul li img{
	margin-right: 6px;	

}
div.project_list h4{
	text-transform: uppercase;
	font-weight: 12px;
	margin-bottom: 7px;
}

#project_image_large{
	position: absolute;
	left: 30px;
	top: 35px;
}

div.back_image{
	position: absolute;
	left: 30px;
	top: 31px;
	display: none;
}

#pane_portfolio{
	position: absolute;
	left: 158px;
	top: 0px;
	width: 80px;
	height: 431px;
	background-repeat: no-repeat;
	z-index: 16;
	background-position: top right;
	background-origin: border-box;
	overflow: hidden;
	cursor: pointer;
	top: 0px;
	border: 0;
	margin: 0;
	padding: 0;	
}

#pane_portfolio img{
	margin-left: -630px;
}

div.portfolio #pane_portfolio.top_level img{
	margin-left: 0px;
	display: none;
}




div.home #pane_portfolio{
	display: none;
}

div.portfolio_landing #pane_portfolio{
	width: 710px;
	background-image: url(/img/skin_portfolio.jpg);

}

div.portfolio_landing #lower_level a{
	display: none;
}

div.portfolio #pane_portfolio.top_level {
	width: 710px;
	background-image: url(/img/skin_portfolio.jpg);
}

div.portfolio_landing #pane_portfolio img{
	position: absolute;
	left: 630px;
	display: none;
}



div.portfolio #pane_about{
	background-position: 0 0;
}

div.services #pane_about{
	background-position: 0 0;
}




div.services #pane_portfolio{
	left: 788px;
	background-position: top left;
}

div.services #pane_portfolio img{
	position: absolute;
	left: 630px;
}



#pane_about{
	position: absolute;
	left:253px;
	right: 900px;
	width: 80px;
	height: 431px;
	display: none;
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 18;	
	display: none;
	overflow: hidden;
	cursor: pointer;
	top: 0px;
	border: 0;
	margin: 0;
	padding: 0;	
}

#pane_about img{
	margin-left: -630px;
}


div.about #pane_about.top_level img{
	margin-left: 0px;
	display: none;
}


div.about #pane_about, 
div.portfolio #pane_about, 
div.services #pane_about{
	display: block;
}

div.about_landing #pane_about{
	width: 710px;
	background-image: url(/img/skin_about.jpg);
}

div.about_landing #lower_level a{
	display: none;
}


div.about #pane_about.top_level{
	width: 710px;
	background-image: url(/img/skin_about.jpg);
}


div.home #pane_about{
	width: 710px;
	top: 0;
	background-image: url(/img/skin_about.jpg);
}


div.about_landing #pane_about img{
	position: absolute;
	left: 630px;
	display: none;

}

div.home #pane_about img{
	position: absolute;
	left: 630px;
	display: none;

}



div.portfolio #pane_about{
	left: 883px;
}

div.portfolio #pane_about img{
	position: absolute;
	left: 630px;
}


div.services #pane_about{
	left: 883px;
}

div.services #pane_about img{
	position: absolute;
	left: 630px;
}



#main_menu {
	position: absolute;	
	left: 60px;
	top: 28px;
	width: 1000px;
}


#main_menu li{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}


#main_menu li a{
	width: 80px;
}

#menu_top_level{
	position: absolute;
	width: 1000px;
	top: 0px;
}

#menu_sub_level{
	position: absolute;
	width: 1000px;
	top: 18px;
}

#lower_level {
	margin-top: 2px;
	margin-left: 209px;
}


#menu_a1{
	margin-left: -2px;
}

#menu_p1{
	margin-left: 11px;
}

#menu_s1{
	margin-left: 8px;
}


#lower_level span{
	display: none;
}

div.portfolio #lower_level {
	margin-left: 90px;
}

div.services #lower_level {
	margin-left: 2px;

}


div.home #menu_about, div.home #menu_portfolio, div.home #menu_services, div.home #lower_level{
	opacity: 0;
}

div.about #menu_about,
div.portfolio #menu_portfolio,
div.services #menu_services{
	font-weight: bold;
}

#menu_services{
	position: absolute;
	left: 0px;
}

#menu_about{
	position: absolute;
	left: 822px;
}

#menu_portfolio{
	position: absolute;
	left: 720px;
}

div.portfolio #menu_portfolio,
div.about #menu_portfolio,
div.home #menu_portfolio{
	left: 90px;
}

div.about #menu_about, div.home #menu_about{
	left: 197px;
}


div.home #lower_level li.portfolio, 
div.home #lower_level li.services{
	display: none;

}

div.services #lower_level li.portfolio, 
div.services #lower_level li.about{
	display: none;
}


div.about #lower_level li.portfolio, 
div.about #lower_level li.services{
	display: none;
}


div.portfolio #lower_level li.about, 
div.portfolio #lower_level li.services{
	display: none;
}



#lower_level li{
	height: 17px;
	padding: 0px;
}



#top_level a, #lower_level a {
	text-decoration: none;
	text-transform: uppercase;
	color: #4f4738;
	font-size: 12px;
	
}

#lower_level a {
	font-size: 10px;
}

#team_portraits{
	width: 700px;
	margin-top: 70px;
	margin-left: 100px;
}

#team_portraits ul li{
	float: left;
	display: block;
	width: 190px;
	font-size: 12px;
	line-height: 120%;
	padding-bottom: 15px;
	color: #8F9939;
}

#team_portraits ul li span{
	display: block;
	color: #000000;
}

#team_portraits li.hidden {
	visibility: hidden;
}

#team_portraits ul.one_member li.highlight_member{
	opacity: inherit;
}

div.project_field_10_top  a.project_field_5,
div.project_field_10_top a.project_field_9{
	opacity: 0.2;
}

div.project_field_9_top a.project_field_5,
div.project_field_9_top  a.project_field_10{
	opacity: 0.2;
}

div.project_field_5_top  a.project_field_9 ,
div.project_field_5_top a.project_field_10 {
	opacity: 0.2;
	
}


#team_bio_block h3{
	font-weight: bold;
	display: block;
	float: left;
	width: 106px;
}

#team_bio_block div.education{
	float: left;
	width: 460px;
	margin-bottom: 10px;
	margin-right: 0px;
}

#team_bio_block div.affiliations{
	float: left;
	width: 460px;
	margin-bottom: 10px;
	margin-right: 0px;
}

#team_intro {
	position: absolute;
	top: 5px;
	left: 14px;
	padding: 20px 30px;
	
	background-image: url('../img/skin_contact_bg.jpg');
	background-repeat: no-repeat;
	width: 608px;
	height: 400px;
}
#team_intro  h3{
	font-weight: bold;
}
#team_bio_block p{
	line-height: 120%;
}

div.highlight {
	font-weight: bold;
}

#project_view{
	margin-top: -22px;
}

div.projectfields #content ul li{
	line-height: 220%;
}

#services_list ul li{
	line-height: 220%;
}

#client_menu div{
	padding-bottom: 20px;
	width: 195px;
	float: left;
}


#clients_col_1{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	font-size: 10px;
	line-height: 115%;
}


#clients_col_1 h4{
	padding: 0px;
	margin-top: 10px;
	font-size: 10px;
}

#clients_col_2{
	position: absolute;
	top: 10px;
	left: 225px;
	font-size: 10px;
	line-height: 115%;
}


#clients_col_2 h4{
	padding: 0px;
	margin-top: 10px;
	font-size: 10px;
}

#clients_col_3{
	position: absolute;
	top: 10px;
	left: 425px;
	font-size: 10px;
	line-height: 115%;
}

#clients_col_3 h4{
	padding: 0px;
	margin-top: 10px;
	font-size: 10px;
}

#client_menu h4{
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 0px;
}

#client_menu ul{
	padding-bottom: 10px;
}

#client_menu li{
	font-size: 10px;
	height: 12px;
	
}

#client_list_col_1{

}

#client_list_col_2{

}

#client_list_col_3{
	position: absolute;
	left: 420px;
	top: 30px;
}

#sustainable_intro{
	float: left;
	width: 300px;
	margin-right: 20px;
}

#contact_content{
	line-height: 120%;
	padding: 100px 0 0 190px;
}

#contact_content span{
	color: #8F9939;
}


#sustain_detail{
	margin-top: -20px;
}

#image_nav{
	float: right;
	padding-bottom: 5px;
	padding-right: 7px;	
}

#stripe {
	display: inline;
	margin-left: 3px;
	margin-bottom: 2px;
	z-index: 1;
}

#services_image_colorized{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 421px;
	
}

#services_image{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 421px;
}

#portfolio_image_colorized{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 421px;
}

#portfolio_image{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 421px;
}

#about_image_colorized{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 421px;
}

#about_image{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 421px;
}

#service_detail{
	width: 267px;
	height: 315px;
	position: absolute;
	left: 285px;
	border: 1px solid #C2C2C2;
	padding: 20px;
	font-size: 10px;
	font-style: italic;
	top: 35px;
	z-index: 2;
	background: #fff;
	overflow-y: hidden;
	line-height: 105%;
}

#service_detail li{
	padding-bottom: 10px;
}

#lower_level li.highlight a  {
	font-weight: bold;
}

#footer {
	position: absolute;
	top: 408px;
	z-index: 90;
	width: 100%;
	text-align: center;
}