body{
	padding:0;
	margin:0;
	font-family:trebuchet MS, arial, verdana;
	background-color:#d4d4d4;
	font-size:12px;
	line-height:1.3em;
}

#container{
	width:1000px; position:relative;
	padding:7px 7px 7px 7px;
	margin:0 auto 0 auto;
	background-color:#fff;
	z-index:1;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:986px;
}

#top{
	width:986px;
	height:116px;
	float:none;
	margin:0 0 0 0;
	background-image:url(../images/backgrounds/menu_back_index.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#d4d4d4;
}
#top_left{
	position:relative; margin:0; padding:0; float:left;
	
	width:153px;
	height:116px;
}
#top_right{
width:600px;
height:29px;
position:relative;
top:50px; margin-left:200px; text-align:center;
}

#top_right h1{
padding:4px 0 3px 0;
margin:0;
text-transform:uppercase;

}
a.home{
position:absolute;
top:11px; left:24px;
display:block;
height:110px;
width:141px;
}

a.button{
display:block; float:left;
width:118px;
height:29px;
background-image:url(../images/backgrounds/menu_but_back.gif);
background-repeat:no-repeat;
background-position:top;
}
a.button:hover{
background-image:url(../images/backgrounds/menu_but_backOn.gif);
}

a.button_{
display:block; float:left;
width:118px;
height:29px;
margin-left:-2px;
background-image:url(../images/backgrounds/menu_but_back.gif);
background-repeat:no-repeat;
background-position:top;
voice-family: "\"}\""; 
voice-family:inherit;
width:118px;
}
a.button_:hover{
background-image:url(../images/backgrounds/menu_but_backOn.gif);
}

#center{
	width:986px;
	height:291px;
	margin:0;
	padding:35px 10px 10px 20px;
	background-color:#bdbdbc;
	background-image:url(../images/backgrounds/bottom_back_index.gif);
	background-repeat:no-repeat;
	background-position:top;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:956px;
	height:246px;
	}
a.center_click{
	display:block;
	width:400px;
	height:200px;
	position:absolute;
	
	

}
#center_text{
	position:relative;
	left:640px;
	top:-3px;
	width:320px;

}
#right{
	width:328px;
	margin:0;
	background-color:#7a735f;
}

#footer{
	clear:both;
	width:956px;
	height:159px;
	margin:0; padding:10px 0 0 30px;
	border-top:7px solid #fff;
	background-color:#7d7d7d;
	background-image:url(../images/backgrounds/home_footer.gif);
	background-repeat:repeat-x;
	color:#fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	
}


/*
FEATURED PROJECTS
*/
#backA{
	background-image:url(../images/backgrounds/bio_featureA_index.gif);
	background-repeat:no-repeat;
}
#backB{
	background-image:url(../images/backgrounds/bio_featureB_index.gif);
	background-repeat:no-repeat;
}
#backC{
	background-image:url(../images/backgrounds/bio_featureC_index.gif);
	background-repeat:no-repeat;
}
.featured_box{
	float:left;
	height:141px;
	width:291px;
	margin:0 11px 10px 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:301px;
}

.featured_box h1{
	margin:0 0 0 70px; padding:0; text-transform:uppercase;
}

.featured_box h2{
	margin:0 0 0 0; padding:0; font-size:10px; color:#fff;
}
.featured_box p{
	margin:0 5px 0 5px; padding:0;
}
.featured_box img{
	margin:5px 5px 0 5px; border:1px solid #fff; float:left;
}

