BODY { margin:0; padding:0; font: normal 10px Arial, Helvetica, sans-serif; background:#090606 url(images/back_tile2.jpg) top left repeat-x; color:#fff;}
DIV { margin:0; border:0; padding:0;}
H1 { font-size:1.4em; font-weight:normal; margin:0 0 17px 0; padding:0; color:#c1d72e;}
H2 { font-size:1.2em; font-weight:normal; margin:0 0 5px 0; padding:0;}
IMG {border:0;}
P {margin:0 0 9px 0; padding:0; font-size:1.1em; color:#d0d3d6;}
#container { width:970px; min-height:555px; margin:43px auto 0 auto;}
#TopZone { height:108px; position:relative;}
#TopZone P.welcome { position:absolute; top:36px; left:307px; font-size:15px; color:#c1d72e; font-weight:normal;}
#TopZone P.logo { position:absolute; top:0; right:4px; font-size:18px; color:#c1d72e; font-weight:normal; margin:0; padding:0;}
#LeftMenu { float:left; width:82px; margin-top:12px; margin-right:18px;}
#LeftMenuHome { float:left; width:220px; margin-top:12px; margin-right:18px;}
#SubMenu {float:left; width:194px; margin-top:12px;}
#LeftMenu UL, #SubMenu UL, #LeftMenuHome UL { list-style-type:none; margin:0; padding:0;}
#LeftMenu UL LI, #LeftMenuHome UL LI { font-weight:normal;}
#LeftMenu UL LI, #SubMenu UL LI, #LeftMenuHome UL LI { font-size:12px; margin-bottom:7px;}
.latest2 { border-top:1px solid #6e6d6d; border-bottom:1px solid #6e6d6d; padding:3px 0;}
#SubMenu UL LI UL LI { margin-bottom:3px;}
A {color:#fff; text-decoration:none;}
#SubMenu UL LI UL LI A {color:#6b6c6d;}
.latest2 A { color:#bdbebb!IMPORTANT;}
A:hover, #SubMenu UL LI UL LI A:hover, A.current, .intro, STRONG, P A, #footer P A:hover { color:#c1d82e!IMPORTANT;}
P A:hover { color:#fff!IMPORTANT;}
UL#sitemap UL {margin:0 0 8px 18px;}
UL#sitemap LI, UL#sitemap LI UL LI { font-size:12px;}
UL#sitemap LI UL LI UL LI, TD { font-size:11px;}
.intro { overflow:hidden;}
#ContentArea { float:left; width:676px; min-height:400px; height:auto;}
.fifteen { font-size:15px!IMPORTANT; color:#b1b7ba!IMPORTANT; margin-bottom:24px; line-height:19px;}
.fourteen { font-size:14px!IMPORTANT; color:#b1b7ba!IMPORTANT; margin-bottom:17px; line-height:18px;}
.thirteen { font-size:13px!IMPORTANT; color:#b1b7ba!IMPORTANT; margin-bottom:17px; line-height:17px;}
#ContentAreaHome { float:left; width:588px; height:218px; padding-top:10px; margin-left:68px;}
#ContentAreaOthers { float:left; width:588px; height:224px; padding-top:10px; padding-left:12px;}
#wireframestrip {margin-left:306px;}
#ContentArea_col1 { float:left; width:250px; padding:0 8px;}
#ContentArea_col1 H1 A, DIV.ui-state-active H1 A { color:#c1d72e;}
#ContentArea_col1 H1 A, #ContentArea_col1 H2 A { background:url(images/accordion_arrows_open.gif) left no-repeat; padding-left:14px;}
DIV.ui-state-active H1 A, DIV.ui-state-active H2 A, H1.ui-state-active A {background:url(images/accordion_arrows_clsd.gif) left no-repeat!IMPORTANT; padding-left:14px;}
#ContentArea_col2 { float:left; width:410px; height:373px;}
.tes { font-weight:bold;}
.news_line { border-top:1px solid #ccc;}
#footer { clear:both; margin:0 auto 0 auto; color:#777; width:970px; height:40px;}
#footer P { float:right; font-size:11px; margin:4px 0;}
#footer P A { color:#fff!IMPORTANT;}

/* JQUERY Scroller CSS */
ul, li {padding:0; margin:0; list-style:none;}
.next, .prev{cursor:pointer;}
#screen{position:relative; height:400px; width:410px;}
#screen .next, #screen .prev{position:absolute; top:187px;}
#screen .prev{left:10px;}
#screen .next{right:10px;}
#sections{overflow:hidden; background-color:white; width:410px; height:400px; clear:left;}
#sections ul{width:6150px;}
#sections li{float:left; padding:0;}

/* google maps additional css */
#map P { color:#000;}
.mapinfo {color:#000;}

/* AJAX implementation css */
#ajaxload { width:410px; height:400px;}
.case_heading { border-top:1px solid #888; padding-top:7px;}
#baselayer { width:336px; height:378px; padding:11px 61px 11px 13px;}
.baselayer_consult { background-image: url(images/consultancy_and_strat/services_main_img_consult.jpg)}
.baselayer_branding { background-image: url(images/branding/services_main_img_branding.jpg)}
.baselayer_marketing { background-image: url(images/marketing/services_main_img_marketing.jpg)}
.baselayer_business { background-image: url(images/business/services_main_img_business.jpg)}
.baselayer_internal { background-image: url(images/internal_comms/services_main_img_internal.jpg)}
.baselayer_b2b { background-image: url(images/b2b/b2b.jpg)}
.baselayer_stakeholder { background-image: url(images/stakeholder/stakeholder.jpg)}
.baselayer_oilandgas { background-image: url(images/sectors/oilandgas.jpg)}
.baselayer_environmental { background-image: url(images/sectors/environmental.jpg)}
#baselayer H1 { font:normal 15px Arial, Helvetica, sans-serif; color:#c1d82e;}
#baselayer P {font:normal 15px/21px Arial, Helvetica, sans-serif!IMPORTANT; color:#c2cacc;}

/* tes people */
#ContentArea_tp { float:left; width:870px; min-height:400px; height:auto; padding-top:23px;}
.tp_desc { font:11px normal Arial, Helvetica, sans-serif!IMPORTANT; color:#66675f;}
.tp_name { font:14px normal Arial, Helvetica, sans-serif; color:#343532;}
.tp_jobtitle { font:10px normal Arial, Helvetica, sans-serif; color:#b4bbbc; text-transform:uppercase;}
#lightbox-secNav { text-align:left;}
.OTnt { height:38px;}

/* services */
.services { height:267px!IMPORTANT; padding-top:10px; padding-left:12px;}
.services P { font: normal 15px/19px Arial, Helvetica, sans-serif; color:#b1b7ba; width:510px;}
.closed {display:none;}

/* clients */
.clients {padding-top:10px; padding-left:12px;}
#ContentAreaClients { float:left; width:846px; min-height:400px; height:400px; background:#6d6b6c; padding:11px 2px 16px 15px}
#ContentAreaClients H1 { color:#c3d82f;}
#ContentAreaClients UL { width:846px;}
#ContentAreaClients UL LI { float:left; margin-right:14px; margin-bottom:12px; list-style-type:none;}
