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

body {
	margin:0;
	padding:0;
	text-align:center;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:770px;
	text-align:left;
	position:relative;
	padding:10px;
	background-color:#FFFFFF;
}


#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;
	float:right;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #3399FF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3399FF;
}

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

#headertext {
	float:left;
	text-align:left;
	margin-top:29px;
}
#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:125px;
	height:25px;
	padding:5px 0 0 0;
	margin:0; 
	/*letter-spacing:-0.1em; */
	text-align:center;
}

#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;
}

/* 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;
}