@charset "utf-8";
/*  CSS */
@import "reset.css";
@import "type.css";



html{overflow-y:scroll;}

body{
	text-align:center;
	background-color: #FFF;
}

#wrapper{
	width:1000px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:16px;
	overflow:hidden;
}

#snippet_popup{
	text-align:left;
	padding:5px;
}
#snippet_popup img{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}

#banner{
	width:1000px;
	height:91px;
	position:relative;
}
#area_menu{
	position:absolute;
	top:65px;
	left:12px;
	height:26px;
	width:384px;
}
#area_menu li{
	float:left
}
#area_menu .what_we_do{
	width:179px;
	height:26px;
	background-image:url(images/back_what_we_do.gif);
}
#area_menu .who_we_are{
	width:205px;
	height:26px;
	background-image:url(images/back_who_we_are.gif)
}
#area_menu .active{
	background-position:0px 26px;
}


#section_menu{
	width:1000px;
	height:32px;
	background-color:#7a8b2b;
	position:relative;
}


#section_menu ul{
	margin-left:10px;
	padding-top:2px;
}
#section_menu li{
	float:left;
	margin-left:12px;
	margin-right:12px;
	padding-top:6px;
	text-align:center;
	line-height:7px;
	height:20px;	
}
#section_menu .two_line{
	padding-top:1px;
	margin-left:18px;
	margin-right:18px;
}

#page_menu{
	width:1000px;
	height:22px;
	background-color:#c3cb9f;
	overflow:hidden;
}
#page_menu ul{
	margin-left:10px;
}


/*#page_menu{
	width:1000px;
	height:30px;
	background-color:#CCC;
	overflow:hidden;
	position:relative;
}*/
#page_menu_active{
	height:26px;
	position:absolute;
	top:6px;
	left:500px;
	z-index:5;
	/*width:195px; Defined in HTML*/
}
#page_menu_active_center{
	/*width:130px; Defined in HTML*/
	height:26px;
	background-color:#c3cb9f;
	float:left;
}
#page_menu_active_right{
	width:52px;
	float:right;
	height:26px;
	background-image:url(images/tab_right.png)
	}
#page_menu_active_left{
	width:13px;
	float:left;
	height:26px;
	background-image:url(images/tab_left.png);
}

#contact_form{
	float:left;
	display:inline;
	width:330px;
	clear:left
}

#contact_details{
	float:left;
	width:360px;
	margin-top:10px;
}

#content{
	margin-top:3px;
	width:1000px;
}
#left_side_content{
	width:749px;
	float:left;
	border-right:solid #cdb995 1px;
	margin-bottom: 10px;
}
#photo{
	width:737px;
	height:368px;
	position:relative;
	overflow:hidden;
	z-index:1;
	margin-bottom:7px;
}
#title{
	width:737px;
	height:63px;
	position:absolute;
	top:290px;
	left:0px;
	overflow:hidden;
	z-index:5;
	background-image:url(titles/white%20fade%20strip.png);
	display:none
}
#slide_out{
	width:737px;
	height:368px;
	position:absolute;
	top:0px;
	left:-705px;
	z-index:100
}
#slide_toggle{
	width:32px;
	height:368px;
	float:right;
	z-index:300;
}
#slide_content{
	width:705px;
	height:368px;
	float:left;
	background-color:#F5F7F0;
	overflow:auto
}
.innerfade2, .photo_fade{
	z-index:2;
}

#photo2{
	width:321px;
	float:left;
}
#text_area{
	width:395px;
	float:left;
	margin-top:8px;
	margin-left: 18px;
}


#right_side_content{
	width:247px;
	float:right;

}
#right_side_content a{
	display:block;
}
#right_side_content img{
	float:left;
	margin-right:5px;
}
#right_side_content ul{

	margin-left:10px;
	margin-right:10px;
}
#right_side_content li{
	color:#333333;
	font-size:70%;
	letter-spacing:0.02em;
	line-height:14px;
	clear:both;
	padding-top:10px;
}

#right_side_content li a .title{
	color:#036;
	font-weight:bold;
}
#right_side_content li a:hover {
	color:#757575
}
#right_side_content li a:hover .title{
	color:#000;
}

#right_side_content li a {display:inline-block;}
#right_side_content li a {display:block;}


#articles_snippets_box{
	width:100%;

	background-repeat:no-repeat;
	margin-top:29px;
	padding-bottom:3px;
}
#news_snippets_box{
	margin-top:19px;
	width:100%;
	background-repeat:no-repeat;

}
#slide_content h3{
	position:absolute;
	font-size:0.8em;
	font-weight:normal;
}
.examples{
	top:30px;
	left:5px;	
}
.case_studies{
	top:200px;
	left:5px;	
}

#content_wrapper{
	width:737px;
}

#examples, #case_studies{
	margin-left:100px;
}
#case_studies{
	margin-top:160px;
}
#examples img, #case_studies img{
	padding-bottom:4px;
}
#examples li, #case_studies li{
	float:left;
	width:105px;
	height:160px;
	margin-right:25px;
}

#examples li a, #case_studies li a, #right_side_content li a{
	color:#000;
	text-decoration:none;
	font-size:0.9em;
	line-height:11px;
	display:block
}
#examples li a:hover, #case_studies li a:hover{
	color:#757575
}

#case_studies li a .title, #examples li a .title{
	color:#7A8B2B;
	font-weight:bold;
}
#photo.contact{height:auto;}


#case_studies li a:hover .title, #examples li a:hover .title{
	color:black;
}

#footer{
	width:1000px;
	height:40px;
	clear:both;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#0162a2;
}
#footer img{
	float:right;
	margin-top:5px;
}
#footer a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.float_right{
	float:right;
}

#clear{
	clear:both;
	padding-top:5px;
}
#text_area.larger{
	width:715px;
}