@charset "utf-8";
/* CSS Document */
BODY, HTML {
	height: 100%;
	width: 100%;	
}

BODY {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background: #757577;
	color: #908372;
	font-family: Arial,Helvetica,sans-serif;
}

A,
A:visited {
	color: #908372;
}

IMG, DIV {
	border: 0;	
}

FIELDSET {
	background: #ccc;
	border: 0;	
	padding: 30px;
	margin: 10px 0;
}

H1 {
	font-weight: normal;
	color: 	
}

UL, OL {
	font-size: 100%;	
}

LI {
	font-size: 1.6em;	
}

LI LI {
	font-size: 100%;	
}

P {
	font-size: 1.6em;	
}

/* Can't style HTML5 tags in IE without JS, so remove layout and forget :( */
MENU, SECTION, ARTICLE, ASIDE, NAV, FOOTER {
	padding: 0;
	margin: 0;
}

DIV#alternativecontent {
	width: 980px;
	margin: 0 auto;
	background: #fff;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

IMG.logo {
	margin: 30px 80px;	
}

UL.nav {
	width: 820px;
	margin: 10px 0;	
	padding: 0 80px;
	list-style: none;
	float: left;
}

UL.nav LI {
	width: 100px;
	margin: 0;
	padding: 0 20px 0 0;
	display: inline;
	font-size: 1.4em;
	overflow: visible;
}

UL.german-nav LI {
	width: 120px;
}

UL.nav LI A,
UL.nav LI A:visited {
	color: #8F7F6E;	
	text-decoration: none;
}

UL.nav LI.selected A,
UL.nav LI.selected A:visited,
UL.nav LI A:hover,
UL.nav LI A:active {
	color: #000;
}

UL.nav UL {
	width: 180px;
	padding: 3px;
	margin: 0;
	float: left;	
	background: #fff;
	font-size: 100%;
}

UL.nav UL LI {
	font-size: 100%;
	background: #fff;
	display: block;
	width: 180px;
	margin: 0;
	padding: 0;
}

UL.nav UL LI A,
UL.nav UL LI A:visited,
UL.nav LI.selected UL LI A,
UL.nav LI.selected UL LI A:visited {
	background: #fff;
	display: block;
	width: 180px;
	margin: 0;
	padding: 0;
	color: #8F7F6E;
}

UL.nav UL LI.about-us A:hover,
UL.nav UL LI.about-us A:active,
UL.nav LI.selected UL LI.about-us A:hover,
UL.nav LI.selected UL LI.about-us A:active {
	color: #ed1556;
}

UL.nav UL LI.international A:hover,
UL.nav UL LI.international A:active,
UL.nav LI.selected UL LI.international A:hover,
UL.nav LI.selected UL LI.international A:active {
	color: #8cc63f;
}

UL.nav UL LI.our-latest-thinking A:hover,
UL.nav UL LI.our-latest-thinking A:active,
UL.nav LI.selected UL LI.our-latest-thinking A:hover,
UL.nav LI.selected UL LI.our-latest-thinking A:active {
	color: #c2bf00;
}

UL.nav UL LI.specialisms-and-sectors A:hover,
UL.nav UL LI.specialisms-and-sectors A:active,
UL.nav LI.selected UL LI.specialisms-and-sectors A:hover,
UL.nav LI.selected UL LI.specialisms-and-sectors A:active {
	color: #f86521;
}

UL.nav UL LI.the-way-we-work A:hover,
UL.nav UL LI.the-way-we-work A:active,
UL.nav LI.selected UL LI.the-way-we-work A:hover,
UL.nav LI.selected UL LI.the-way-we-work A:active {
	color: #0e496b;
}

UL.static-nav {
	width: 80px;
	float: left;
	margin: 0;
	padding: 0;
	height: 500px;
}

UL.static-nav LI {
	width: 40px;
	float: left;
	margin: 0;
	padding: 0;
	height: 100%;
	display: block;
}

UL.static-nav LI A,
UL.static-nav LI A:visited,
UL.static-nav LI A:hover,
UL.static-nav LI A:active {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	text-indent: -9000px;
	text-decoration: none;
	font-size: 1px;
	line-height: 1px;	
}

.pink {
	background: #ed1556;
	color: #fff;
}

.pink A,
.pink A:visited {
	color: #fff;	
}

.green {
	background: #8cc63f;
	color: #fff;
}

.green A,
.green A:visited {
	color: #fff;	
}

.green-text {
	color: #8cc63f;	
}

.brown {
	background: #8a7967;
	color: #fff;
}

.brown A,
.brown A:visited {
	color: #fff;	
}

DIV.left {
	width: 45%;
	float: left;
}

DIV.right {
	width: 45%;
	float: right;
}

DIV.first-third {
	width: 270px;
	float: left;
	padding-right: 25px;
}

DIV.second-third {
	width: 270px;	
	float: left;
	padding-right: 25px;
}

DIV.third-third {
	width: 270px;
	float: left;
}

DIV.article {
	width: 860px;
	padding: 0 20px;
	float: right;	
	height: 500px;
}

UL.pagination {
	margin: 10px 0;	
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

UL.pagination LI,
UL.pagination A {
	float: left;
	width: auto;
	display: block;
	padding: 0;
	margin: 0;
}

UL.pagination LI {
	font-size: 1.4em;
	padding-left: 2px;
}

UL.pagination LI.padded {
	padding: 3px 8px;		
}

UL.pagination A,
UL.pagination A:visited {
	text-decoration: none;
	padding: 3px 8px;	
	background: #f5f3f2;
}

UL.pagination A:hover,
UL.pagination A:active {
	background: #d3cec6;	
}

UL.gallery {
	margin: 0;
	padding: 0;
	list-style: none;	
}

UL.gallery LI {
	width: 150px;
	float: left;
	padding-left: 5px;
}

OBJECT {
	margin: 0;
	padding: 0;
	float: left;	
}

DIV.content {
	margin: 10px 80px;	
	padding: 0;
	list-style: none;
}

DIV.StaticPage {
	margin: 10px 0;	
	padding: 0;
	float: left;
	width: 980px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:820px; position:relative; z-index:100;font-family:arial, sans-serif;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {position:relative; width: 100px; float: left;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;top:1.0em;left:0;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}