body {
	margin:0px;
	padding: 0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#666666;
}

#Container {
	width:800px;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background-color:#767676;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	
	}
	
/*Main Navigation */	



#Navigation {
text-align:right;
	width:800px;
	padding: 0px 0px 0px 0px;
	background-color:#767676;
}

#Navigation #MainNav { margin:0 ; padding:0;background-color:#767676;}
#Navigation #MainNav li { display: inline;background-color:#767676; }
#Navigation #MainNav li a { float: left;  height: 38px; margin-top: 0px; overflow: hidden; padding-left:0px; margin-bottom:0px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-color:#767676;}

/* buttons */
#Navigation #MainNav li#home a { background-position: 0 0; width: 74px; }
#Navigation #MainNav li#whatwedo a { background-position: -74px 0; width: 105px;}
#Navigation #MainNav li#whoweare a { background-position: -179px 0; width: 107px;}
#Navigation #MainNav li#team a { background-position: -286px 0; width: 104px;}
#Navigation #MainNav li#casestudies a { background-position: -390px 0; width: 108px;}
#Navigation #MainNav li#projects a { background-position: -498px 0; width: 116px;}
#Navigation #MainNav li#news a { background-position: -614px 0; width: 65px;}
#Navigation #MainNav li#contact a { background-position: -679px 0; width: 121px;}

/* hover states */
#Navigation #MainNav li#home a:hover { background-position: 0 -50px; width: 74px;}
#Navigation #MainNav li#whatwedo a:hover { background-position: -74px -50px; width: 105px;}
#Navigation #MainNav li#whoweare a:hover { background-position: -179px -50px; width: 107px;}
#Navigation #MainNav li#team a:hover { background-position: -286px -50px; width: 104px; }
#Navigation #MainNav li#casestudies a:hover { background-position: -390px -50px; width: 108px;}
#Navigation #MainNav li#projects a:hover { background-position: -498px -50px; width: 116px;}
#Navigation #MainNav li#news a:hover { background-position: -614px -50px; width: 65px; }
#Navigation #MainNav li#contact a:hover { background-position: -679px -50px; width: 121px; }

/* pressed states */
#Navigation #MainNav li#home a:active { background-position: 0 -100px; width: 74px;}
#Navigation #MainNav li#whatwedo a:active { background-position: -74px -100px; width: 105px;}
#Navigation #MainNav li#whoweare a:active { background-position: -179px -100px; width: 107px;}
#Navigation #MainNav li#team a:active { background-position: -286px -100px; width: 104px; }
#Navigation #MainNav li#casestudies a:active { background-position: -390px -100px; width: 108px;}
#Navigation #MainNav li#projects a:active { background-position: -498px -100px; width: 116px;}
#Navigation #MainNav li#news a:active { background-position: -614px -100px; width: 65px; }
#Navigation #MainNav li#contact a:active { background-position: -679px -100px; width: 121px; }	

/* on states */
#Navigation.home #MainNav li#home a { background-position: 0 -150px; width: 74px;}
#Navigation.whatwedo #MainNav li#whatwedo a { background-position: -74px -150px; width: 105px;}
#Navigation.whoweare #MainNav li#whoweare a { background-position: -179px -150px; width: 107px;}
#Navigation.team #MainNav li#team a { background-position: -286px -150px; width: 104px; }
#Navigation.casestudies #MainNav li#casestudies a { background-position: -390px -150px; width: 108px;}
#Navigation.projects #MainNav li#projects a { background-position: -498px -150px; width: 116px;}
#Navigation.news #MainNav li#news a { background-position: -614px -150px; width: 65px; }
#Navigation.contact #MainNav li#contact a { background-position: -679px -150px; width: 121px; }
	
	
#Header {
width:770px;
height:21px;
background-image: url(../images/header.jpg);
font-size:10px;
color:#333333;
text-align:right;
padding:135px 30px 0px 0px;

}

#GreySection {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	width:800px;
	height:175px;
	margin-right:auto;
	margin-left:auto;
	background-color:#ccc;
	padding:0px 0px 0px 0px;
	
}

