body#whatwedo {
	background: #657a6c;
	color: #fff;
}

body#whatwedo #header {
	background: url(../images/headers/header_whatwedo.png) no-repeat 0px 0px;
}

body#whatwedo #content_main a, body#whatwedo #content_main a:visited {
	color: #feac48;
	text-decoration: none;
}

body#whatwedo #content_main a:hover {
	text-decoration: underline;
}

body#whatwedo #content_main a.rightlink,
body#whatwedo #content_main a.rightlink:visited,
body#whatwedo #content_main a.leftlink,
body#whatwedo #content_main a.leftlink:visited {
	color: #feac48;
	text-decoration: none;
	padding: 0px 20px 0px 0px;
}

body#whatwedo #content_main a.rightlink,
body#whatwedo #content_main a.rightlink:visited {
	background: url(../images/navigation/rightarrow_whatwedo.png) no-repeat right center;	
}

body#whatwedo #content_main a.leftlink,
body#whatwedo #content_main a.leftlink:visited {
	background: url(../images/navigation/leftarrow_whatwedo.png) no-repeat right center;
}

body#whatwedo #content_main a.rightlink:hover, body#whatwedo #content_main a.leftlink:hover {
	text-decoration: none;
}

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  {background: url(../images/navigation/navigation_whatwedo.png) no-repeat; width: 350px;}


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

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

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

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

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

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

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

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; top:288px; height:32px; }
li#nav_clients a:hover					{ background-position:-380px -288px;}

/* SUB NAV */

ul#whatwedo_nav {position:relative; height:80px;}

ul#whatwedo_nav li a { height:28px; display:block; position:absolute; text-indent:-9999px; outline:none; }

li#whatwedo_design a, li#whatwedo_advertising a, li#whatwedo_interactive a,
li#whatwedo_pr a, li#whatwedo_media a, li#whatwedo_recruitment a  { background: url(../images/navigation/whatwedo_navigation.png) no-repeat;}

li#whatwedo_design a 							{ background-position: 0px 0px; top:0px; left:0px; width:97px}
li#whatwedo_design a:hover						{ background-position: -404px 0px; }
body.design li#whatwedo_design a				{ background-position: -404px 0px; }

li#whatwedo_advertising a 						{ background-position: -97px 0px; top:0px; left:97px; width:161px;}
li#whatwedo_advertising a:hover					{ background-position: -501px 0px;}
body.advertising li#whatwedo_advertising a		{ background-position: -501px 0px;}

li#whatwedo_interactive a 						{ background-position: -258px 0px; top:0px; left:258px; width:146px;}
li#whatwedo_interactive a:hover					{ background-position: -662px 0px;}
body.interactive li#whatwedo_interactive a		{ background-position: -662px 0px;}

li#whatwedo_pr a 								{ background-position: 0px -28px; top:28px; left:0px; width:156px;}
li#whatwedo_pr a:hover							{ background-position: -404px -28px;}
body.pr li#whatwedo_pr a						{ background-position: -404px -28px;}
	
li#whatwedo_media a 							{ background-position: -156px -28px; top:28px; left:156px; width:87px;}
li#whatwedo_media a:hover						{ background-position: -560px -28px;}
body.media li#whatwedo_media a					{ background-position: -560px -28px;}

li#whatwedo_recruitment a 						{ background-position: -243px -28px; top:28px; left:243px; width:161px;}
li#whatwedo_recruitment a:hover					{ background-position: -647px -28px;}
body.recruitment li#whatwedo_recruitment a:link		{ background-position: -647px -28px;}