html{width:100%;}
body{width:100%;background:#d3d3d3 url("../images/base/bg.png") repeat-x;margin:0;font:1.1em/1.3em "verdana",serif;color:#323232;text-align:center;}
a{color:#0053ab;text-decoration:underline;}
a:hover{color:#3d86d2;text-decoration:none;}
img{border:0;}
p{margin:0 0 20px 0;}
table { border-collapse: collapse; margin:0; padding:0; font-size:1em; line-height: 1.9em;width:100%;}
td {vertical-align:top;}
/* CLASSES */
/* ***************** */
.fLeft{float:left;}
.fRight{float:right;}
.spacer{clear:both;}
small { letter-spacing: -0.05em; }
/* IDs */
/* ***************** */
#container{position:relative;margin:0 auto;min-width:760px;max-width:940px;text-align:left;padding:6px 0 0 0;}
/* HEADER AREA */
#container #header { position:relative;}
#container #header ul{margin:0;padding:0;list-style:none;font-size:0.6em;}
#container #header a{color:#323232;}
#container #linkedin { position:absolute;right:205px;top:12px;}
#container #twitter { position:absolute;right:310px;top:12px;}
#container #rec { position: absolute; right:0px;}

/* contact details */
#container #header #nav-0 #moved { position:absolute;right:205px;}
#container #header #nav-0{float:right;padding-bottom:20px;}
#container #header #nav-0 ul {float:right;padding:0 50px 0 0;}
#container #header #nav-0 ul li{float:right;text-align:right;line-height:2.1em;}
#container #header #nav-0 ul li#tel{clear:right;font-size:0.9em;padding-right:7px;}
/* link */
#container #header #nav-0 ul li.boxLink a{display:block;margin-right:0.5em;background:#efefef url("../images/base/link-bg.png") top left no-repeat;text-decoration:none;}
#container #header #nav-0 ul li.boxLink a span{display:block;background:url("../images/base/link-bg.png") bottom left no-repeat;}
#container #header #nav-0 ul li.boxLink a strong{display:block;background:url("../images/base/link-bg.png") top right no-repeat;}
#container #header #nav-0 ul li.boxLink a em{display:block;background:url("../images/base/link-bg.png") bottom right no-repeat;padding:0 0.5em;font-style:normal;}
/* hover */
#container #header #nav-0 ul li.boxLink a:hover{background:#cecece url("../images/base/link-bg-hover.png");}
#container #header #nav-0 ul li.boxLink a:hover span{background:url("../images/base/link-bg-hover.png") bottom left no-repeat;}
#container #header #nav-0 ul li.boxLink a:hover strong{background:url("../images/base/link-bg-hover.png") top right no-repeat;}
#container #header #nav-0 ul li.boxLink a:hover em{background:url("../images/base/link-bg-hover.png") bottom right no-repeat;}
/* logo */
#container #header #nav-1{float:left;width:100%;border-bottom:5px solid #323232;margin-bottom:1px;}
#container #header #nav-1 #logo{float:left;padding:0 0 12px 0;}
#container #header #nav-1 ul{width:100%;margin:0;padding:0;height:28px;list-style:none;display:inline;overflow:hidden;}
#container #header #nav-1 ul li{width:120px;float:right;margin:0;padding:0;list-style:none;display:inline;}
#container #header #nav-1 ul li a{float:right;margin:12px 0 0 15px;padding:28px 0 0 0;overflow:hidden;background:url("../images/base/buttons-www.png") no-repeat top left;height:0px !important;height /**/:28px;/* for IE5/Win only */}
#container #header #nav-1 ul li#who a{width:108px;background-position:0 0;}
#container #header #nav-1 ul li#who a:hover{background-position:0 -32px;}
#container #header #nav-1 ul li#who a.selected{background-position:0 -72px;}
#container #header #nav-1 ul li#who a.selected:hover{background-position:0 -32px;}
#container #header #nav-1 ul li#what a{width:108px;background-position:-130px 0;}
#container #header #nav-1 ul li#what a:hover{background-position:-130px -32px;}
#container #header #nav-1 ul li#what a.selected{background-position:-130px -72px;}
#container #header #nav-1 ul li#what a.selected:hover{background-position:-130px -32px;}
#container #header #nav-1 ul li#whoWork{width:190px;}
#container #header #nav-1 ul li#whoWork a{width:175px;background-position:-258px 0;}
#container #header #nav-1 ul li#whoWork a:hover{background-position:-258px -32px;}
#container #header #nav-1 ul li#whoWork a.selected{background-position:-258px -72px;}
#container #header #nav-1 ul li#whoWork a.selected:hover{background-position:-258px -32px;}
/* HOMEPAGE ELEMENTS */
/* banner,chunky + silver */
#container #flashHome { clear:both; }
#container #homeBanner{clear:both;margin-bottom:1px;height:241px;border-bottom:2px solid #323232;background:url("../images/base/noflash-banner.jpg");text-indent: -10000px;overflow:hidden;}
#container #chunky{float:left;width:100%;background:url("../images/base/home-chunky-bg.png") repeat-x;}
#container #chunky ul{float:left;margin:0;padding: 4px 0 0 0;height:33px;list-style:none;display:inline;overflow:hidden;}
#container #chunky ul li{float:left;margin:0;padding:0;list-style:none;display:inline;}
#container #chunky ul li a{width:178px;float:left;padding:33px 0 0 0;overflow:hidden;background:url("../images/base/menu-buttons.png") no-repeat top left;height:0px !important;height /**/:33px;/* for IE5/Win only */}
#container #chunky ul li a:hover {background-position:0 -37px;}
#container #chunky ul li#cont a {background-position:-180px 0;}
#container #chunky ul li#cont a:hover {background-position:-180px -37px;}
#container #chunky ul li#consult a {background-position:-360px 0;}
#container #chunky ul li#consult a:hover {background-position:-360px -37px;}
#container #silver{float:left;width:100%;background:url("../images/base/home-silver-bg.png") repeat-x;}
/* content */
#container #homeContent,#container #content{clear:both;padding:8px 0;background:url("../images/base/content-bg-24.png") repeat-x;}
#container #homeContent h1{margin:0;font-size:0.8em;font-weight:normal;}
#container #homeContent p {margin:1em 0 0 0;font-size:0.75em;font-weight:normal;}
/* left column */
#container #homeContent #left{max-width:545px;min-width:305px;padding:10px 25px;}
#container #homeContent #left ul#locations{font-size:0.8em;padding:15px 0 0 0;margin:0;list-style:none;text-align:center;}
#container #homeContent #left ul#locations li{ float:left;border-right: 1px solid #bcbcbc;margin: 0 1px 10px 0; border-left: 1px solid #bcbcbc;padding: 0 6px;}
#container #homeContent #left ul#locations li#africa{ border-left: none;padding: 0 8px 0 0;}
#container #homeContent #left ul#locations li#americas{ border-right: none;padding: 0 0 0 8px; margin-bottom: 0px;}
#container #homeContent #left ul#locations li strong{display: block;width: 130px;padding: 5px;letter-spacing: -0.08em;line-height: 1.3em;float:left;background:#c9c9c9 url("../images/base/locations-bg.jpg") no-repeat;border:1px solid #bdbdbd;}
#container #homeContent #left ul#locations li#africa strong{ background-position: -380px 0;width:140px; font-size: 0.9em;}
#container #homeContent #left ul#locations li#hq strong{width:190px;line-height: 1.2em;}
#container #homeContent #left ul#locations li#americas strong{background-position: -250px 0;width:140px; font-size: 0.9em;}
#container #homeContent #left .footer { clear:left;margin:0;line-height: 1.4em; letter-spacing:-0.05em;}
#container #homeContent #left h4.footer { font-size:0.85em; font-weight:normal; padding: 25px 0 0 0;}
#container #homeContent #left p.footer { font-size: 0.55em; padding: 0 0 10px 0;}
/* right column */
#container #homeContent #right{float:right;width:294px;margin-left:10px;padding:10px 25px;border-left:1px solid #ccc;line-height:1em;font-size:0.9em;}
#container #homeContent #right ul{list-style:square;color:#fb9939;margin:0;padding:10px 0 0 25px;}
#container #homeContent #right ul li{margin:0;padding:0 0 10px 5px;}
#container #homeContent #right ul li h3{color:#323232;margin:0;font-size:0.7em;}
#container #homeContent #right ul li h3 a { text-decoration:none;}
/* SUBPAGES */
/* menu */
#container #menu{clear:both;float:left;width:100%;background:#a3a3a3 url("../images/base/menu-bg.png") repeat-x;min-height:32px;}
#container #menu ul#ccc{margin:0;padding:0;height:32px;list-style:none;display:inline;overflow:hidden;}
#container #menu ul#ccc li{float:left;margin:0;padding:0;list-style:none;display:inline;}
#container #menu ul#ccc li a{float:left;padding:32px 0 0 0;overflow:hidden;background:url("../images/base/buttons-ccc.png") no-repeat top left;height:0px !important;height /**/:32px;/* for IE5/Win only */}
#container #menu ul#ccc li#comms a{width:245px;}
#container #menu ul#ccc li#comms a:hover, #container #menu ul#ccc li#comms a.selected:hover{background-position:0 -33px;}
#container #menu ul#ccc li#comms a.selected{background-position:0 -66px;}
#container #menu ul#ccc li#cont a{width:159px;background-position:-245px 0;}
#container #menu ul#ccc li#cont a:hover, #container #menu ul#ccc li#cont a.selected:hover{background-position:-245px -33px;}
#container #menu ul#ccc li#cont a.selected{background-position:-245px -66px;}
#container #menu ul#ccc li#consult a{width:199px;background-position:-404px 0px;}
#container #menu ul#ccc li#consult a:hover,#container #menu ul#ccc li#consult a.selected:hover{background-position:-404px -33px;}
#container #menu ul#ccc li#consult a.selected{background-position:-404px -66px;}
/* submenu */
#container #menu ul.submenu{float:right;list-style:none;font-size:0.7em;font-weight:bold;margin:0;padding:3px 0 0 0;color:#9d9d9d;width:310px;}
#container #menu ul.submenu li{background:url("../images/base/ie-menu-bullet.png") no-repeat 0% 58%;float:right;margin:0;padding:0 10px;}
#container #menu ul.submenu li a{text-decoration:none;color:#323232;}
#container #menu ul.submenu li a:hover{text-decoration:underline;}
#container #menu ul.submenu li a.selected{text-decoration:underline;}
/* banner */
#container .banner{clear:both;min-height:110px;position:relative;}
#container #genBanner{background:#fff url("../images/base/banner-general.jpg") bottom left no-repeat ;}
#container #commBanner{background:#fff url("../images/base/banner-comms.jpg") bottom left no-repeat ;}
#container #consBanner{background:#fff url("../images/base/banner-consulting.jpg") bottom left no-repeat ;}
#container #contBanner{background:#fff url("../images/base/banner-content.jpg") bottom left no-repeat ;}
#container .banner #menuShadow{background:url("../images/base/menu-shadow-24.png");height:5px;position:absolute;z-index:20;width:100%;}
#container .banner h1{padding:75px 0 10px 20px;letter-spacing:-0.1em;font-size:1.6em;margin:0;}
#container .banner #cccFlash{ position:absolute; right:20px; top: 50px;}
/* content */
#container #content{position:relative;font-size:0.7em;line-height:2.2em;width:100%;}
#container #content h2{margin:0 0 15px 0;font-size:1.1em;color:#323232;}
#container #content h3{margin:0 0 15px 0;font-size:1.0em;color:#323232;}
#container #content ul{list-style:square;color:#fb9939;margin:0;padding:0 0 10px 25px;}
#container #content ul li{padding:0 0 0 5px;}
#container #content ul li span{color: #323232;}
#container #content #shadow{overflow:hidden;position:absolute;top:0;left:0;background:url("../images/base/content-shadow-24.png");height:5px;width:100%;}
/* footer */
#container #content .footer { margin:0;line-height: 1.4em; letter-spacing:-0.05em;}
#container #content h4.footer { clear:both;font-size:1.2em; font-weight:normal; padding: 25px 0 0 25px;}
#container #content p.footer { font-size: 0.8em; padding: 0 0 10px 25px;}
/* who we work with */
#container #content #leftWorkWith{max-width:425px;min-width:235px;padding:15px 25px;}
#container #content #rightWorkWith{width:425px;float:right;text-align:center;background:url("../images/base/grey-bg-24.png") repeat-x;margin: -8px 20px 0 20px;padding:25px 0 0 0;}
#container #content #rightWorkWith img{margin:0 12px 18px 12px;}
#container #content #rightWorkWith img.reflected,#container #content #rightWorkWith img.reflection{margin:0 12px 1px 12px;}
/* comms,consult,content */
#container #content #leftCCC{max-width:665px;min-width:375px;padding:15px 25px;}
#container #content #rightCCC{text-align:right;float:right;width:196px;padding:15px 25px;}
#container #content #rightCCC p.small { font-size:0.9em;line-height:1.6em;padding:0;margin:0 0 1em 0;}
#container #content #rightCCC p.last { margin-bottom:2em;}
#container #content #rightCCC h3{margin:0 0 20px 0;font-size:1.1em;line-height:1.3em;}
#container #content #rightCCC h3.last{margin:0;}
#container #content #case{font-size:0.8em;float:left;padding:5px 25px;}
#container #content #case ul{line-height:1.6em;background:#c1c1c1 url("../images/case-bg.png") repeat-x;border-left:7px solid #323232;float:left;list-style:none;padding:0 2px 0 0;}
#container #content #case ul li{float:left;width:220px;margin:0 2px 0 0;}
#container #content #case ul li.title{background:none;padding:23px 15px 0 15px;margin:0;width:120px;}
#container #content #case ul li a{display:block;padding:12px 4px 15px 70px;background:#e1e1e1 url("../images/icon-pdf.png") no-repeat 5% 50%;text-decoration:none;letter-spacing:-0.1em}
#container #content #case ul li a:hover{background-color:#f1f1f1;text-decoration:underline;}
/* who we are */
#container #content #whoWeAre{line-height:2em;max-width: 910px;margin:0 auto;padding:15px 0 15px 25px;}
#container #content #whoWeAre a{margin: 0 20px 15px 0;letter-spacing:-0.05em;float:left;display:block;width:252px;padding:14px;background:transparent url("../images/who-we-are-box-norm.png") repeat-y;text-decoration:none;}
#container #content #whoWeAre a.removeRight{margin: 0 0 0 0;}
#container #content #whoWeAre a:hover{background:transparent url("../images/who-we-are-box-hover.png") repeat-y;}
#container #content #whoWeAre a img{padding:0 0 10px 0;}
#container #content #whoWeAre a span{color:#323232;display:block;padding: 0 10px 0 0;}
#container #content #whoWeAre a strong{font-size:0.9em;}
#container #content #whoWeAre a span.clouds{margin:10px 0 0 0;display:block;width:249px;padding:0;height:77px;background-image:url("../images/clouds.jpg");}
#container #content #whoWeAre a:hover span#overview{background-position: 0 -78px;}
#container #content #whoWeAre a span#values{background-position: -250px 0;}
#container #content #whoWeAre a:hover span#values{background-position: -250px -78px;}
#container #content #whoWeAre a span#leaders{background-position: -500px 0;}
#container #content #whoWeAre a:hover span#leaders{background-position: -500px -78px;}
/* leadership */
#container #content #leadership{padding:15px 25px;line-height:2em;}
#container #content #leadership ul.tiny{margin:0;padding:0 0 10px 15px; font-size: 0.8em;}
#container #content #leadership ul.tiny li{padding:0;margin:0;}
#container #content #leadership table{margin:0 0 10px 0;clear:both;background:transparent url("../images/base/grey-bg-solid-24.png");}
#container #content #leadership h4{letter-spacing:-0.05em;font-weight:normal;line-height:1.3em;margin:10px 0 0 0;padding:0 0 0 3px;font-size:1em;background:#e6e6e6;}
#container #content #leadership h4.lighter{background:#f6f6f6;}
#container #content #leadership .name{padding:20px;width:190px;}
#container #content #leadership .details{padding:15px 10px 0 10px;}
/* what we do */
#container #content #whatWeDo { padding:15px 25px; }
#container #content #whatWeDo ul li.header { list-style:none; }
#container #content #whatWeDo ul li.header { margin: 0;padding:0; }
#container #content #whatWeDo h2 { margin: 0;}
/* join us */
#container #content #leftJoinUs{max-width:525px;min-width:235px;padding:15px 25px;}
#container #content #rightJoinUs{width:275px;float:right;background:url("../images/base/grey-bg-24.png") repeat-x;margin: -8px 20px 0 0;padding:25px 20px 25px 20px;font-size:1.1em;}
/* visions */
#container #content #leftVisions{max-width:525px;padding:15px 25px;}
#container #content #leftVisions img { padding-bottom: 10px;}
#container #content #rightVisions img { padding-bottom: 15px;}
#container #content #rightVisions{width:275px;float:right;text-align:left;background:url("../images/base/grey-bg-24.png") repeat-x;margin: -8px 20px 0 20px;padding:25px 20px 25px 20px;font-size:1.3em;}
/* contact us */
#container #content #contact { padding:15px 25px;font-size: 1.1em;letter-spacing: -0.02em;line-height: 1.5em; }
#container #content #contact small.regOffice { color: #626262; line-height:1.4em; font-size:0.8em;}
#container #content #contact hr { clear:both; color:#b9b9b9;height:1px;background:#8d8d8d;}
#container #content #contact abbr { font-weight:bold;}
#container #content #contact ul.tiny{margin:0;padding:0 0 10px 15px; font-size: 0.7em;}
#container #content #contact ul.tiny li{padding:0;margin:0;}
#container #content #contact p { margin:0;padding: 0 0 0 7px;}
#container #content #contact img.header { margin: 10px 0 5px 0; }
#container #content #contact #mapAPI { width:500px;height:200px;}
#container #content #contact .map { padding: 25px 0;float:right;font-size: 0.8em; }
#container #content #contact .mapFirst { padding-top:10px;}
#container #content #contact .other { padding: 15px 0;font-size:0.9em;}