#GreySectionLeft {
float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	width:440px;	
	background-color:#CCCCCC;
	padding:0px 0px 0px 0px;
}

#GreySectionRight {
float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#5E858F;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	line-height:18px;
	width:255px;
	margin-right:40px;
	margin-left:20px;	
	margin-top:30px;	
	background-color:#CCCCCC;
	padding:10px 5px 5px 5px;
}

#GreyBiogLeft {
float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	width:175px;	
	background-color:#CCCCCC;
	padding:0px 0px 0px 0px;
}

#GreyBiogRight {
float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#5E858F;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	line-height:18px;
	width:550px;
	margin-right:40px;
	margin-left:20px;	
	margin-top:20px;	
	background-color:#CCCCCC;
	padding:10px 5px 5px 5px;
}

#MainSection {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	width:800px;
	margin-right:auto;
	margin-left:auto;
	background-color:#fff;
	padding:20px 0px 20px 0px;
	text-align:left;
	
	}
	

#NewsSectionLeft {
	margin-left:11px;
	margin-top:10px;
	float:left;
	width:570px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:18px;
	}	
	
	
#NewsSectionRight {
	float:right;
	width:160px;
	padding: 10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:18px;
	
	}

#NewsStory {
float:left;
width:355px;
padding-right:10px;	
	}
	
#NewsImage {
float:right;
width:200px;
margin-left:5px;
margin-top:20px;

	
	}
	
#MainSectionLeft {
	margin-left:25px;
	float:left;
	width:350px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:18px;
	}	
	
#MainSectionRight {
	float:right;
	width:350px;
	padding: 35px 25px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:18px;
	}
	
#WhoSectionLeft {
	margin-left:25px;
	float:left;
	width:340px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:18px;
	}	
	
#WhoSectionRight {
	float:right;
	width:400px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:18px;
	}
	
#BiogSectionLeft {
	margin-left:25px;
	float:left;
	width:350px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:18px;
	}	
	
#BiogSectionRight {
	float:right;
	width:350px;
	padding: 0px 25px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:18px;
	}
	
#BackTo {
	
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:right;
	line-height:14px;
	padding-top:10px;
	padding-right:10px;
	}	
	
	
#StandardSectionLeft {
	margin-left:25px;
	float:left;
	width:350px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:18px;
	}	
	
#StandardSectionRight {
	float:right;
	width:350px;
	padding: 0px 25px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:18px;
	}		

#TeamLeft {
float:left;
width:200px; 
}	

#TeamRight {
float:right;
width:200px;
 }	

		
#Footer {
width:775px;
height:20px;
text-align:right;
color:#fff;
background-color:#5F8490;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:13px 20px 0px 5px;

}

#Footer a {
color:#990000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}	

#Footer a:hover {
color:#990000;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}	
	
H1 {
	font-weight:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	margin:0px;
	padding:0px;
}

H2 {
	font-weight:bold;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5F8490;
	margin:0px;
	padding:0px;
}


H3 {
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5F8490;
	margin:0px;
	padding:0px;
}


H4 {
	font-weight:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 5px 0px;
	color:#5F8490;
}


.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.Date {
font-weight:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 3px 0px;
	color:#5F8490;
}

a:link {
font-size:12px;
	color:#5F8490;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
font-size:12px;
	color:#5F8490;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
font-size:12px;
	color:#5F8490;
	text-decoration:underline;
	font-weight:bold;
}

a:active {
font-size:12px;
	color:#5F8490;
	text-decoration:none;
	font-weight:bold;
}

#NewsLeft a:link {
font-size:14px;
	color: #660066;
	text-decoration:none;
	font-weight:bold;
}

#NewsLeft a:visited {
font-size:14px;
	color: #660066;
	text-decoration:none;
	font-weight:bold;
}

#NewsLeft a:hover {
font-size:14px;
	color: #660066;
	text-decoration:underline;
	font-weight:bold;
}

#NewsLeft a:active {
font-size:14px;
	color: #660066;
	text-decoration:none;
	font-weight:bold;
}