a.feature{
display:block;
 	 width:328px;
	 border:1px solid #fff;
	 background-color:#9c9b8a;
	 background-image:url(../images/icons/brain_off.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	
	 margin:0px 3px 2px 3px;
	 voice-family: "\"}\""; 
	 voice-family:inherit;
	 width:320px;
}

a.feature:hover{
	 background-image:url(../images/icons/brain_on.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 color:#fff;
}
.feature h2{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:0 5px 0 65px;
	margin:0px;
}

.feature p{
	padding:0 5px 0 65px;
	margin:0px;
	font-size:10px;
}
/* end of featured projects */
/* CASE STUDY */
.case_study{
	width:595px;
	height:198px;
	overflow:hidden;
	margin:0 0 20px 0;
	border:1px solid #fff;
	background-color:#acacab;
}

.case_study h2{
display:block;
width:595px; height:13px;
border:0; 
border-bottom:1px solid #fff;
padding:8px 10px 0 10px; margin:0;

font-size:12px;
color:#fff;
voice-family: "\"}\""; 
voice-family:inherit;
width:575px;
height:21px;
}

h2.case1{
background-color:#a9b944;
}

h2.case2{
background-color:#b9b044;
}

h2.case3{
background-color:#b99444;
}
.case_study h4{
padding:0; margin:0;
font-size:12px;
text-transform:uppercase;
padding:4px 0 0 35px; margin:0;
}

.case_study p{
margin-left:10px;
}
.case_study span.left{
display:block; float:left;
width:181px;
padding:0;margin:0 20px 0 0;
border-right:1px solid #fff;

}

a.viewfull{
	display:block;
	width:181px;padding:0; border:0; margin:0;
	height:23px;
	background-image:url(../images/backgrounds/case_viewfull.gif);
	background-repeat:no-repeat;
	background-position:top;
}
a.viewfull:hover{
	background-image:url(../images/backgrounds/case_viewfullOn.gif);
	color:#fff;
}
.case_study img{
padding:0; margin:0; border:0;
border-bottom:1px solid #fff; 
}
/*end of case study*/


a{
	color:#fff;
	text-decoration:none;
}
a:hover{
	color:#cf3;
}
#top_left h1{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
h1{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:0; margin:0;
}
p{
	font-size:12px;
	color:#000;
	padding:0 5px 0 0;; margin:0 0 0px 0;
}

p.blog{
	text-align:right;
	font-weight:bolder;
	color:#fff;
	padding-right:20px;
	
}

#footer h1{
	padding:7px 0 7px 5px;
}


img.left{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:1px solid #fff;
}
img.footer{
	float:right;
	margin:0 0 0 10px;
	padding:0;
	border:1px solid #fff;
}

img.none{
	float:none;
	margin:0 0 5px 0;
	padding:0;
	border:1px solid #fff;
}

#commandments{
	padding-left:150px;
}

#footer p img{
	margin:0 0 0 7px;
}

#left input{
	font-size:12px;
}

/*	zFeeder CSS style sheet
	works with the css template
	author: AB & LCX
	note: set elements to display:none if you don't want them showed
*/


/* the header part in the css template */
.zf_header {
display:none;
    margin-bottom: 1px;
}

/* the channel part in the css template */
.zf_channel {
display:none;
	padding: 1px;
	background-color: #6495ED;
	
	height: 60px;
}

/* the channel logo part in the css template */
.zf_logo {
display:none;
    float: left;
    padding: 5px;
}

/* the channel title part in the css template */
.zf_chantitle {
}

/* the channel rss part in the css template */
.zf_rss {
	font-size: x-small;
	font-style: italic;
}

/* the controls part in the css template */
.zf_controls {
	float: right;
}

/* the moreurl part in the css template */
.zf_moreurl {
	font-style: italic;
}

/* the hideurl part in the css template */
.zf_hideurl {
	font-style: italic;
}


/* the lastupdated part in the css template */
.zf_lastupdated {
	float: left;
	font-style: italic;
	color: #FFFFFF;
}

/* the news container part in the css template */
.zf_news {
	font-weight:bold; font-size:14px;
	

}

/* the news title part in the css template */
.zf_title {
    
    margin: 2px 0 0px 12px;
}

/* the news description part in the css template */
.zf_description {
display:none;
    text-align: left;
    margin: 1px;
    font-size: 80%;
 
}

/* the news publication date part in the css template */
.zf_pubdate {
display:none;
    color: #999;
    font-size: 80%;
    font-family: Tahoma;
    text-align: right;
}

/* the footer part in the css template */
.zf_footer {
display:none;
	height: 10px;
}

/* the between channels part in the css template */
.zf_between {
	height: 0px;
}

