@import url("reset-min.css");
@import url("layout.css");

#title { width: 178px; height: 42px; }

/*
 * page titles
 */
.homepage h1 { width: 351px; height: 60px; background: url(/img/homepage/h1-best-in-class.png) no-repeat; }
.ourModel h1 { width: 174px; height: 23px; background: url(/img/titles/our-model.png) no-repeat; }
.howWeWork h1 { width: 223px; height: 23px; background: url(/img/titles/how-we-work.gif) no-repeat; }
.ourPeople h1 { width: 176px; height: 23px; background: url(/img/titles/our-people.png) no-repeat; }
.international h1 { width: 174px; height: 23px; background: url(/img/titles/international.png) no-repeat; }
.ourClients h1 { width: 182px; height: 23px; background: url(/img/titles/our-clients.png) no-repeat; }
.ourClients h1.bw { width: 182px; height: 23px; background: url(/img/titles/our-clients-bw.png) no-repeat; }
.overview h1 { width: 174px; height: 23px; background: url(/img/titles/overview.png) no-repeat; }
.showcase h1 { width: 174px; height: 23px; background: url(/img/titles/showcase.png) no-repeat; }
.blog h1 { width: 76px; height: 23px; background: url(/img/titles/blog.png) no-repeat; }
.news h1 { width: 84px; height: 23px; background: url(/img/titles/news.png) no-repeat; }
.contact h1 { width: 174px; height: 23px; background: url(/img/titles/contact.png) no-repeat; }
.ukBoard h1 { width: 368px; height: 23px; background: url(/img/titles/uk-board.png) no-repeat; }
.usBoard h1 { width: 172px; height: 23px; background: url(/img/titles/us-board.png) no-repeat; }
.ourJourney h1 { width: 174px; height: 23px; background: url(/img/titles/our-journey.png) no-repeat; }
.ourLittleBit h1 { width: 118px; height: 137px; background: url(/img/titles/our-little-bit.png) no-repeat; }
.careers h1 { width: 126px; height: 23px; background: url(/img/titles/careers.png) no-repeat; }
.graduate h1 { width:278px; height:23px; background: url(/img/titles/application-form.png) no-repeat; }
.termsAndConditions h1 { height:19px; margin:0 0 20px -4px; padding:0; position:relative; top:0; width:236px; background: url(/img/titles/terms-and-conditions.png) no-repeat; }
.accessibility h1 { height:19px; margin:0 0 20px -4px; padding:0; position:relative; top:0; width:134px; background: url(/img/titles/accessibility.png) no-repeat; }
.sitgeMap h1 { height:19px; margin:0 0 20px -4px; padding:0; position:relative; top:0; width:85px; background: url(/img/titles/sitemap.png) no-repeat; }

h1#tfl { width: 48px; height: 22px; background: url(/img/titles/tfl.png) no-repeat; }
h1#rollsRoyce { width: 190px; height: 23px; background: url(/img/titles/rolls-royce.png) no-repeat; }
h1#dcsf { width: 73px; height: 23px; background: url(/img/titles/dcsf.png) no-repeat; }
h1#abbey { width: 96px; height: 22px; background: url(/img/titles/abbey.png) no-repeat; }
h1#fotf { width: 272px; height: 22px; background: url(/img/titles/fotf.png) no-repeat; }

/*
 * homepage
 */
.homepage #intro { min-height: 480px; width: 965px; padding: 0; }
.homepage #intro p { padding: 0; margin: 0; }
.homepage #tagline { position: absolute; top: 160px; }
.homepage h1, .homepage h2, .homepage #findOutMore { margin: 0px 23px 0px 23px; position: relative; top: 0; }
.homepage h1 { margin-bottom: 10px; }
.homepage #findOutMore { width: 124px; height: 41px; margin-left:16px; margin-top: 25px;}
.homepage #findOutMore a { width: 124px; height: 41px; display: block; background: transparent url(/img/buttons/findOut.png) top left no-repeat; }
.homepage #findOutMore a:hover { width: 124px; height: 41px; display: block; background: transparent url(/img/buttons/findOut.png) 0 -41px no-repeat; }
.homepage #content { background-color: transparent; padding-bottom: 24px; width:550px;float:left;}
.homepage #content p { font: 1.8em "Georgia", sans-serif; line-height: 1.66666em; color: #666; margin: 24px 0 0 0; width: 550px; }
.homepage span#welcomeToEngine { margin-top: 0.5em; text-transform: uppercase; display: inline-block; line-height: 0.9em; }
.homepage #introPanel { 
	width: 100%; 
	position: relative;
	display: block; 
	height: auto; 
	margin: 0; 
	background: none; 
	top: 448px;
	color: #333;
}
.homepage #introPanel a {
	display: inline;
	color: #333;
}
.homepage #introPanel a:hover {
	color: #ee4d8e;
}
.homepage #introPanel em {
	font-style: italic;
}
.homepage #introPanel #newsReadMore {
	margin: 0;
}

/*
 * our model 
 */
