* { margin:0; padding:50; color:#ffffff; } /* mac hide \*/ html,body{height:100%;width:100%;} /* end hide */ html, body { height: 100%; -webkit-text-size-adjust: none; } body { margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; } a { text-decoration:none; } a img { border:none; } :focus { moz-outline-style:none; } a:focus { outline:none; } a:hover { outline:none; } a:active { outline: none; } .clear { margin:0; padding:0; clear:both; line-height:0; } .nonflash { display:none; } .fixed380Title h2 { background-color:#000; padding:0 5px 0 15px; line-height:36px; font-size:22px; color:#FF0; width:380px; } .fixed380Title2 h2 { background-color:#000; padding:5px 5px 1px 15px; line-height:22px; font-size:22px; color:#FF0; width:380px; margin:0; } .fixed380Title2 h2 a { color:#FF0; } .fixed380Title3 h2 { background-color:#000; padding:5px 5px 1px 15px; line-height:22px; font-size:22px; color:#FF0; width:380px; margin:0; } .fixed380Title3 h2 a { color:#FF0; } .error { margin-left:90px; } .error h2 { font-size:22px; line-height:32px; margin:1em 0 1em 0; font-weight:bold; background-color:#FF0; color:#000; font-family:Arial, Helvetica, sans-serif; display:inline; padding:3px; } .error p { font-size:12px; line-height:20px; margin:1em 0 1em 0; font-weight:bold; background-color:#000; color:#FFF; font-family:Arial, Helvetica, sans-serif; display:inline; padding:3px; } /***********************************************/ /* Layout tag styles */ /***********************************************/ .wrapper { width: 100%; height: 100%; height: auto !important; margin: 0 auto -180px; min-height: 100%; } .footer, .push { height: 210px; } .wrapper { } .header { width: 100%; } .content { width:100%; min-height: 600px; color:#000;} .space40 { height: 40px; } .space30 { height: 30px; } .space20 { height: 20px; } .space10 { height: 10px; } #header h1 span { display:none; } div#content-container {padding: 0pt; position: absolute; top: 0pt; width: 100%; height:100%; } div#flash-container { height: 100%; overflow: visible; width: 100%; } div#background { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; overflow: hidden;} #flash-background { height: 100%;} body.yellow { background-color:#ffffff; } .yellow div#header { height:72px; margin:25px 0 30px 0; overflow:hidden; } .yellow div#header h1 a { background-repeat:no-repeat; width:472px; height:72px; display:block; background-image:url(images/i-am-logo-home.gif); } body.white { background-color:#FFF; } .white div#header { height:72px; margin:55px 0 110px 0; overflow:hidden; } .white div#header h1 a { background-repeat:no-repeat; width:472px; height:72px; display:block; background-image:url(images/i-am-logo.gif); background-position:0 0; } .white div#header h1 a:hover { background-position:0 -72px; } /***********************************************/ /* Menu tag styles */ /***********************************************/ #menu #menuinner { margin:0; } #menu h6 { margin:0; padding:0; } #menu a span { display:none; cursor:pointer; } #menu .menu { width:184px; height:32px; display:block; cursor:pointer; } #menu .menu:hover { background-position:0 -32px; cursor:pointer; } #menu .over { background-position:0 -32px; } #menu .what-we-do { background-image:url(images/menu_what-we-do.gif); } #menu .our-clients { background-image:url(images/menu_clients.gif); } #menu .who-we-are { background-image:url(images/menu_who-we-are.gif); } #menu .basinda-biz { background-image:url(images/menu_basinda-biz.gif); } #menu .blog { background-image:url(images/menu_blog.gif); } #menu .our-mates { background-image:url(images/menu_mates.gif); } #menu .newsletter { background-image:url(images/menu_newsletter.gif); } #menu .contact { background-image:url(images/menu_contact.gif); } #submenu { width:190px; background-color:#FF0; font-size:11px; color:#666; } #submenu em { color:#000; font-style:normal; font-size:11px; line-height:14px; font-weight:bold; } #submenu a { color:#000; text-decoration:none; font-size:11px; line-height:14px; } #submenu a:hover { color:#000; text-decoration:underline; } #submenuinner { padding:10px; } #submenu .breakbefore { border-bottom:#000 solid 1px; height: 6px; margin-bottom: 6px; font-size:1px; line-height:1px; width:150px; } /***********************************************/ /* Home Page styles */ /***********************************************/ #defaultFlags { text-align:right; } #defaultFlags p { margin:0 80px 10px 0; } #defaultFlags a img { padding:0 0 0 3px; margin:0; } #defaultScrollOuter { background-color:#000; } #defaultScrollInner { padding:15px; } #defaultScrollInner p { font-size:13px; line-height:17px; margin:1em 0; color:#FFF; width:500px; } #defaultScrollInner h2 { font-size:13px; line-height:17px; margin:0 0; font-weight:bold; color:#FF0; } #defaultScrollInner h3 { font-size:13px; line-height:17px; margin:0 0; font-weight:bold; color:#FFF; } #defaultScrollInner p a { color:#FFF; } #defaultScrollInner .we-design-experiences a span { display:none; } #defaultScrollInner .we-design-experiences a { background-repeat:no-repeat; width:589px; height:69px; display:block; background-image:url(images/default/we-design-experiences.gif); background-position:0px 0px; } #defaultScrollInner .brand-strategy a span { display:none; } #defaultScrollInner .brand-strategy a { background-repeat:no-repeat; width:474px; height:47px; display:block; background-image:url(images/default/brand-strategy.gif); background-position:0px 0px; } #defaultScrollInner .fashion-store-design a span { display:none; } #defaultScrollInner .fashion-store-design a { background-repeat:no-repeat; width:390px; height:72px; display:block; background-image:url(images/default/fashion-store-design.gif); background-position:0px 0px; } #defaultSlideMenu ul { list-style:none; margin:0; padding:0; } #defaultSlideMenu li { float:left; margin:0; padding:0; } #defaultSlideMenu .breakli { margin:0 10px 0 0; } #defaultSlideMenu a { width:200px; height:34px; display:block; background-position:0 -34px; } #defaultSlideMenu a:hover { background-position:0 0; } #defaultSlideMenu a.selected { background-position:0 0; } #defaultSlideMenu span { display:none; } #defaultSlideMenu .branding { background-image:url(images/default/branding.gif); } #defaultSlideMenu .interior-design { background-image:url(images/default/interior-design.gif); } #defaultSlideMenu .people-and-culture { background-image:url(images/default/people-and-culture.gif); } #defaultSlide { float:right; margin-right:-50px; } #defaultSlide_outer { width:620px; display:block; position:relative; } #defaultSlide_inner { position:relative; overflow:hidden; width:620px; height:360px; border-top:#000 solid 17px; border-bottom:#000 solid 18px; } #defaultSlide_items { display:block; position:relative; } #defaultSlide_items div.defaultSlide_element { display:block; position:relative; float:left; font-size:11px; width:620px; height:360px; } #defaultSlide_items div.defaultSlide_element ul { list-style:none; margin:0; padding:0; } #defaultSlide_items div.defaultSlide_element li { float:left; margin:0 5px 5px 0; padding:0; } #defaultSlide_items div.defaultSlide_element a { width:135px; height:110px; display:block; } #defaultSlide_items div.defaultSlide_element a:hover { background-position:0 -110px; } #defaultSlide_outer .clientSlide_forward, #defaultSlide_outer .clientSlide_back { display:block; position:absolute; cursor:pointer; width:32px; height:400px; bottom:0px; right:65px; background:url(images/slideitmoo_forward2.png) no-repeat center; } #defaultSlide_outer .clientSlide_back { left:15px; background:url(images/slideitmoo_back2.png) no-repeat center; } .imgteaser { margin:0; padding: 0 0 0 0; overflow: hidden; float: left; position: relative; } .imgteaser a { text-decoration: none; float: left; border: 2px solid #ffff00; } .imgteaser a:hover { cursor: pointer; border: 2px solid #000000; } .imgteaser a img { float: left; margin: 0; border: none; padding: 0px; background: #fff; } .imgteaser a .desc { display: block; font-size: 1em; padding: 0; background: #ffff00; color: #000000; position: absolute; bottom: 0px; left: 0px; padding: 5px; margin: 0 0 0 0; width: 305px; font-weight:bold; } .imgteaser a:hover .desc { color:#ffffff; background:none repeat scroll 0 0 #000000; } .imgteaserBreaker { width:220px; display:block; float:left; } .img200teaser { margin:0 0 10px 0; padding: 0 0 0 0; overflow: hidden; float: left; position: relative; } .img200teaser a { text-decoration: none; float: left; height:135px; } .img200teaser a:hover { cursor: pointer; } .img200teaser a img { float: left; margin: 0; border: none; padding: 0px; background: #fff; } .img200teaser a .desc { display: block; font-size: 1em; padding: 0; background: #000; color: #fff; position: absolute; bottom: 0px; left: 0px; padding: 5px; margin: 0 0 0 0; width: 200px; font-weight:bold; } .img200teaser a:hover .desc { color:#FF0; } .img200teaserBreaker { width:210px; display:block; float:left; } div#twitter { margin-top:60px; } div#twitter-top { overflow:hidden; height:0px; } ul#twitter_update_list { list-style-type:none; margin:0; padding:18px 0 0 0; background-image:url(images/icon_twitter-body.gif); background-position:top; background-repeat:no-repeat; } ul#twitter_update_list li { padding:15px 15px 15px 55px; margin:0; min-height:70px; } ul#twitter_update_list li a { color:#999; display:block; text-decoration:none; line-height:18px; } ul#twitter_update_list li span { line-height:18px; font-size:11px; } /***********************************************/ /* Blog styles */ /***********************************************/ .blogScroll { border-top:#FFF solid 10px; border-bottom:#FFF solid 10px; background-color:#FFF; margin-bottom:10px; color:#000;} .blogScrollLeft { float:left; width:430px; display:block; color:#000; } .blogScrollRight { float:left; width:150px; display:block; padding-left:15px; } .blogScroll p { font-size:12px; line-height:15px; margin:0 0 1em 0; color:#000; } .blogScroll p a { color:#000; text-decoration:none; border-bottom:#CCC solid 1px; } .blogScroll p a:hover { color:#000; text-decoration:none; border-bottom:#000 solid 1px; } .blogdetailTitle h2 { padding:0 10px 0 10px; line-height:36px; font-size:22px; margin:1em 0 0 0; font-weight:bold; background-color:#000; color:#FF0; font-family:Arial, Helvetica, sans-serif; display:inline; } .blogdetailTitle h2 a { color:#FF0; text-decoration:none; } .blogScrollRight p { font-size:12px; line-height:15px; margin:0 0 1em 0; color:#000000; font-weight:400; } .blogScrollLeft p { font-size:12px; line-height:15px; margin:0 0 1em 0; color:#000000; font-weight:400; } /***********************************************/ /* Our Clients styles */ /***********************************************/ #clientSlide ul { list-style:none; margin:0; padding:0; } #clientSlide li { float:left; margin:0 4px 4px 0; padding:0; } #clientSlide a { width:150px; height:120px; display:block; } #clientSlide a:hover { background-position:0 -120px; } #clientSlide span { display:none; } #clientSlide .adidas { background-image:url(images/clients/logos/adidas.gif); } #clientSlide .eurobank { background-image:url(images/clients/logos/eurobak.gif); } #clientSlide .turkiye-is-bankasi { background-image:url(images/clients/logos/turkiye-is-bankasi.gif); } #clientSlide .argos { background-image:url(images/clients/logos/argos.gif); } #clientSlide .finansbank { background-image:url(images/clients/logos/finansbank.gif); } #clientSlide .armani { background-image:url(images/clients/logos/armani.gif); } #clientSlide .beach-hut { background-image:url(images/clients/logos/beach-hut.gif); } #clientSlide .beyond-the-valley { background-image:url(images/clients/logos/beyond-the-valley.gif); } #clientSlide .britannia { background-image:url(images/clients/logos/britannia.gif); } #clientSlide .chilango { background-image:url(images/clients/logos/chilango.gif); } #clientSlide .coke { background-image:url(images/clients/logos/coke.gif); } #clientSlide .costa { background-image:url(images/clients/logos/costa.gif); } #clientSlide .d-and-g { background-image:url(images/clients/logos/d-and-g.gif); } #clientSlide .daa { background-image:url(images/clients/logos/daa.gif); } #clientSlide .diesel { background-image:url(images/clients/logos/diesel.gif); } #clientSlide .french-connection { background-image:url(images/clients/logos/french-connection.gif); } #clientSlide .garanti { background-image:url(images/clients/logos/garanti.gif); } #clientSlide .garanti1 { background-image:url(images/clients/logos/garanti1.gif); } #clientSlide .garanti2{ background-image:url(images/clients/logos/garanti2.gif); } #clientSlide .vatan{ background-image:url(images/clients/logos/vatan.gif); } #clientSlide .avea{ background-image:url(images/clients/logos/avea.gif); } #clientSlide .eurobank{ background-image:url(images/clients/logos/eurobank.gif); } #clientSlide .yedia{ background-image:url(images/clients/logos/yedia.gif); } #clientSlide .itsu{ background-image:url(images/clients/logos/itsu.gif); } #clientSlide .interflora { background-image:url(images/clients/logos/interflora.gif); } #clientSlide .lloyds-pharmacy { background-image:url(images/clients/logos/lloyds-pharmacy.gif); } #clientSlide .markham { background-image:url(images/clients/logos/markham.gif); } #clientSlide .material-lab { background-image:url(images/clients/logos/material-lab.gif); } #clientSlide .milton-keynes { background-image:url(images/clients/logos/milton-keynes.gif); } #clientSlide .mote { background-image:url(images/clients/logos/mote.gif); } #clientSlide .new-india-bank { background-image:url(images/clients/logos/new-india-bank.gif); } #clientSlide .new-look { background-image:url(images/clients/logos/new-look.gif); } #clientSlide .national-trust { background-image:url(images/clients/logos/national-trust.gif); } #clientSlide .platform { background-image:url(images/clients/logos/platform.gif); } #clientSlide .post-office { background-image:url(images/clients/logos/post-office.gif); } #clientSlide .surface { background-image:url(images/clients/logos/surface.gif); } #clientSlide .svetski { background-image:url(images/clients/logos/svetski.gif); } #clientSlide .t-mobile { background-image:url(images/clients/logos/t-mobile.gif); } #clientSlide .the-co-operative-bank { background-image:url(images/clients/logos/the-co-operative-bank.gif); } #clientSlide .tower-of-london { background-image:url(images/clients/logos/tower-of-london.gif); } #clientSlide .smartmove { background-image:url(images/clients/logos/smartmove.gif); } #clientSlide .firetrap { background-image:url(images/clients/logos/firetrap.gif); } #clientSlide .domus { background-image:url(images/clients/logos/domus.gif); } #clientSlide .austin-reed { background-image:url(images/clients/logos/austin-reed.gif); } #clientSlide .abbey { background-image:url(images/clients/logos/abbey.gif); } #clientSlide .castrol { background-image:url(images/clients/logos/castrol.gif); } #clientSlide .barclays { background-image:url(images/clients/logos/barclays.gif); } #clientSlide .newburgh-quarter { background-image:url(images/clients/logos/newburgh-quarter.gif); } /***********************************************/ /* What we do styles */ /***********************************************/ #whatOuter { padding:25px; background-color:#000; padding:15px; } #whatOuter p { font-size:12px; line-height:17px; margin:0 0 1em 0; color:#FFF; } #whatOuter h2, #whatOuter h3 { font-size:14px; line-height:17px; margin:0 0; font-weight:bold; color:#FF0; } #whatOuter h4{ font-size:12px; line-height:17px; margin:0 0; font-weight:normal; color:#fff; } #whatOuter p a { color:#FFF; text-decoration:none; } #whatOuter p a:hover { color:#FFF; text-decoration:underline; } #whatOuter h3 a { color:#FF0; text-decoration:none; } #whatOuterLeft { float:left; width:520px; text-align:justify; margin-left:30px;} #whatOuterRight { float:left; width:120px; border-left:#000 solid 20px; } #whatOuterRight .clientmore a span { display:none; } #whatOuterRight .clientmore a { margin-top:30px; background-repeat:no-repeat; width:120px; height:120px; display:block; background-image:url(images/what-we-do/view.gif); background-position:0px 0px; } #whatOuterRight .clientmore a:hover { background-position:0 -120px; } #whatThumbx{ background-color:#000; display:block; padding:0px 0 0 0px; } #whatThumbx ul { list-style:none; margin:0 0 0 0px; padding:0;} #whatThumbx li { float:left; margin:0 10px 10px 0; padding:0; } #whatThumbx a { display:block; } #whatThumbx a:hover { background-position:0 -30px; } #whatThumbx span { display:none; } #whatThumbx .fuar { width:58px; height:30px; background-image:url(images/what-we-do/fuar.gif); } #whatThumbx .abdi { width:129px; height:30px; background-image:url(images/what-we-do/abdi.gif); } #whatThumbx .saskin {width:80px; height:30px; background-image:url(images/what-we-do/saskin.gif); } #whatThumbx .diesel { background-image:url(images/what-we-do/diesel.gif); } #whatThumbs { background-color:#000; display:block; padding:15px 0 0 15px; } #whatThumbs ul { list-style:none; margin:0 0 0 25px; padding:0; } #whatThumbs li { float:left; margin:0 10px 10px 0; padding:0; } #whatThumbs a { width:170px; height:170px; display:block; } #whatThumbs a:hover { background-position:0 -170px; } #whatThumbs span { display:none; } #whatThumbs .interior-design { background-image:url(images/what-we-do/interior-design.gif); } #whatThumbs .people-and-culture { background-image:url(images/what-we-do/people-and-culture.gif); } #whatThumbs .branding { background-image:url(images/what-we-do/branding.gif); } #whatThumbs .britannia { background-image:url(images/what-we-do/britannia.gif); } #whatThumbs .platform { background-image:url(images/what-we-do/platform.gif); } #whatThumbs .abbey { background-image:url(images/what-we-do/abbey.gif); } #whatThumbs .armani { background-image:url(images/what-we-do/armani.gif); } #whatThumbs .adidas { background-image:url(images/what-we-do/adidas.gif); } #whatThumbs .barclays { background-image:url(images/what-we-do/barclays.gif); } #whatThumbs .ben-sherman { background-image:url(images/what-we-do/ben-sherman.gif); cursor:default; } #whatThumbs .bimeks { background-image:url(images/what-we-do/bimeks.gif); cursor:default; } #whatThumbs .carphone-warehouse { background-image:url(images/what-we-do/carphone-warehouse.gif); cursor:default; } #whatThumbs .chilango { background-image:url(images/what-we-do/chilango.gif); } #whatThumbs .co-op { background-image:url(images/what-we-do/co-op.gif); } #whatThumbs .comet { background-image:url(images/what-we-do/comet.gif); cursor:default; } #whatThumbs .comptoir { background-image:url(images/what-we-do/comptoir.gif); cursor:default; } #whatThumbs .costa { background-image:url(images/what-we-do/costa.gif); } #whatThumbs .daa { background-image:url(images/what-we-do/daa.gif); } #whatThumbs .dandg { background-image:url(images/what-we-do/dandg.gif); } #whatThumbs .diesel { background-image:url(images/what-we-do/diesel.gif); } #whatThumbs .fcuk { background-image:url(images/what-we-do/fcuk.gif); } #whatThumbs .garanti { background-image:url(images/what-we-do/garanti.gif); } #whatThumbs .intel { background-image:url(images/what-we-do/intel.gif); cursor:default; } #whatThumbs .interflora { background-image:url(images/what-we-do/interflora.gif); } #whatThumbs .isherwoods { background-image:url(images/what-we-do/isherwoods.gif); cursor:default; } #whatThumbs .itsu { background-image:url(images/what-we-do/itsu.gif); cursor:default; } #whatThumbs .lloyds-pharmacy { background-image:url(images/what-we-do/lloyds-pharmacy.gif); } #whatThumbs .metropolis { background-image:url(images/what-we-do/metropolis.gif); cursor:default; } #whatThumbs .national-trust { background-image:url(images/what-we-do/national-trust.gif); } #whatThumbs .new-india-bank { background-image:url(images/what-we-do/new-india-bank.gif); } #whatThumbs .new-look { background-image:url(images/what-we-do/new-look.gif); } #whatThumbs .post-office { background-image:url(images/what-we-do/post-office.gif); } #whatThumbs .rbs { background-image:url(images/what-we-do/rbs.gif); cursor:default; } #whatThumbs .regan { background-image:url(images/what-we-do/regan.gif); cursor:default; } #whatThumbs .sarah-mains { background-image:url(images/what-we-do/sarah-mains.gif); cursor:default; } #whatThumbs .smartmove { background-image:url(images/what-we-do/smartmove.gif); } #whatThumbs .surface { background-image:url(images/what-we-do/surface.gif); cursor:default; } #whatThumbs .svetski { background-image:url(images/what-we-do/svetski.gif); } #whatThumbs .t-mobile { background-image:url(images/what-we-do/t-mobile.gif); } #whatThumbs .tower { background-image:url(images/what-we-do/tower.gif); } #whatThumbs .vatan { background-image:url(images/what-we-do/vatan.gif); cursor:default; } #whatThumbs .whitbread { background-image:url(images/what-we-do/whitbread.gif); cursor:default; } /***********************************************/ /* Sector styles */ /***********************************************/ #sectorScrollOuter { width:650px; float:right; background-color:#000; } #sectorScrollInner { padding:25px; } #sectorScrollLeft { float:left; width:300px; } #sectorScrollRight { float:left; } #sectorScrollContent p { font-size:13px; line-height:17px; margin:1em 0; } #sectorScrollContent h2 { font-size:13px; line-height:17px; margin:0 0; font-weight:bold; color:#FF0; } #sectorScrollContent h3 { font-size:13px; line-height:17px; margin:1em 0; font-weight:bold; color:#FFF; } #sectorScrollContentInner { width:270px; } #sectorScrollContainer { width:285px; height:375px; background:#000; } #sectorScrollContent { width:285px; height:375px; float:left; overflow:hidden; color:#fff; } #sectorScrollContainer .vTrack { height:370px; width:12px; position:relative; background:#333333; overflow:hidden; } #sectorScrollContainer .vThumb { position:absolute; top:0; left:0; height:12px; width:12px; background:#666666; overflow:hidden; } #sectorScrollContent p a { color:#FFF; text-decoration:none; border-bottom:1px dotted #888; } #sectorScrollContent p a:hover { color:#FFF; text-decoration:none; border-bottom:1px dotted #fff; } #sectorScrollContent h2 a { color:#FF0; text-decoration:none; } #sectorScrollContent h3 a { color:#FFF; text-decoration:none; border-bottom:1px dotted #888; } #sectorScrollLeft ul { list-style:none; margin:0 0 0 25px; padding:0; } #sectorScrollLeft li { float:left; margin:0 10px 10px 0; padding:0; } #sectorScrollLeft a { width:105px; height:115px; display:block; } #sectorScrollLeft a:hover { background-position:0 -115px; } #sectorScrollLeft span { display:none; } #sectorScrollLeft .abbey { background-image:url(images/sectors/abbey.gif); } #sectorScrollLeft .adidas { background-image:url(images/sectors/adidas.gif); } #sectorScrollLeft .barclays { background-image:url(images/sectors/barclays.gif); } #sectorScrollLeft .ben-sherman { background-image:url(images/sectors/ben-sherman.gif); cursor:default; } #sectorScrollLeft .bimeks { background-image:url(images/sectors/bimeks.gif); cursor:default; } #sectorScrollLeft .carphone-warehouse { background-image:url(images/sectors/carphone-warehouse.gif); cursor:default; } #sogectorScrollLeft .chilango { background-image:url(images/sectors/chilango.gif); } #sectorScrollLeft .co-op { background-image:url(images/sectors/co-op.gif); } #sectorScrollLeft .comet { background-image:url(images/sectors/comet.gif); cursor:default; } #sectorScrollLeft .comptoir { background-image:url(images/sectors/comptoir.gif); cursor:default; } #sectorScrollLeft .costa { background-image:url(images/sectors/costa.gif); } #sectorScrollLeft .daa { background-image:url(images/sectors/daa.gif); } #sectorScrollLeft .dandg { background-image:url(images/sectors/dandg.gif); } #sectorScrollLeft .diesel { background-image:url(images/sectors/diesel.gif); } #sectorScrollLeft .fcuk { background-image:url(images/sectors/fcuk.gif); } #sectorScrollLeft .garanti { background-image:url(images/sectors/garanti.gif); } #sectorScrollLeft .intel { background-image:url(images/sectors/intel.gif); cursor:default; } #sectorScrollLeft .interflora { background-image:url(images/sectors/interflora.gif); } #sectorScrollLeft .isherwoods { background-image:url(images/sectors/isherwoods.gif); cursor:default; } #sectorScrollLeft .itsu { background-image:url(images/sectors/itsu.gif); cursor:default; } #sectorScrollLeft .lloyds-pharmacy { background-image:url(images/sectors/lloyds-pharmacy.gif); } #sectorScrollLeft .metropolis { background-image:url(images/sectors/metropolis.gif); cursor:default; } #sectorScrollLeft .national-trust { background-image:url(images/sectors/national-trust.gif); } #sectorScrollLeft .new-india-bank { background-image:url(images/sectors/new-india-bank.gif); } #sectorScrollLeft .new-look { background-image:url(images/sectors/new-look.gif); } #sectorScrollLeft .post-office { background-image:url(images/sectors/post-office.gif); } #sectorScrollLeft .rbs { background-image:url(images/sectors/rbs.gif); cursor:default; } #sectorScrollLeft .regan { background-image:url(images/sectors/regan.gif); cursor:default; } #sectorScrollLeft .sarah-mains { background-image:url(images/sectors/sarah-mains.gif); cursor:default; } #sectorScrollLeft .smartmove { background-image:url(images/sectors/smartmove.gif); } #sectorScrollLeft .surface { background-image:url(images/sectors/surface.gif); cursor:default; } #sectorScrollLeft .svetski { background-image:url(images/sectors/svetski.gif); } #sectorScrollLeft .t-mobile { background-image:url(images/sectors/t-mobile.gif); } #sectorScrollLeft .tower { background-image:url(images/sectors/tower.gif); } #sectorScrollLeft .vatan { background-image:url(images/sectors/vatan.gif); cursor:default; } #sectorScrollLeft .whitbread { background-image:url(images/sectors/whitbread.gif); cursor:default; } /***********************************************/ /* Our Clients styles */ /***********************************************/ #clientdetailSlide { float:right; margin-right:-50px; } #clientdetailSlide_outer { width:620px; display:block; position:relative; } #clientdetailSlide_inner { position:relative; overflow:hidden; width:620px; height:360px; border-top:#000 solid 17px; border-bottom:#000 solid 18px; } #clientdetailSlide_items { display:block; position:relative; } #clientdetailSlide_items div.clientdetailSlide_element { display:block; position:relative; float:left; font-size:11px; width:620px; height:360px; } #clientdetailSlide_items div.clientdetailSlide_element ul { list-style:none; margin:0; padding:0; } #clientdetailSlide_items div.clientdetailSlide_element li { float:left; margin:0 5px 5px 0; padding:0; } #clientdetailSlide_items div.clientdetailSlide_element a { width:135px; height:110px; display:block; } #clientdetailSlide_items div.clientdetailSlide_element a:hover { background-position:0 -110px; } #clientdetailSlide_outer .clientSlide_forward, #clientdetailSlide_outer .clientSlide_back { display:block; position:absolute; cursor:pointer; width:32px; height:400px; bottom:0px; right:65px; background:url(images/slideitmoo_forward2.png) no-repeat center; } #clientdetailSlide_outer .clientSlide_back { left:15px; background:url(images/slideitmoo_back2.png) no-repeat center; } .hidden { display:none; } #clientdetailScrollOuter { width:620px; background-color:#000; } #clientdetailScrollInner { padding:25px; } #clientdetailScrollLeft { float:left; width:410px; } #clientdetailScrollRight { float:left; width:120px; } #clientdetailScrollRight p { font-size:12px; line-height:15px; margin:0 0 1em 0; color:#FFF; } #clientdetailScrollRight p a { color:#FFF; text-decoration:none; } #clientdetailScrollRight p a:hover { color:#FFF; text-decoration:underline; } #clientdetailScrollRight h4 { font-size:14px; line-height:18px; margin:0 0; font-weight:bold; color:#FF0; } #clientdetailScrollContent p { font-size:12px; line-height:15px; margin:0 0 1em 0; } #clientdetailScrollContent h2, #clientdetailScrollContent h3 { font-size:11px; line-height:15px; margin:0 0; font-weight:bold; color:#FF0; } #clientdetailScrollContentInner { width:370px; } #clientdetailScrollContainer { width:380px; background:#000; } #clientdetailScrollContent { width:380px; float:left; overflow:hidden; color:#fff; } #clientdetailScrollOuterx { width:620px; background-color:#000; } #clientdetailScrollInnerx { padding:25px; height:83 0px; } #clientdetailScrollLeftx { float:left; width:530px; height:680px; } #clientdetailScrollRightx { float:left; width:120px; } #clientdetailScrollRightx p { font-size:14px; line-height:15px; margin:0 0 1em 0; color:#FFF; } #clientdetailScrollRightxp a { color:#FFF; text-decoration:none; } #clientdetailScrollRightx p a:hover { color:#FFF; text-decoration:underline; } #clientdetailScrollRightx h4 { font-size:14px; line-height:18px; margin:0 0; font-weight:bold; color:#FF0; } #clientdetailScrollContentx p { font-size:14px; line-height:15px; margin:0 0 1em 0; } #clientdetailScrollContentx h2, #clientdetailScrollContentx h3 { font-size:15px; line-height:15px; margin:0 0; font-weight:bold; color:#FF0; } #clientdetailScrollContentInnerx { width:530px; } #clientdetailScrollContainerx { width:380px; background:#000; } #clientdetailScrollContentx { width:530px; float:left; overflow:hidden; color:#fff; } #clientdetailScrollContent h3 span { display:none; } #clientdetailScrollContent h3.brief { background-repeat:no-repeat; width:200px; height:30px; display:block; background-image:url(images/clients_the-brief.gif); background-position:0px 5px; } #clientdetailScrollContent h3.solution { background-repeat:no-repeat; width:200px; height:30px; display:block; background-image:url(images/clients_the-solution.gif); background-position:0px 5px; } #clientdetailScrollContent h3.result { background-repeat:no-repeat; width:200px; height:30px; display:block; background-image:url(images/clients_the-result.gif); background-position:0px 5px; } #clientdetailDownload { margin-top:40px; } #clientdetailDownload a span { display:none; } #clientdetailDownload a { background-repeat:no-repeat; width:80px; height:80px; display:block; background-image:url(images/clients_download.gif); background-position:0px 0px; } #clientdetailDownload a:hover { background-position:0 -80px; } #clientdetailmenu { padding-top:5px; } #clientdetailmenu .clientdetailmenu a span { display:none; } #clientdetailmenu .clientdetailmenu a { background-repeat:no-repeat; width:137px; height:24px; display:block; background-image:url(images/clients_back.gif); background-position:0px 0px; } /***********************************************/ /* Our teams styles */ /***********************************************/ #teamSlide ul { list-style:none; margin:0; padding:0; } #teamSlide li { float:left; margin:0 4px 4px 0; padding:0; } #teamSlide a { width:202px; height:184px; display:block; } #teamSlide a:hover { background-position:0 -184px; } #teamSlide span { display:none; } #teamSlide .jonathan-blakeney { background-image:url(images/team/logos/jonathan-blakeney.gif); } #teamSlide .pero-trivunovic { background-image:url(images/team/logos/pero-trivunovic.gif); } #teamSlide .bob-bayman { background-image:url(images/team/logos/bob-bayman.gif); } #teamSlide .tim-jeffrey { background-image:url(images/team/logos/tim-jeffrey.gif); } #teamSlide .pete-champion { background-image:url(images/team/logos/pete-champion.gif); } #teamSlide .sam-sprague { background-image:url(images/team/logos/sam-sprague.gif); } #teamSlide .roger-taylor { background-image:url(images/team/logos/roger-taylor.gif); } #teamSlide .emir-arkayin { background-image:url(images/team/logos//emir-arkayin.gif); } #teamSlide .claire-parkinson { background-image:url(images/team/logos/claire-parkinson.gif); } #teamSlide .ben-russell { background-image:url(images/team/logos/ben-russell.gif); } #teamSlide .tatjana-fairhurst { background-image:url(images/team/logos/tatjana-fairhurst.gif); } #teamSlide .henrik-wedberg { background-image:url(images/team/logos/henrik-wedberg.gif); } #teamSlide .jolyon-knott { background-image:url(images/team/logos/jolyon-knott.gif); } #teamSlide .mel-connell { background-image:url(images/team/logos/mel-connell.gif); } #teamSlide .james-wright { background-image:url(images/team/logos/james-wright.gif); } #teamSlide .patrick-cusack { background-image:url(images/team/logos/patrick-cusack.gif); } #teamSlide .george-simkin { background-image:url(images/team/logos/george-simkin.gif); } #teamSlide .james-coates { background-image:url(images/team/logos/james-coates.gif); } #teamSlide .lauren-jones { background-image:url(images/team/logos/lauren-jones.gif); } #teamSlide .basar-bostanci { background-image:url(images/team/logos/basar-bostanci.gif); } #teamSlide .gul-goz { background-image:url(images/team/logos/gul-goz.gif); } #teamSlide .iraz-polat{ background-image:url(images/team/logos/iraz-polat.gif); } #teamSlide .ilknur-demirlenk { background-image:url(images/team/logos/ilknur-demirlenk.gif); } #teamSlide .mizra-ercin { background-image:url(images/team/logos/mizra-ercin.gif); } #teamSlide .ozlem-bagdiken { background-image:url(images/team/logos/ozlem-bagdiken.gif); } #teamSlide .becky-wolfensohn { background-image:url(images/team/logos/becky-wolfensohn.gif); } #teamSlide .emre-kuzlu { background-image:url(images/team/logos/emre-kuzlu.gif); } #teamSlide .ertugrul-yurdakul { background-image:url(images/team/logos/ertugrul-yurdakul.gif); } #teamSlide .katie-apenteng { background-image:url(images/team/logos/katie-apenteng.gif); } #teamSlide .kenan-gemici { background-image:url(images/team/logos/kenan-gemici.gif); } #teamSlide .meral-goktekin { background-image:url(images/team/logos/meral-goktekin.gif); } #teamSlide .nicole-williams { background-image:url(images/team/logos/nicole-williams.gif); } #teamSlide .simon-may { background-image:url(images/team/logos/simon-may.gif); } #teamSlide .sinem-arik { background-image:url(images/team/logos/sinem-arik.gif); } #teamSlide .zeynep-durukan { background-image:url(images/team/logos/zeynep-durukan.gif); } #teamSlide .jo-jackson { background-image:url(images/team/logos/jo-jackson.gif); } #teamSlide .gonca-canyurt { background-image:url(images/team/logos/gonca-canyurt.gif); } #teamdetailScroll { height:394px; overflow:hidden; text-align:center; background-color:#000; } /***********************************************/ /* Our mates styles */ /***********************************************/ #mateSlide ul { list-style:none; margin:0; padding:0; } #mateSlide li { float:left; margin:0 4px 4px 0; padding:0; } #mateSlide a { width:150px; height:120px; display:block; } #mateSlide a:hover { background-position:0 -120px; } #mateSlide span { display:none; } #mateSlide .bathing-beauties { background-image:url(images/mates/logos/bathing-beauties.gif); } #mateSlide .sav { background-image:url(images/mates/logos/sav.gif); } #mateSlide .btvi { background-image:url(images/mates/logos/i-am-beyond.gif); } #mateSlide .ustwo { background-image:url(images/mates/logos/ustwo.gif); } #mateSlide .image-technique { background-image:url(images/mates/logos/image-technique.gif); } #mateSlide .two-detail { background-image:url(images/mates/logos/two-detail.gif); } #mateSlide .addie-chinn { background-image:url(images/mates/logos/addie-chinn.gif); } #mateSlide .eric-musgrave { background-image:url(images/mates/logos/eric-musgrave.gif); } #mateSlide .relume { background-image:url(images/mates/logos/relume.gif); } #mateSlide .cvtf500 { background-image:url(images/mates/logos/cvtf500.gif); } #mateSlide .neon-birdcage { background-image:url(images/mates/logos/neon-birdcage.gif); } #mateSlide .cool-brands { background-image:url(images/mates/logos/cool-brands.gif); } /***********************************************/ /* Newsletter styles */ /***********************************************/ #newsletterOuter { background-color:#000; height:335px; } #newsletterInner { padding:15px; } #newsletterInner p { font-size:12px; line-height:15px; margin:0 0 1em 0; color:#FFF; } #newsletterInner p em { color:#F00; font:11px; font-style:normal; } /***********************************************/ /* Contact styles */ /***********************************************/ #contactOuter { background-color:#000; margin-bottom:10px; } #contactInner { padding:15px; } #contactInner h2 { font-size:15px; line-height:20px; margin:0 0; font-weight:bold; color:#FF0; } #contactInner p { font-size:12px; line-height:15px; margin:1em 0 1em 0; color:#FFF; } #contactInner p a { color:#FFF; text-decoration:none; } #contactInner p a:hover { color:#FFF; text-decoration:underline; } #contactInner strong { color:#FF0; } .contactInnerColumn { float:left; width:290px; display:block; } #contactmapOuter { background-color:#000; color:#FF0; padding:10px 0 10px 0; margin-bottom:10px; } #contactemailOuter { background-color:#000; margin-bottom:10px; } #contactemailInner { padding:15px; } #contactemailInner h2 { font-size:15px; line-height:20px; margin:0 0; font-weight:bold; color:#FF0; } #contactemailInner p { font-size:12px; line-height:15px; margin:1em 0 1em 0; color:#FFF; } #contactemailInner p em { color:#F00; font:11px; font-style:normal; } #contactemailInner h3 { font-size:18px; line-height:23px; margin:1em 0 1em 0; font-weight:bold; color:#FF0; } /***********************************************/ /* Form Styles styles */ /***********************************************/ td.iamFormLable, td.iamFormLableReq { width:100px; } .iamForm table { padding:0; margin:0; } .iamForm table td { border-right:#000 4px solid; border-bottom:#000 4px solid; } .iamFormLable { color:#FFFFFF; vertical-align:top; padding-top:4px; font-size:12px; } .iamFormTextInputBg { background-color:#333333; } .iamFormTextInput { width:445px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:0; padding:6px 2px 2px 4px; font-size:11px; background:#333; color:#FFF; } .iamFormTextAreaBg { background-color:#333333; } .iamFormTextArea { width:445px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:0; padding:6px 2px 2px 4px; font-size:11px; background: transparent; color:#FFF; } /***********************************************/ /* Footer * /***********************************************/ .footer { background-color:#ffffff; width: 100%; color:#000000; font-size: 11px; line-height: 0; line-height: 15px; } .footer h6 { margin: 10px 0 5px 0; padding:0; } .footer h6 span { display:none; } .footer h6.footerlogo a { background-repeat:no-repeat; width:200px; height:21px; display:block; background-image:url(images/footer_logo.gif); } .footer h6.call-us a { background-repeat:no-repeat; width:140px; height:21px; display:block; background-image:url(images/footer_call-us.gif); } .footer h6.mail-us a { background-repeat:no-repeat; width:172px; height:21px; display:block; background-image:url(images/footer_mail-us.gif); } .footer h6.sprt a { background-repeat:no-repeat; width:3px; height:66px; display:block; background-image:url(images/ayirici.gif); } .footer h6.find-us a { background-repeat:no-repeat; width:140px; height:21px; display:block; background-image:url(images/footer_find-us.gif); } .footer h6.follow-us a { background-repeat:no-repeat; width:154px; height:21px; display:block; background-image:url(images/footer_follow-us.gif); } .footer p { margin:0; padding:0; color:#000; } .footer p a { border-bottom: 0px #cccccc dotted; color: #000000; padding-bottom: 1px; } .footer p a:hover { border-bottom: 0px #ffff00 solid; color: #ffff00; }