@charset "utf-8";
/* CSS Document */
html{background-color: #dcdcdc;}

body {
	margin: 0;
	min-height: 800px;
	padding:10px 0;
	text-align:center;
		background-image:url(../_img/back-grad.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#DCDCDC;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:770px;
	text-align:left;
	position:relative;
	padding:10px;
	background-color:#FFFFFF;
	border-top: 8px solid #00ADE0;
	border-left: 1px solid #00ADE0;
	border-right: 1px solid #00ADE0;
	border-bottom: 1px solid #00ADE0;
}


#header {
	margin-left:auto;
	margin-right:auto;
	width:750px;
	height:108px;
	text-align:left;
	padding:10px 0;
}

#content {
	margin-left:auto;
	margin-right:auto;
	width:730px;
	text-align:left;
	background-color: #FFFFFF;
	border: none;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;	
}

#maincontent {
	width: 450px;
	float:left;
}

#halfcontent {
	width: 340px;
	float:left;
}
#secondhalfcontent {
	width: 350px;
	float:left;
	padding:0 0 0 20px;
}

#secondarycontent {
	width: 240px;
	background-color:#EEF6FF;
	float:right;
	border: 1px solid #00ADE0;
	padding: 10px;
	margin: 0 0 10px 10px;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:750px;
	height:15px;
	background-color: #FFFFFF;}

#headertext {
	float:left;
	margin-left:10px;
	text-align:left;
	width: 510px;
	margin-top: 29px;
}

#headertext p {
	font-size:14px;
	color:#999999;
	}
	


#logo {float:right;}

#logo h1, #logo h2, #logo h3 {
	position:absolute;
	left:-999px;
}

#content img {border:#fff 1px solid;}

#nav {
	margin-left:auto;
	margin-right:auto;
	width:750px;
	height:27px;
	list-style:none; 
	clear:both;
	background-color: #FFFFFF;
}

#nav ul {
	margin-left:auto;
	margin-right:auto;
	width:750px;
}

#nav li{
	float:left; 
	width:122px;
	height:20px;
	padding:3px 0 0 0;
	margin:0 2px 0 0; 
	/*letter-spacing:-0.1em; */
	text-align:center;
	background-color:#00ADE0;
	background-image:url(../_img/highlight.png);
	background-repeat:repeat-x;
}
/*
#hometab{
	background:url(../_img/home-2.gif) top left no-repeat; 
}

#whatwedo{
	background:url(../_img/whatwedo-2.gif) top left no-repeat; 
}

#whoweare{
	background:url(../_img/whoweare-2.gif) top left no-repeat; 
}

#whoweworkwith{
	background:url(../_img/workwith-2.gif) top left no-repeat; 
}

#newsgallery{
	background:url(../_img/news-2.gif) top left no-repeat; 
}

#contactus{
	background:url(../_img/contact-2.gif) top left no-repeat; 
}

#hometab_active{
	background:url(../_img/home-active.gif) top left no-repeat; 
}

#whatwedo_active{
	background:url(../_img/whatwedo-active.gif) top left no-repeat; 
}

#whoweare_active{
	background:url(../_img/whoweare-active.gif) top left no-repeat; 
}

#whoweworkwith_active{
	background:url(../_img/workwith-active.gif) top left no-repeat; 
}

#newsgallery_active{
	background:url(../_img/news-active.gif) top left no-repeat; 
}

#contactus_active{
	background:url(../_img/contact-active.gif) top left no-repeat; 
}
*/

#nav li span {
	display:block; 
	font-size:1.7em; 
}

#nav li a {
	color:#fff;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
}

/* Hacks */
/*clearfix hack*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}