@import url("reset.css");

body {
	font: 12px/16px "ff-din-web-1","ff-din-web-2", Arial, Helvetica, sans-serif;
	color: #938f93;
	font-weight:400;
}

#container {}

#header {
	height: 138px;
}

#header img {
	display:none;
	}

#sidebar {
	float: left;
	width: 350px;
}

#navigation {
	position:relative;
	height:337px;
}

#content_main {
	position: absolute;
	width: 570px;
	left: 380px;
	top: 140px;
}

p {
	margin:0px 0px 10px;
	}
	
p#contact, p#contact_dark {
	margin:0px 0px 10px;
	padding: 140px 0px 0px 70px;
	}
	
p#contact {
	color: #FFFFFF;
	}
	
p#contact_dark {
	color: #898989;
	}
	
p#contact a {
	color: #FFFFFF;
	text-decoration:none;
	}
	
p#contact_dark a {
	color: #898989;
	text-decoration:none;
	}
	
#casestudy_previous {
	position: absolute;
	height: 20px;
	width: 200px;
	left: 380px;
	top: 671px;
}

sup {
	vertical-align: super;
	font-size: smaller;
}
	
sub {
	vertical-align: sub;
	font-size: smaller;
}

/* Global styles */

.floatleft {float:left;}
.floatright {float:right;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth{clear: both;}

ul#nav li a { display:block; position:absolute; left:0; text-indent:-9999px; outline:none }

li#nav_home a, li#nav_ourethos a, li#nav_whatwedo a, li#nav_news a, li#nav_opportunities a, li#nav_getintouch a,
li#nav_recentwork a, li#nav_casestudies a, li#nav_clients a  {width: 350px;}

li#nav_home a 									{ background-position:0px 0px!important; top:0px; height:32px; }
li#nav_home a:hover								{ background-position:-380px 0px!important;}

li#nav_ourethos a 								{ background-position: 0px -32px!important; top:32px; height:32px; }
li#nav_ourethos a:hover							{ background-position:-380px -32px!important;}

li#nav_whatwedo a 								{ background-position:0px -64px!important; top:64px; height:32px; }
li#nav_whatwedo a:hover							{ background-position:-380px -64px!important;}

li#nav_news a 									{ background-position:0px -96px!important; top:96px; height:32px; }
li#nav_news a:hover								{ background-position:-380px -96px!important;}

li#nav_opportunities a 							{ background-position:0px -128px!important; top:128px; height:32px; }
li#nav_opportunities a:hover					{ background-position:-380px -128px!important;}

li#nav_getintouch a 							{ background-position:0px -160px!important; top:160px; height:32px; }
li#nav_getintouch a:hover						{ background-position:-380px -160px!important;}

li#nav_recentwork a 							{ background-position:0px -192px!important; top:192px; height:64px; }
li#nav_recentwork a:hover						{ background-position:-380px -192px!important;}

/*li#nav_casestudies a 							{ background-position:0px -256px; top:256px; height:32px; }
li#nav_casestudies a:hover						{ background-position:-380px -256px;}*/

li#nav_clients a 								{ background-position:0px -288px!important; top:256px; height:32px; }
li#nav_clients a:hover							{ background-position:-380px -288px!important;}