a.greyLink {color: #999999;}
a.noiseyLink {color: #f89e1f;}
/* company profile */
.ourModel .company { margin: 20px 20px 70px 40px; clear: both; }
.ourModel .column.narrow p { color: #333; margin-left: 10px; margin-right: 10px; }
.ourModel .column.narrow p.welcomeToEngine { width: 174px; height: 12px; background: url(/img/our-model/p-welcome-to-engine.gif) no-repeat right bottom; text-indent: -5000px; margin-top: 0.5em; }
.ourModel .column.wide { float: right; clear: right; } 
.ourModel .column.wide h2, .ourModel .column.wide h3, .ourModel .column.wide h4 { color: #666; } 
.ourModel .column.wide h2 { border-bottom: 1px solid #ccc; margin: 0 0 8px 0; font-size: 2.4em; padding-bottom: 5px; padding-right: 180px; } 
.ourModel .column.wide h3 { font-size: 1.8em; margin-bottom: 1em; } 
.ourModel .column.wide h4 { font-size: 1.6em; margin-bottom: 1em; } 
.ourModel .column.wide p, .ourModel .company ul, .ourModel .company ol { color: #333; margin-bottom: 1.5em; } 
.ourModel .company li { font-size:1.4em; line-height:1.71429em; margin-left: 1.5em; } 
.ourModel .company ul li { list-style: disc outside; } 
.ourModel .company ol li { list-style: decimal outside; } 
.ourModel .column.wide p, .ourModel .column.wide h3, .ourModel .company ol, .ourModel .company ul { width: 370px; } 
.ourModel .column.wide p.tel, .ourModel .column.wide p.email { margin-bottom: 0; } 
.ourModel .column.wide p a:hover { background-color: transparent; color: #ee4d8e; } 

.ourModel .column.wide p.backToNavList.expertise { float: right; margin: 14px 0 0 0; width: 148px; height: 10px; background: url(/img/our-model/back-to-expertise.png) no-repeat; text-indent: -5000em; overflow: hidden; }
.ourModel .column.wide p.backToNavList.practices { float: right; margin: 14px 0 0 0; width: 206px; height: 10px; background: url(/img/our-model/back-to-practices.png) no-repeat; text-indent: -5000em; overflow: hidden; }
.ourModel .column.wide p.backToNavList.companies { float: right; margin: 14px 0 0 0; width: 153px; height: 10px; background: url(/img/our-model/back-to-companies.png) no-repeat; text-indent: -5000em; overflow: hidden; }
.ourModel .column.wide p.back { float: right; margin: 14px 0 0 0; width: 51px; height: 10px; background: url(/img/our-model/back.png) no-repeat; text-indent: -5000em; }
.ourModel .column.wide p.backToNavList:hover,.ourModel .column.wide p.backToNavList2:hover,.ourModel .column.wide p.backToNavList3:hover, .ourModel .column.wide p.back:hover { background-position: 0 -10px; }
.ourModel .column.wide p.backToNavList a, .ourModel .column.wide p.backToNavList2 a, .ourModel .column.wide p.backToNavList3 a, .ourModel .column.wide p.back a { width: 100%; display: block; }
.ourModel .column.wide p.backToNavList a:hover, .ourModel .column.wide p.backToNavList2 a:hover, .ourModel .column.wide p.backToNavList3 a:hover, .ourModel .column.wide p.back a:hover { background-color: transparent; }
/* nav list */
.ourModel #navList li { float: left; }
.ourModel #navList.sectorPractices li { width: 580px; }

ul#navList.expertiseList {width:260px; float:left;}
ul#navList.eRight {margin-left:40px;}
ul#navList li.twolines {margin-top:11px;}

.ourModel .sectorPracticesIntro { margin: 20px 40px 0; }
/* large tabs */
.ourModel #largeTabs li.expertise { background-image: url(/img/our-model/tabs/expertise-off.png); }
.ourModel #largeTabs li.expertise.over-Expertise { background: transparent url(/img/our-model/tabs/expertise-over.png) 0px 0 no-repeat; }
.ourModel #largeTabs li.expertise.active { background:transparent url(/img/our-model/tabs/expertise-on.png) top left no-repeat; }

.ourModel #largeTabs li.sectorPractices { background-image: url(/img/our-model/tabs/practices-off.png); }
.ourModel #largeTabs li.sectorPractices.over-SectorPractices { background: transparent url(/img/our-model/tabs/practices-over.png) 0px 0 no-repeat; }
.ourModel #largeTabs li.sectorPractices.active { background:transparent url(/img/our-model/tabs/practices-on.png) top left no-repeat; }

.ourModel #largeTabs li.companies { background-image: url(/img/our-model/tabs/companies-off.png); }
.ourModel #largeTabs li.companies.over-Companies { background: transparent url(/img/our-model/tabs/companies-over.png) 0px 0 no-repeat; }
.ourModel #largeTabs li.companies.active { background:transparent url(/img/our-model/tabs/companies-on.png) top left no-repeat; }

/* logos - need to specify id with and without '_rshfix' suffix now! */
/*.ourModel #content #engineBusiness, .ourModel #content #engineBusiness_rshfix { background: url(/img/our-model/logos/engine_business.jpg) no-repeat right bottom; }
.ourModel #content #enginePublic, .ourModel #content #enginePublic_rshfix { background: url(/img/our-model/logos/engine_public.jpg) no-repeat right bottom; }
.ourModel #content #engineConsulting, .ourModel #content #engineConsulting_rshfix { background: url(/img/our-model/logos/engine_consulting.jpg) no-repeat right bottom; }
.ourModel #content #engineConsumer, .ourModel #content #engineConsumer_rshfix { background: url(/img/our-model/logos/engine_consumer.jpg) no-repeat right bottom; }
.ourModel #content #engineDeisions, .ourModel #content #engineDecisions_rshfix { background: url(/img/our-model/logos/engine_decisions.jpg) no-repeat right bottom; }*/
.ourModel #content #engineBusiness img, .ourModel #content #engineBusiness img_rshfix { float:right; }
.ourModel #content #enginePublic img, .ourModel #content #enginePublic img_rshfix { float:right; }
.ourModel #content #engineConsulting img, .ourModel #content #engineConsulting img_rshfix { float:right; }
.ourModel #content #engineConsumer img, .ourModel #content #engineConsumer img_rshfix { float:right; }
.ourModel #content #engineDecisions img, .ourModel #content #engineDecisions img_rshfix { float:right; }
.ourModel #content #wcrs, .ourModel #content #wcrs_rshfix { background: url(/img/our-model/logos/wcrs-logo.png) no-repeat right bottom; }
.ourModel #content #dave, .ourModel #content #dave_rshfix { background: url(/img/our-model/logos/calling-brands-logo.gif) no-repeat right bottom; }
.ourModel #content #woo, .ourModel #content #woo_rshfix { background: url(/img/our-model/logos/woo.jpg) no-repeat right bottom; }
.ourModel #content #slice, .ourModel #content #slice_rshfix { background: url(/img/our-model/logos/slice-logo.gif) no-repeat right bottom; }
.ourModel #content #huge, .ourModel #content #huge_rshfix { background: url(/img/our-model/logos/huge-logo.gif) no-repeat right bottom; }
.ourModel #content #synergy, .ourModel #content #synergy_rshfix { background: url(/img/our-model/logos/synergy-logo.gif) no-repeat right bottom; }
.ourModel #content #altogether, .ourModel #content #altogether_rshfix { background: url(/img/our-model/logos/altogether-logo.gif) no-repeat right bottom; }
.ourModel #content #mandate, .ourModel #content #mandate_rshfix { background: url(/img/our-model/logos/mandate-logo.gif) no-repeat right bottom; }
.ourModel #content #digitalPublic, .ourModel #content #digitalPublic_rshfix { background: url(/img/our-model/logos/digital-public-logo.gif) no-repeat right bottom; }
.ourModel #content #transform, .ourModel #content #transform_rshfix { background: url(/img/our-model/logos/transform-logo.gif) no-repeat right bottom; }
.ourModel #content #partners, .ourModel #content #partners_rshfix { background: url(/img/our-model/logos/partners-logo.gif) no-repeat right bottom; }
.ourModel #content #fuel, .ourModel #content #fuel_rshfix { background: url(/img/our-model/logos/fuel-logo.gif) no-repeat right bottom; }
.ourModel #content #hogarth, .ourModel #content #hogarth_rshfix { background: url(/img/our-model/logos/hogarth-logo.gif) no-repeat right bottom; }
.ourModel #content #totem, .ourModel #content #totem_rshfix { background: url(/img/our-model/logos/totem-logo.gif) no-repeat right bottom; }
.ourModel #content #engineStrategy, .ourModel #content #engineStrategy_rshfix { background: url(/img/our-model/logos/engine-strategy-logo.jpg) no-repeat right bottom; }
.ourModel #content #penrose, .ourModel #content #penrose_rshfix { background: url(/img/our-model/logos/penrose-logo.gif) no-repeat right bottom; }
.ourModel #content #jam, .ourModel #content #jam_rshfix { background: url(/img/our-model/logos/jam-logo.gif) no-repeat right bottom; }
.ourModel #content #mhp, .ourModel #content #mhp_rshfix { background: url(/img/our-model/logos/mhp-logo.gif) no-repeat right bottom; }
.ourModel #content #fantastic, .ourModel #content #fantastic_rshfix { background: url(/img/our-model/logos/fantastic-logo.gif) no-repeat right bottom; }
.ourModel #content #mischief, .ourModel #content #mischief { background: url(/img/our-model/logos/mischief-logo.gif) no-repeat right bottom; }
.ourModel #content #noise, .ourModel #content #noise { background: url(/img/our-model/logos/noise-logo.gif) no-repeat right bottom; }
.ourModel #content #deep-focus, .ourModel #content #deep-focus { background: url(/img/our-model/logos/deep-focus-logo.gif) no-repeat right bottom; }
.ourModel .narrow p.welcome { color: #666; margin-top: 30px; }

/*
 * how we work
 */
.howWeWork h1 { top: 165px; }
.howWeWork #swf { margin: -159px 16px 0 16px; z-index: 10; }

/*
 * our people & our board
 */
 
 /*people scroller*/
#jsPeopleReel{width: 940px; height: 362px; overflow: hidden; }
#peopleReelList li {float: left; border: 0; width: 940px; height: 362px; padding-left:560px;padding-top: 25px;}
#peopleReelList li .scrollerName {top:240px;}
#peopleReelList li .srollerJobTitle {top: 262px; color: #EE4D8E;}
#peopleReelList li .srollerName, #peopleReelList li .srollerJobTitle {display: none; font-family: "Arial Black",Arial,Helvetica,sans-serif; text-transform: uppercase; position: relative;}

.ourPeople #intro, .ukBoard #intro { height: 362px; overflow: hidden; }
.ourPeople #intro, .usBoard #intro { height: 362px; overflow: hidden; }
.ourPeople #swf img { margin: 72px 0 0 560px; }
.ourPeople .column, .ukBoard .column, .usboard .column { padding-top: 0; margin: 0 0 20px 0; }
.ourPeople .column.wide, .ukBoard .column.wide, .usboard .column.wide { width: 540px; margin-left: 10px; }
.ourPeople .column.narrow, .ukBoard .column.narrow, .usboard .column.narrow { padding-top: 7px; width: 400px; background-color: #fff; }
.ourPeople h2, .ukBoard h2, .usBoard h2 { margin: 0 20px 20px 20px; }
.ourPeople h2 span, .ukBoard h2 span, .usBoard h2 span { display: block; font-size: 0.8em; }
.ourPeople p, .ukBoard p, .usBoard p { margin: 0 20px 17px 20px; font-size: 1.4em; line-height: 1.71429em; color: #333; }
.ourPeople .person, .ukBoard .person, .usBoard .person { margin-bottom: 40px; }
.ourPeople .person ul, .ukBoard .person ul, .usBoard .person ul { margin: 20px; list-style: disc outside; }
.ourPeople .person ul, .ukBoard .person ul li, .usBoard ul li { font-size: 1.4em; line-height: 1.71429em; color: #333; }

/*
 * international
 */
.international #swf { margin-top: 0; width: 1110px; height: 362px;}
.international p { color: #333; margin-left: 10px; margin-right: 10px; }
.international p.intro { font-size: 1.8em; line-height: 1.6666em; }
.international p a:hover { color: #ee4d8e; }
/*
 * our clients
 */
.ourClients p { margin-left: 10px; margin-right: 10px; } 
.ourClients p.leading { font-size: 1.8em; line-height: 1.66666em; color: #333; } 
.ourClients .column.narrow { width: 235px; }
.ourClients .column.wide { width: 684px; }
#clientList h3 { width: 68px; height: 68px; float: left; margin: 0 0 8px 8px; overflow: hidden; }
#clientList h3 a { text-indent: -5000em; width: 100%; height: 100%; display: block; }
#clientList h3 a.active, #clientList h3 a.over { background-position: 0 -68px; }
#clientList p { clear: both; }

/*
 * our work
 */
.ourWork #intro { min-height: 480px; }
.ourWork #content { background-color: transparent; }
.ourWork h1 { top: 449px; visibility: hidden; }
.ourWork h2, .ourWork p { margin-left: 10px; margin-right: 10px; } 
/* overview */
.ourWork.overview #playMediaPlayer { position: absolute; top: 255px; margin-left: 400px; text-indent: -5000em; width: 92px; height: 92px;  }
.ourWork.overview #playMediaPlayer a { display: block; width: 100%; height: 100%; background-image: url(/img/buttons/play.png);}
.ourWork.overview #playMediaPlayer a:hover { background-image: url(/img/buttons/play-over.png); }
.ourWork.overview #content p { color: #fff; font-size: 1.8em; line-height: 1.66666em; }
.ourWork.overview .column { padding-top: 20px; }
.ourWork.overview .navList { margin-top: 0; }
/* showcase */


.ourWork #intro div.playVideo, .ourWork #intro div.playSlideshow, .ourWork #intro div.noFlashPlayer, .ourWork #intro div.playWebsite, .ourWork.overview #playMediaPlayer { display: block; position: absolute; top: 130px; margin-left: 0px; text-indent: -5000em; width: 940px; height: 320px; }
.ourWork #intro div.playVideo a, .ourWork #intro div.playSlideshow a, .ourWork #intro div.noFlashPlayer a, .ourWork #intro div.playWebsite a, .ourWork.overview #playMediaPlayer a { display: block; width: 100%; height: 100%; background-image: url(/img/buttons/play.png); background-repeat: no-repeat; background-position: 424px 90px; }
.ourWork #intro div.playVideo a:hover { background-image: url(/img/buttons/play-over.png); }
.ourWork #intro div.playSlideshow a { background-image: url(/img/buttons/slideshow.png); }
.ourWork #intro div.playSlideshow a:hover { background-image: url(/img/buttons/slideshow-over.png); }
.ourWork #intro div.playWebsite a { background-image: url(/img/buttons/launch-site.png);}
.ourWork #intro div.playWebsite a:hover { background-image: url(/img/buttons/launch-site-RO.png); }
.ourWork #intro div.noFlashPlayer a { background-image: url(/img/buttons/noFlashPlayer.png);}
.ourWork #intro div.noFlashPlayer a:hover { background-image: url(/img/buttons/noFlashPlayer-over.png); }
.ourWork .column.wide { padding-top: 40px; }
.ourWork h2 { font-size: 1.8em; color: #333; margin-bottom: 1em; }
.ourWork p { font-size: 1.3em; line-height: 1.84615em; color: #333; }
.ourWork .column.wide ul { margin-bottom: 1.84615em; margin-left: 1.5em; }
.ourWork .column.wide ul li { font-size: 1.3em; line-height: 1.84615em; color: #333; list-style: disc outside; }
.ourWork #navList li { margin-left: 0; }
.ourWork .column.wide p a:hover, .ourWork .column.wide li a:hover { color: #ee4d8e; }

.ourWork.dcsf #intro div.playVideo, .ourWork.skybb #intro div.playVideo { width: 110px; height: 110px; }
.ourWork.dcsf #intro div.playVideo a, .ourWork.skybb #intro div.playVideo a { background-position: 0px 0px; }

/* small tabs - rollovers could be replaced by css sprite rollovers */
#smallTabs li.brochure { background-image: url(/img/our-work/tabs/brochure.png); }
#smallTabs li.brochure.over-Brochure { background-image: url(/img/our-work/tabs/brochure-tab-over.png); }
#smallTabs li.brochure.active-Brochure { background-image: url(/img/our-work/tabs/brochure-on.png); margin-top:10px; height:57px;}

#smallTabs li.directMail { background-image: url(/img/our-work/tabs/direct-mail.png); }
#smallTabs li.directMail.over-DirectMail { background-image: url(/img/our-work/tabs/mail-tab-over.png); } 
#smallTabs li.directMail.active-DirectMail { background-image: url(/img/our-work/tabs/direct-mail-on.png); margin-top:10px; height:57px;}

#smallTabs li.experimental { background-image: url(/img/our-work/tabs/experiential.png); }
#smallTabs li.experimental.over-Experimental { background-image: url(/img/our-work/tabs/experiential-over.png); } 
#smallTabs li.experimental.active-Experimental { background-image: url(/img/our-work/tabs/experiential-on.png); margin-top:10px; height:57px;}

#smallTabs li.film { background-image: url(/img/our-work/tabs/film.png); }
#smallTabs li.film.over-Film { background-image: url(/img/our-work/tabs/films-tab-over.png); } 
#smallTabs li.film.active-Film { background-image: url(/img/our-work/tabs/film-on.png); margin-top:10px; height:57px;}

#smallTabs li.online { background-image: url(/img/our-work/tabs/online.png); }
#smallTabs li.online.over-Online { background-image: url(/img/our-work/tabs/online-tab-over.png); } 
#smallTabs li.online.active-Online { background-image: url(/img/our-work/tabs/online-on.png); margin-top:10px; height:57px;}

#smallTabs li.onlinevid { background-image: url(/img/our-work/tabs/online.png); }
#smallTabs li.onlinevid.over-Online { background-image: url(/img/our-work/tabs/online-tab-over.png); } 
#smallTabs li.onlinevid.active-Online { background-image: url(/img/our-work/tabs/online-on.png); margin-top:10px; height:57px;}

#smallTabs li.onlineandTV { background-image: url(/img/our-work/tabs/online-tv.png); }
#smallTabs li.onlineandTV.over-OnlineandTV{ background-image: url(/img/our-work/tabs/online-tv-over.png); } 
#smallTabs li.onlineandTV.active-OnlineandTV { background-image: url(/img/our-work/tabs/online-tv-on.png); margin-top:10px; height:57px;}

#smallTabs li.outdoor { background-image: url(/img/our-work/tabs/outdoor.png); }
#smallTabs li.outdoor.over-Outdoor { background-image: url(/img/our-work/tabs/outdoor-tab-over.png); } 
#smallTabs li.outdoor.active-Outdoor { background-image: url(/img/our-work/tabs/outdoor-on.png); margin-top:10px; height:57px;}

#smallTabs li.pos { background-image: url(/img/our-work/tabs/pos.png); }
#smallTabs li.pos.over-POS { background-image: url(/img/our-work/tabs/POS-tab-over.png); } 
#smallTabs li.pos.active-POS { background-image: url(/img/our-work/tabs/pos-on.png); margin-top:10px; height:57px;}

#smallTabs li.pr { background-image: url(/img/our-work/tabs/pr.png); }
#smallTabs li.pr.over-PR { background-image: url(/img/our-work/tabs/PR-tab-over.png); } 
#smallTabs li.pr.active-PR { background-image: url(/img/our-work/tabs/pr-on.png); margin-top:10px; height:57px;}

#smallTabs li.press { background-image: url(/img/our-work/tabs/press.png); }
#smallTabs li.press.over-Press { background-image: url(/img/our-work/tabs/press-tab-over.png); } 
#smallTabs li.press.active-Press  { background-image: url(/img/our-work/tabs/press-on.png); margin-top:10px; height:57px;}

#smallTabs li.print { background-image: url(/img/our-work/tabs/print.png); }
#smallTabs li.print.over-Print { background-image: url(/img/our-work/tabs/print-tab-over.png); } 
#smallTabs li.print.active-Print  { background-image: url(/img/our-work/tabs/print-on.png); margin-top:10px; height:57px;}

#smallTabs li.tv { background-image: url(/img/our-work/tabs/tv.png); }
#smallTabs li.tv.over-TV { background-image: url(/img/our-work/tabs/tv-tab-over.png); }
#smallTabs li.tv.active-TV { background-image: url(/img/our-work/tabs/tv-on.png); margin-top:10px; height:57px;}

#smallTabs li.press-outdoor { background-image: url(/img/our-work/tabs/press-outdoor.png); }
#smallTabs li.press-outdoor.over-PressOutdoor { background-image: url(/img/our-work/tabs/press-outdoor-over.png); } 
#smallTabs li.press-outdoor.active-PressOutdoor  { background-image: url(/img/our-work/tabs/press-outdoor-on.png); margin-top:10px; height:57px;}

#smallTabs li.tv-ident { background-image: url(/img/our-work/tabs/tv-ident.png); }
#smallTabs li.tv-ident.over-TV { background-image: url(/img/our-work/tabs/tv-ident-over.png); }
#smallTabs li.tv-ident.active-TV { background-image: url(/img/our-work/tabs/tv-ident-on.png); margin-top:10px; height:57px;}

/*
 * news and blog
 */

/*
 * contact
 */
.contact #intro { min-height: 480px; }
.contact #map { width: 1110px; height: 480px; }
.generalEnquiriesColumn { margin-left: 34px; }
.contact p  a:hover { color: #ee4d8e; }

/*
 * our board : see 'our people' above
 */

/*
 * our journey
 */
.ourJourney #content { min-height: 480px; background-color: #fff; margin-bottom: 30px; }
.ourJourney #swf { margin: 35px 0 0 10px; } 
/*
 * our little bit
 */
.ourLittleBit p { margin-left: 10px; margin-right: 10px; }
.ourLittleBit h1 { top: 143px; margin-left: 1px; }
.ourLittleBit h2 { border-bottom: 1px solid #242424; margin: 15px 0 0 20px; padding-bottom: 18px; } 
.ourLittleBit h3 { border-bottom: 1px solid #242424; margin: 0 0 22px 0; height: 50px; padding-bottom: 18px; } 
.ourLittleBit h3#pillar1 { text-indent: -5000px; background: url(/img/corporate-information/our-little-bit/h3-pillar1.gif) no-repeat; } 
.ourLittleBit h3#pillar2 { text-indent: -5000px; background: url(/img/corporate-information/our-little-bit/h3-pillar2.gif) no-repeat; } 
.ourLittleBit h3#pillar3 { text-indent: -5000px; background: url(/img/corporate-information/our-little-bit/h3-pillar3.gif) no-repeat; } 
.ourLittleBit #intro { height: 480px; }
.ourLittleBit #intro .column { margin-top: 100px; margin-bottom: 0; }
.ourLittleBit #intro #swf { width: 200px; height: 200px; margin: 132px 1px 0 73px; }
.ourLittleBit #intro p { font-size: 1.2em; line-height: 1.66666em; color: #333; width: 275px; margin-bottom: 1.66666em; }
.ourLittleBit #intro p a { color: #999; }
.ourLittleBit #intro p a:hover { color: #ee4d8e; }
.ourLittleBit #intro div#downloadCrs { text-indent: -5000px; width: 198px; height: 38px; background: url(/img/corporate-information/our-little-bit/download-crs.png) no-repeat; margin-left: 10px; }
.ourLittleBit #intro div#downloadCrs a { height: 100%; display: block; }
.ourLittleBit #content .column { padding-top: 15px; width: 300px; }
.ourLittleBit #content p { padding: 10px 20px 10px 10px; }
.ourLittleBit #content img#iso14001 { margin: 20px; }

/*
 * careers
 */
.careers .column.wide { width: 460px; margin-right: 20px; margin-left: 0; }
.careers .column.wide p, .careers .column.wide h2 { margin: 0 10px 1em 25px; }
.careers .column.wide h2 { font-size: 2.4em; }
.careers .column.narrow { width: 390px; margin-left: 20px; }
.careers .column.narrow p a:hover, .careers .column.narrow li a:hover { color: #ee4d8e; }

/*
 * site information
 */
#content.noIntro { background-color: transparent; }
.noIntro #navList { margin-top: 0; }
.noIntro #navList li { margin-left: 10px; }
.noIntro .column.narrow { margin-left: 20px; }

/*
 * accessibility
 */

/*
 * site map
 */
.siteMap h2 { font-size: 1.6em; line-height: 1.5em; margin-bottom: 0.5em; }
.siteMap .column.wide ul { margin-left: 1.5em; }
.siteMap .column.wide ul li { font-size: 1.4em; line-height: 1.71429em; list-style: none; margin-left: 1.5em; }
.siteMap .column.wide ul li ul li { font-size: 1em; }

 
 /* wordpress starts here */
#content.narrowcolumn { background:transparent; width:695px; margin-left: 5px;}
#content #blogintro {margin:0; padding:0; position:relative; width:1024px; left:-75px; padding-left:75px; background:#fff; min-height:256px; padding-top:48px; margin-bottom:24px;}
#content #blogintro div.blogintrodiv {width:700px;}
#content #blogintro h1 {margin:2px 0 20px 0; padding:0; width:84px; height:44px; background: url(/img/titles/news.png) 9px 0 no-repeat; top:62px; border-bottom:1px solid #cccccc; width:700px;}
#content #blogintro a:hover { color: #ee4d8e; }
.blog #content #blogintro h1 {background: url(/img/titles/blog.png) 9px 0 no-repeat;}
.narrowcolumn { width: 710px; float:left;} 

#content .entry { float:right; width:380px; margin-right:40px;}
#content .fullwidth { width: 699px; float: none; margin-top: -10px; }
#content .wideentry { float:right; width:100%; margin-top:15px;}
#content .singlepost {margin-bottom:20px;}
#content .entry p { color:#333; margin-top:20px; line-height: 1.4em; }
#content .entry p.linktext, #content .sidebar p.linktext { font-size: 1.1em; margin-top: -12px; line-height: 1em; }
#content #blogintro .entry p { color:#333; width:380px; }
#content #blogintro .fullwidth p { width: 100%; margin-left: 10px; }

#content .post { clear:both; border-top:1px solid #ccc; margin-bottom:25px; padding-top:25px; }
#content .post a { color: #999; }
#content .post h3 a { color: #333; font-size: 1em; }
#content .post .linktext a { color: #666; }
#content .post a:hover, #content .post h3 a:hover, #content .post .linktext a:hover { color: #ee4d8e; }
#content .secondpost {}
#content #blogintro .post { margin-top:0px; border:none; padding-top:25px; margin-bottom:0;}

#content h3 a { color:#333; font-size:0.8em; }
.annualReport #content h3 a { font-size: 1em; }
.financialInformation #content h3 a { font-size: 1em; }

#content h3 a:hover { text-decoration: none; color: #ee4d8e; }
#content .narrow h3 { font-size: 2em; }
#content .post .borderLineTop, #content .post .borderLineBottom { width: 100%; display: block; height: 1px; clear: both; border-bottom: 1px solid #ccc; }
#content .post .fullwidth .borderLineTop, #content .post .fullwidth .borderLineBottom { width: 699px; }
#content .post .borderLineTop { padding-top: 10px; }
#content .post h4 { font-size: 1.4em; color: #666; padding: 5px 10px; }
#content .narrow h4 { padding-left: 0; margin-bottom: 0; }
#content .fullwidth h4 { border-bottom: none; }
#content .post h4.hasAuthorImage { margin-top: 6px; }
#content img.authorIm { float: left; margin: 6px 6px 6px 10px; }
#content .narrow img.authorIm { margin-left: 0; }
#content .post h4 a { color: #666; }
#content #blogintro h3 a { color:#333; }
#content #blogintro h3 a:hover { text-decoration: none; color: #ee4d8e; }
#content #blogintro em, #content #blogintro i {font-style: italic;}
#content #blogintro strong, #content #blogintro b {font-weight: bold;}
#content #blogintro a.more-link { display: none; }
#content .entry h3 { line-height: 1em; margin-bottom: 8px; }
#content .fullwidth h3 { margin-left: 10px; }
.listdate {font-size:1.4em; color:#666; float:left; display:block;}
.listauthor {font-size:1.4em; color:#999; float:left; display:block; border-left:1px solid #6F6F6F; margin-left:8px; padding:0 0 0 8px;}
.listauthor a {color:#999;}
#content .fullwidth .listdate, #content .narrow .listdate { font-size: 1.4em; }
#content .fullwidth .listdate, #content .fullwidth .socialbookmarks { margin-left: 10px; }

.sideimage {float:left; width:250px; height:215px; text-align:center;}
.sideimage a {display:block; height:100%; width:100%; background:transparent url(/img/blog/magnify-glass.png) 48% 48% no-repeat;}
.sideimage a:hover {background:transparent url(/img/blog/magnify-glass-RO.png) 48% 48% no-repeat;}
.sideimage img { height:250px; }

.topimage { width:699px; height:279px; text-align:center;}
.topimage a { display:block; height:100%; width:100%; background:transparent url(/img/blog/magnify-glass.png) 48% 48% no-repeat;}
.topimage a:hover { background:transparent url(/img/blog/magnify-glass-RO.png) 48% 48% no-repeat;}
.topimage img { height:279px; }

/* wordpress sidebar */
.sidebar-holder { width:238px; float:left; position:relative; top:60px; margin-bottom:180px; margin-left: 10px;}
.sidebartop { width:238px; height:14px; }
.sidebar { width:238px;}
.sidebarbottom {clear:both; width:238px; height:19px; margin-bottom:1px;}
.sidebar h2 { color:#333; padding:0; width:200px; border-bottom:1px solid #cccccc; padding-bottom:5px; margin-left:20px;}

.sidebar ul { margin-left:4px; }
.sidebar ul li { padding: 0; }
.sidebar-holder .sidebar ul.subitems li {padding-left:0; height:42px; margin-bottom:-5px; display: block; }
.sidebar ul li a:hover { color: #ee4d8e; }
.sidebar ul.subitems {margin-top:-18px;}
.sidebar ul.subitems li.selected {background: url(/img/blog/archive-ro.gif) 0 0 no-repeat;}
.sidebar ul.subitems li.selected a { color: #fff; }
.sidebar ul.subitems li a { color:#000; font-size:1.4em; display:block; padding:13px 5px 12px 30px; color:#333;}
.sidebar ul.subitems li a:hover { color: #ee4d8e; }
.sidebar ul.subitems li.selected a:hover { color: #fff; }

.sidebar ul.recentposts {margin-top:-18px; margin-left:21px; width:198px;}
.sidebar ul.recentposts li {padding-bottom:8px; margin-top:7px; padding-top: 4px;}
.sidebar ul.recentposts li.lastrecent {border-bottom:none; margin-top:7px;}
.sidebar ul.recentposts li p {margin:0; padding:0;}
.sidebar ul.recentposts li a {display:inline; margin:0; padding:0; font-size:1.0em; color:#333;}
.sidebar ul.recentposts li a:hover {color:#ee4d8e;}
.sidebar ul.recentposts li p.rtitle {color:#333;}
.sidebar ul.recentposts li p.rdate {color:#666; font-size:1.1em;}
.sidebar ul.recentposts li p.rexcerpt {color:#333; font-size:1.2em;}
.sidebar ul.recentposts li p.linktext a { margin-top: 0; font-size: 0.9166em; }

.sidebar ul.categories {margin-top:-18px;}
.sidebar ul.categories p {margin:0; padding:0; margin-left:15px; width:200px;}
.sidebar ul.categories p a {margin:0; padding:0; display:inline;}

#authorBlock {border-top:1px solid #ccc; border-bottom:1px solid #ccc; clear:both; padding:5px 0 3px 0; margin-top:10px; height:50px;}
#authorBlock img { height:43px; width:43px; float:left; }
#content #blogintro #authorBlock p {margin:0; padding:0; margin-left:53px; color:#333; line-height:28px; }
#content #blogintro #authorBlock p a {color:#999;}

.socialbookmarks li.first { float:left; margin-right:5px; background:none; padding-left:0px;}
.socialbookmarks li { float:left; margin-right:5px; background:transparent; padding-left:5px;}
.socialbookmarks li  a { font-size:1.3em; color:#999; }
.socialbookmarks li  a:hover { text-decoration:underline; }

span.clearer, span.cleared {display:block; margin:0; padding:0; clear:both; height:1px; width:100%;}

.siteMap #content a:hover { color:#ee4d8e; background-color:#fff; }

#scrollButtons #scrollRight a.scrollerleft  { display:block; background:transparent url(/img/buttons/arrow-left.png) top left no-repeat;width:61px;height:61px; }
#scrollButtons #scrollLeft a.scrollerright { display:block; background:transparent url(/img/buttons/arrow-right.png) top left no-repeat;width:61px;height:61px; z-index:9001; }

#scrollButtons #scrollRight a.scrollerleft:hover { background:transparent url(/img/buttons/arrow-left-RO.png) top left no-repeat; cursor:pointer; z-index:9001;}
#scrollButtons #scrollLeft a.scrollerright:hover { background:transparent url(/img/buttons/arrow-right-RO.png) top left no-repeat; cursor:pointer; z-index:9001;}

#scrollButtons #scrollRight a.scrollerleftnull  { display:block; background:transparent url(/img/buttons/arrow-left.png) top left no-repeat;width:61px;height:61px; cursor:default;}
#scrollButtons #scrollLeft a.scrollerrightnull { display:block; background:transparent url(/img/buttons/arrow-right.png) top left no-repeat;width:61px;height:61px; cursor:default; z-index:9001; }

.ourClients #intro #introPanel {
	top:210px;
	height:150px;
}

div.wplpblinks a{ font-size:2em; color:#333333; position:relative; }
div.wplpblinks a:hover { text-decoration:underline; }

/* annual-report */
#annualreport {
	margin-top: 140px;
	margin-left: 5px;
}
#annualreport img {
	float: left;
	margin-right: 20px;
	margin-left:5px;
}
#annualreport h4 {
	margin: 4px 0 30px 0;
	padding: 0;
	border: none;
	font-size: 1.4em;
	color: #666;
}
#annualreport a:hover {
	color: #ee4d8e;
}

.reportcontent{
display:inline;
width:630px;
float:right;
}

/*
 * post-launch additions
 */
.companyHighlights dl dd, .companyHighlights dl dt { height: 127px; }
.companyHighlights dl dt { float: left; clear: left; width: 320px; padding-top: 20px }
.companyHighlights dl dt img { padding: 2px; border: 1px solid #666666; }
.companyHighlights dl dd { margin-left: 320px; padding: 20px 20px 0 40px; font-size: 1.4em; line-height: 1.71429em; background: #fff url(/img/our-model/border-company-highlights.gif) no-repeat 40px bottom; }
.companyHighlights dl dd.last { height: 128px; background-image: none; }
.companyHighlights dl span { font-size: 1.78571em; line-height: 1em; color: #333; margin-right: 5px; }
.companyHighlights dl em { font-style: italic; }
.companyHighlights p.visitWebsite { margin: 25px 20px 20px 360px; }
.companyHighlights p.visitWebsite a:hover { color: #ee4d8e; }

.sitgeMap li a { color: #999; }
.sitgeMap h2 a { color: #999; }

.blog #submit { background: url(/img/buttons/submit-comment.jpg) top left no-repeat; width: 136px; height: 44px; cursor: pointer; overflow: visible; display: block; border: none; font-size: 0; line-height: 0; }
.blog input#submit:hover { background-position: left -44px !important; width: 136px; height: 44px; }

#respond { margin-top: 30px; margin-left: 10px; }
#respond h3 { margin-bottom: 20px; }

h3#comments { margin-top: 30px; margin-left: 15px; font-size: 1.6em }
ol.commentlist { margin-left: 15px; margin-top: 10px; }
ol.commentlist li img { float: left; margin-right: 10px; }
ol.commentlist li { border-bottom: 1px solid #ccc; padding-top: 10px; }
ol.commentlist p { margin-bottom: 10px; }
ol.commentlist li .vcard, ol.commentlist li .commentmetadata { font-size: 1.1em; }
ol.commentlist li p { width: 380px; }
ol.commentlist a { color: #999; }
ol.commentlist a:hover { color: #ee4d8e; }

.sidebar ul.recentposts li p { padding-left: 15px; line-height: 1.2em; padding-top: 2px; }
.sidebar ul.recentposts li.active { background-color: #ee4d8e; border-bottom: 2px solid #ccc; }
.sidebar ul.recentposts li.active a, .sidebar ul.recentposts li.active p { color: #fff; }
.sidebar ul.categories p.catcloud { padding-left: 15px; }

#lovechange { margin-left: 15px; }

#content .pink {
	color: #ee4d8e;
}

.awards { font-size: 1.4em; line-height: 1em; margin-bottom: 1.75em; padding-left: 75px; }
.awards img { margin-right: 55px; }