/*----------------------------------------------------------- GENERAL -----------------------------------------------------------*/ * { margin:0; padding:0; } body { font:62.5% Arial, Helvetica, sans-serif; color:#fff; } .hidden { position:absolute; left:0px; top:-4000px; width:1px; height:1px; } img { border:none; } .clear { clear:both; } /*----------------------------------------------------------- CONTAINER -----------------------------------------------------------*/ #container { position:relative; margin:6px auto; width:960px; } #container .aboutMic { position:absolute; right:0; bottom:0; width:180px; height:147px; background:url(../images/news_mic.jpg) no-repeat; z-index:1; } #container .aboutMicArticle { position:absolute; right:0; bottom:0; width:180px; height:88px; background:url(../images/news_mic_article.jpg) no-repeat; z-index:1; } /*----------------------------------------------------------- MAIN -----------------------------------------------------------*/ #mainFlash { position:relative; width:960px; height:470px; } #main { position:relative; width:960px; height:470px; background:url(../images/main_bg.png) repeat; } #main h3 { float:left; font-size:2em; font-weight:bold; margin:9px 10px 8px; } #main h3 span.grey { color:#c7c7c7; } #main h4 { float:right; font-size:2em; font-weight:bold; margin:9px 10px 8px; } /* --- NUMBERS (TOP RIGHT - FOR WORK PAGES) --- */ #main ul#numbers { position:absolute; right:0; bottom:0; list-style:none; margin:0 5px 5px 0; } #main ul#numbers li { float:left; display:inline; width:20px; height:20px; margin:2px 0 0 5px; } #main ul#numbers li.one { background:url(../images/csNav_one_ro.png) no-repeat; } #main ul#numbers li.one a, #main ul#numbers li.one a:visited { float:left; width:20px; height:20px; background:url(../images/csNav_one.png) no-repeat; } #main ul#numbers li.one a:hover, #main ul#numbers li.one a:active, #main ul#numbers li.one a:focus { background:url(../images/csNav_one_ro.png) no-repeat; } #main ul#numbers li.two { background:url(../images/csNav_two_ro.png) no-repeat; } #main ul#numbers li.two a, #main ul#numbers li.two a:visited { float:left; width:20px; height:20px; background:url(../images/csNav_two.png) no-repeat; } #main ul#numbers li.two a:hover, #main ul#numbers li.two a:active, #main ul#numbers li.two a:focus { background:url(../images/csNav_two_ro.png) no-repeat; } #main ul#numbers li.three { background:url(../images/csNav_three_ro.png) no-repeat; } #main ul#numbers li.three a, #main ul#numbers li.three a:visited { float:left; width:20px; height:20px; background:url(../images/csNav_three.png) no-repeat; } #main ul#numbers li.three a:hover, #main ul#numbers li.three a:active, #main ul#numbers li.three a:focus { background:url(../images/csNav_three_ro.png) no-repeat; } #main ul#numbers li.four { background:url(../images/csNav_four_ro.png) no-repeat; } #main ul#numbers li.four a, #main ul#numbers li.four a:visited { float:left; width:20px; height:20px; background:url(../images/csNav_four.png) no-repeat; } #main ul#numbers li.four a:hover, #main ul#numbers li.four a:active, #main ul#numbers li.four a:focus { background:url(../images/csNav_four_ro.png) no-repeat; } #main ul#numbers li.five { background:url(../images/csNav_five_ro.png) no-repeat; } #main ul#numbers li.five a, #main ul#numbers li.five a:visited { float:left; width:20px; height:20px; background:url(../images/csNav_five.png) no-repeat; } #main ul#numbers li.five a:hover, #main ul#numbers li.five a:active, #main ul#numbers li.five a:focus { background:url(../images/csNav_five_ro.png) no-repeat; } /* --- END NUMBERS --- */ #main .mainImage { position:relative; float:left; width:960px; height:329px; border-top:6px solid #fff; border-bottom:6px solid #fff; z-index:1; } #main .KYLGlass { position:absolute; width:18px; height:32px; right:203px; top:16px; z-index:100; } #main .mainImage ul#kylBanners { position: absolute; list-style:none; top:91px; left:44px; } #main .mainImage ul#kylBanners li { float:left; display:inline; margin-right:8px; } #main .mainImage ul#kylBanners li a.ginTonic, #main .mainImage ul#kylBanners li a.ginTonic:visited { float:left; width:215px; height:167px; background:url(../images/kyl_banner_gin_tonic.png) no-repeat; } #main .mainImage ul#kylBanners li a.wine, #main .mainImage ul#kylBanners li a.wine:visited { float:left; width:215px; height:167px; background:url(../images/kyl_banner_wine.png) no-repeat; } #main .mainImage ul#kylBanners li a.beer, #main .mainImage ul#kylBanners li a.beer:visited { float:left; width:215px; height:167px; background:url(../images/kyl_banner_beer.png) no-repeat; } #main .mainImage ul#emtBanners { position: absolute; list-style:none; top:96px; left:44px; } #main .mainImage ul#emtBanners li { float:left; display:inline; margin-right:22px; } #main .mainImage ul#emtBanners li a.nelson, #main .mainImage ul#emtBanners li a.nelson:visited { float:left; width:190px; height:149px; background:url(../images/emt_banners_nelson.png) no-repeat; } #main .mainImage ul#emtBanners li a.paris, #main .mainImage ul#emtBanners li a.paris:visited { float:left; width:191px; height:149px; background:url(../images/emt_banners_paris.png) no-repeat; } #main .mainImage ul#emtBanners li a.londonEye, #main .mainImage ul#emtBanners li a.londonEye:visited { float:left; width:190px; height:149px; background:url(../images/emt_banners_london_eye.png) no-repeat; } #main .newBusiness { float:left; width:210px; margin:18px 60px 18px 10px; } #main .newBusiness img.face { float:left; width:50px; height:50px; } #main .newBusiness h3 { float:left; width:150px; height:15px; margin:0 0 0 10px; } #main .newBusiness p { float:left; margin:6px 10px 0; } #main .newBusiness p a, #main .newBusiness p a:visited { color:#fff; text-decoration:none; font-weight:bold; } #main .newBusiness p a:hover, #main .newBusiness p a:visited, #main .newBusiness p a:active { text-decoration:underline; } #main .pressRecruitment { float:right; width:219px; margin:18px 20px 15px 0; } #main .pressRecruitment img.face { float:left; width:50px; height:50px; } #main .pressRecruitment h3 { float:left; width:141px; height:12px; margin:0 0 0 10px; } #main .pressRecruitment p { float:left; margin:7px 10px 0; font-size:1.1em; } #main .pressRecruitment p a, #main .pressRecruitment p a:visited { color:#fff; text-decoration:none; font-weight:bold; } #main .pressRecruitment p a:hover, #main .pressRecruitment p a:visited, #main .pressRecruitment p a:active { text-decoration:underline; } #main p a, #main p a:visited { font-weight:bold; color:#fff; } #main p.leftWork { float:left; width:457px; font-size:1.1em; margin:8px 8px 0 15px; } #main p.rightWork { float:left; width:457px; font-size:1.1em; margin:8px 15px 0 8px; } #main p.rightWork img.mini { position:absolute; bottom:8px; right:110px; } #main p.rightWork img.raf { position:absolute; bottom:8px; right:60px; } #main p.rightWork img.rafBasra { position:absolute; bottom:8px; right:10px; } #main p.rightWork img.kyl { position:absolute; bottom:8px; right:60px; } #main .about { float:left; width:960px; height:329px; border-top:6px solid #fff; border-bottom:6px solid #fff; margin-top:41px; } #main .aboutNews { float:left; width:954px; border-top:6px solid #fff; border-left:6px solid #fff; margin-top:41px; } #main .aboutNewsArticle { float:left; width:960px; height:329px; border-top:6px solid #fff; border-bottom:6px solid #fff; background:#fff; margin-top:41px; z-index:500; } #main .aboutNewsArticle .newsLeft { float:left; width:310px; height:317px; margin-right:6px; padding:0 5px; } #main .aboutNewsArticle .newsLeft img { float:left; margin:0; } #main .aboutNewsArticle .newsLeft img.margin { float:left; margin:0 0 0 40px; } #main .aboutNewsArticle .newsLeft h3 { float:left; font-size:2em; color:#2f343f; margin:0; padding:0; } #main .aboutNewsArticle .newsLeft h4 { float:left; width:100%; clear:both; font-size:1.2em; color:#747a86; margin:0 0 20px 0; padding:0; } #main .aboutNewsArticle .newsLeft ul#creativeShowcase { float:left; list-style:none; margin:0; padding:0; } #main .aboutNewsArticle .newsLeft ul#creativeShowcase li { float:left; margin:0 2px 2px 0; width:92px; height:54px; } #main .aboutNewsArticle .newsLeft ul#creativeShowcase li img { float:left; margin:0; width:92px; height:54px; } #main .aboutNewsArticle .newsLeft ul#creativeShowcase li a, #main .aboutNewsArticle .newsLeft ul#creativeShowcase li a:visited { float:left; width:92px; height:54px; } #main .aboutNewsArticle .newsRight { float:left; width:634px; height:329px; } #main .aboutNewsArticle .newsRight p { margin:10px; font-size:1.1em; color:#747a86; } #main .aboutNewsArticle .newsRight p.marginTop { margin-top:12px; } #main .aboutNewsArticle .newsRight img { float:right; padding:0 0 10px 10px; } #main .aboutNewsArticle .newsRight a, #main .aboutNewsArticle .newsRight a:visited { font-weight:bold; text-decoration:none; color:#747a86; } #main .aboutNewsArticle .newsRight a:hover, #main .aboutNewsArticle .newsRight a:active , #main .aboutNewsArticle .newsRight a:focus { text-decoration:underline; } #main .aboutNewsArticle .newsRight a.visitWebsite, #main .aboutNewsArticle .newsRight a.visitWebsite:visited { float:left; } #newsVideo div{width:320px;height:240px;} #newsVideoContainer{margin:15px 0 0 10px;width:320px;height:240px;float:right;} #main .backToNews { float:right; margin:-10px 5px 0 0; } #main h3.aboutHeader { float:left; width:70px; margin:15px; } #main p.aboutLeft { float:left; width:370px; font-size:1.1em; margin:15px; } #main p.aboutRight { float:left; width:370px; font-size:1.1em; margin:15px; } #main ul#about { float:left; width:370px; font-size:1.1em; padding:15px 15px 15px 45px; list-style:square; } #main li { } #main .aboutNews .newsBox { float:left; width:312px; border-right:6px solid #fff; border-bottom:6px solid #fff; background:#f3f3f3; } #main .aboutNews .newsBox .content { float:left; width:184px; margin:10px; } #main .aboutNews .newsBox h4 { float:left; font-size:1.4em; color:#747a86; margin:0 0 3px 0; } #main .aboutNews .newsBox h4 a, #main .aboutNews .newsBox h4 a:visited { color:#747a86; text-decoration:none; } #main .aboutNews .newsBox h4 a:hover, #main .aboutNews .newsBox h4 a:active, #main .aboutNews .newsBox h4 a:focus { text-decoration:underline; } #main .aboutNews .newsBox p { float:left; font-size:1.1em; color:#747a86; } #main .aboutNews .newsBox img { float:right; width:108px; } /* --- CLIENTS TABLE --- */ #main .clients { float:left; width:960px; height:329px; margin-top:41px; } #main .clients table { width:100%; background:#e3e5e7; padding-top:6px; } #main .clients table tr { } #main .clients table tr td { padding-bottom:6px; } #main .clients table td.padding { padding-right:6px; } div.clientInfoContainer { position:absolute; width:477px; height:85px; background:#747a86; color:#fff; } div.clientInfoContainer h1.clientInfoHeader { font-size:1.6em; padding:5px 10px; } div.clientInfoContainer p.clientInfoText { font-size:1.1em; padding:0 10px; } div.clientInfoContainer a.clientInfoLink { } div#boots_info { bottom:338px; left:161px; display:none; } div#mini_info { bottom:338px; left:322px; display:none; } div#carphone_warehouse_info { bottom:338px; left:483px; display:none; } div#sportingbet_info { bottom:338px; left:0; display:none; } div#paradise_casino_info { bottom:338px; left:161px; display:none; } div#hsamuel_info { bottom:338px; left:322px; display:none; } div#ernest_jones_info { bottom:247px; left:161px; display:none; } div#leslie_davis_info { bottom:247px; left:322px; display:none; } div#home_office_info { bottom:247px; left:483px; display:none; } div#coi_info { bottom:247px; left:0; display:none; } div#raf_info { bottom:247px; left:161px; display:none; } div#hse_info { bottom:247px; left:322px; display:none; } div#ofqual_info { bottom:156px; left:161px; display:none; } div#doh_info { bottom:156px; left:322px; display:none; } div#acas_info { bottom:156px; left:483px; display:none; } div#emt_info { bottom:156px; left:0; display:none; } div#swt_info { bottom:156px; left:161px; display:none; } div#dhl_info { bottom:156px; left:322px; display:none; } div#match_info { bottom:65px; left:161px; display:none; } div#connection_info { bottom:65px; left:322px; display:none; } div#chelsea_nhs_info { bottom:65px; left:483px; display:none; } div#creative_curricula_info { bottom:65px; left:0; display:none; } div#hm_revenue_info { bottom:65px; left:161px; display:none; } div#five_info { bottom:65px; left:322px; display:none; } /* --- END CLIENTS TABLE --- */ .clientsThumb { float:left; margin:64px 0 0 360px; } /* --- WORK PAGES --- */ #main .workLogo { position:absolute; right:0; width:149px; height:57px; margin:2px -5px 0 0; z-index:100; } /* --- END WORK PAGES --- */ /*----------------------------------------------------------- NAVIGATION -----------------------------------------------------------*/ #nav { position:relative; float:left; width:960px; margin-top:15px; } #nav .logo { position:relative; float:left; width:186px; height:90px; } #nav ul#top { float:left; list-style:none; width:79px; height:90px; background:none; margin:0 10px; } #nav ul#top li { margin-bottom:2px; } #nav ul#top li.about { width:60px; height:20px; background:url(../images/button_about_ro.png) no-repeat; } #nav ul#top li.about a, #nav ul#top li.about a:visited { float:left; width:60px; height:20px; background:url(../images/button_about.png) no-repeat; } #nav ul#top li.about a:hover, #nav ul#top li.about a:active, #nav ul#top li.about a:focus { background:url(../images/button_about_ro.png) no-repeat; } #nav ul#top li.work { width:55px; height:20px; background:url(../images/button_work_ro.png) no-repeat; } #nav ul#top li.work a, #nav ul#top li.work a:visited { float:left; width:55px; height:20px; background:url(../images/button_work.png) no-repeat; } #nav ul#top li.work a:hover, #nav ul#top li.work a:active, #nav ul#top li.work a:focus { background:url(../images/button_work_ro.png) no-repeat; } #nav ul#top li.people { width:70px; height:24px; background:url(../images/button_people_ro.png) no-repeat; } #nav ul#top li.people a, #nav ul#top li.people a:visited { float:left; width:70px; height:24px; background:url(../images/button_people.png) no-repeat; } #nav ul#top li.people a:hover, #nav ul#top li.people a:active, #nav ul#top li.people a:focus { background:url(../images/button_people_ro.png) no-repeat; } #nav ul#top li.contact { width:79px; height:20px; background:url(../images/button_contact_ro.png) no-repeat; } #nav ul#top li.contact a, #nav ul#top li.contact a:visited { float:left; width:79px; height:20px; background:url(../images/button_contact.png) no-repeat; } #nav ul#top li.contact a:hover, #nav ul#top li.contact a:active, #nav ul#top li.contact a:focus { background:url(../images/button_contact_ro.png) no-repeat; } #nav ul#sub { float:left; list-style:none; width:68px; height:90px; background:none; margin-right:10px; padding-left:10px; border-left:1px solid #747a86; } #nav ul#sub li { margin-bottom:2px; } /* --- ABOUT PAGE --- */ #nav ul#sub li.aboutUs { width:89px; height:20px; background:url(../images/button_aboutUs_ro.png) no-repeat; margin-bottom:4px; } #nav ul#sub li.aboutUs a, #nav ul#sub li.aboutUs a:visited { float:left; width:89px; height:20px; background:url(../images/button_aboutUs.png) no-repeat; } #nav ul#sub li.aboutUs a:hover, #nav ul#sub li.aboutUs a:active, #nav ul#sub li.aboutUs a:focus { background:url(../images/button_aboutUs_ro.png) no-repeat; } #nav ul#sub li.keyFacts { width:93px; height:24px; background:url(../images/button_keyFacts_ro.png) no-repeat; margin-bottom:4px } #nav ul#sub li.keyFacts a, #nav ul#sub li.keyFacts a:visited { float:left; width:93px; height:24px; background:url(../images/button_keyFacts.png) no-repeat; } #nav ul#sub li.keyFacts a:hover, #nav ul#sub li.keyFacts a:active, #nav ul#sub li.keyFacts a:focus { background:url(../images/button_keyFacts_ro.png) no-repeat; } #nav ul#sub li.news { width:54px; height:15px; background:url(../images/button_news_ro.png) no-repeat; } #nav ul#sub li.news a, #nav ul#sub li.news a:visited { float:left; width:54px; height:15px; background:url(../images/button_news.png) no-repeat; } #nav ul#sub li.news a:hover, #nav ul#sub li.news a:active, #nav ul#sub li.news a:focus { background:url(../images/button_news_ro.png) no-repeat; } /* --- WORK PAGE --- */ #nav ul#sub li.work { width:55px; height:20px; background:url(../images/button_work2_ro.png) no-repeat; } #nav ul#sub li.work a, #nav ul#sub li.work a:visited { float:left; width:55px; height:20px; background:url(../images/button_work2.png) no-repeat; } #nav ul#sub li.work a:hover, #nav ul#sub li.work a:active, #nav ul#sub li.work a:focus { background:url(../images/button_work2_ro.png) no-repeat; } #nav ul#sub li.clients { width:68px; height:20px; background:url(../images/button_clients_ro.png) no-repeat; } #nav ul#sub li.clients a, #nav ul#sub li.clients a:visited { float:left; width:68px; height:20px; background:url(../images/button_clients.png) no-repeat; } #nav ul#sub li.clients a:hover, #nav ul#sub li.clients a:active, #nav ul#sub li.clients a:focus { background:url(../images/button_clients_ro.png) no-repeat; } #nav ul#sub2 { float:left; list-style:none; width:172px; height:90px; background:none; margin-right:10px; padding-left:10px; border-left:1px solid #747a86; } #nav ul#sub2 li { margin-bottom:7px; } #nav ul#sub2 li.mini { width:26px; height:12px; background:url(../images/button_client_mini_ro.png) no-repeat; } #nav ul#sub2 li.mini a, #nav ul#sub2 li.mini a:visited { float:left; width:26px; height:12px; background:url(../images/button_client_mini.png) no-repeat; } #nav ul#sub2 li.mini a:hover, #nav ul#sub2 li.mini a:active, #nav ul#sub2 li.mini a:focus { background:url(../images/button_client_mini_ro.png) no-repeat; } #nav ul#sub2 li.raf { width:57px; height:12px; background:url(../images/button_client_raf_ro.png) no-repeat; } #nav ul#sub2 li.raf a, #nav ul#sub2 li.raf a:visited { float:left; width:57px; height:12px; background:url(../images/button_client_raf.png) no-repeat; } #nav ul#sub2 li.raf a:hover, #nav ul#sub2 li.raf a:active, #nav ul#sub2 li.raf a:focus { background:url(../images/button_client_raf_ro.png) no-repeat; } #nav ul#sub2 li.kyl { width:135px; height:12px; background:url(../images/button_client_kyl_ro.png) no-repeat; } #nav ul#sub2 li.kyl a, #nav ul#sub2 li.kyl a:visited { float:left; width:135px; height:12px; background:url(../images/button_client_kyl.png) no-repeat; } #nav ul#sub2 li.kyl a:hover, #nav ul#sub2 li.kyl a:active, #nav ul#sub2 li.kyl a:focus { background:url(../images/button_client_kyl_ro.png) no-repeat; } #nav ul#sub2 li.connection { width:172px; height:12px; background:url(../images/button_client_connection_ro.png) no-repeat; } #nav ul#sub2 li.connection a, #nav ul#sub2 li.connection a:visited { float:left; width:172px; height:12px; background:url(../images/button_client_connection.png) no-repeat; } #nav ul#sub2 li.connection a:hover, #nav ul#sub2 li.connection a:active, #nav ul#sub2 li.connection a:focus { background:url(../images/button_client_connection_ro.png) no-repeat; } #nav ul#sub2 li.emt { width:121px; height:12px; background:url(../images/button_client_emt_ro.png) no-repeat; } #nav ul#sub2 li.emt a, #nav ul#sub2 li.emt a:visited { float:left; width:121px; height:12px; background:url(../images/button_client_emt.png) no-repeat; } #nav ul#sub2 li.emt a:hover, #nav ul#sub2 li.emt a:active, #nav ul#sub2 li.emt a:focus { background:url(../images/button_client_emt_ro.png) no-repeat; } #nav ul#sub3 { float:left; list-style:none; width:96px; height:90px; background:none; margin-right:10px; padding-left:10px; border-left:1px solid #747a86; } #nav ul#sub3 li { margin-bottom:7px; } /* --- MINI --- */ #nav ul#sub3 li.miniSub1 { width:75px; height:15px; background:url(../images/button_client_mini_mega_emails_ro.png) no-repeat; margin-bottom:4px; } #nav ul#sub3 li.miniSub1 a, #nav ul#sub3 li.miniSub1 a:visited { float:left; width:75px; height:15px; background:url(../images/button_client_mini_mega_emails.png) no-repeat; } #nav ul#sub3 li.miniSub1 a:hover, #nav ul#sub3 li.miniSub1 a:active, #nav ul#sub3 li.miniSub1 a:focus { background:url(../images/button_client_mini_mega_emails_ro.png) no-repeat; } #nav ul#sub3 li.miniSub2 { width:27px; height:12px; background:url(../images/button_client_mini_crm_ro.png) no-repeat; } #nav ul#sub3 li.miniSub2 a, #nav ul#sub3 li.miniSub2 a:visited { float:left; width:27px; height:12px; background:url(../images/button_client_mini_crm.png) no-repeat; } #nav ul#sub3 li.miniSub2 a:hover, #nav ul#sub3 li.miniSub2 a:active, #nav ul#sub3 li.miniSub2 a:focus { background:url(../images/button_client_mini_crm_ro.png) no-repeat; } /* --- RAF --- */ #nav ul#sub3 li.rafSub1 { width:122px; height:12px; background:url(../images/button_client_raf_careers_website_ro.png) no-repeat; } #nav ul#sub3 li.rafSub1 a, #nav ul#sub3 li.rafSub1 a:visited { float:left; width:122px; height:12px; background:url(../images/button_client_raf_careers_website.png) no-repeat; } #nav ul#sub3 li.rafSub1 a:hover, #nav ul#sub3 li.rafSub1 a:active, #nav ul#sub3 li.rafSub1 a:focus { background:url(../images/button_client_raf_careers_website_ro.png) no-repeat; } #nav ul#sub3 li.rafSub2 { width:157px; height:12px; background:url(../images/button_client_raf_basra_uncovered_ro.png) no-repeat; } #nav ul#sub3 li.rafSub2 a, #nav ul#sub3 li.rafSub2 a:visited { float:left; width:157px; height:12px; background:url(../images/button_client_raf_basra_uncovered.png) no-repeat; } #nav ul#sub3 li.rafSub2 a:hover, #nav ul#sub3 li.rafSub2 a:active, #nav ul#sub3 li.rafSub2 a:focus { background:url(../images/button_client_raf_basra_uncovered_ro.png) no-repeat; } /* --- KYL --- */ #nav ul#sub3 li.kylSub1 { width:151px; height:12px; background:url(../images/button_client_kyl_website_ro.png) no-repeat; } #nav ul#sub3 li.kylSub1 a, #nav ul#sub3 li.kylSub1 a:visited { float:left; width:151px; height:12px; background:url(../images/button_client_kyl_website.png) no-repeat; } #nav ul#sub3 li.kylSub1 a:hover, #nav ul#sub3 li.kylSub1 a:active, #nav ul#sub3 li.kylSub1 a:focus { background:url(../images/button_client_kyl_website_ro.png) no-repeat; } #nav ul#sub3 li.kylSub2 { width:101px; height:15px; background:url(../images/button_client_kyl_copycat_drinkers_ro.png) no-repeat; } #nav ul#sub3 li.kylSub2 a, #nav ul#sub3 li.kylSub2 a:visited { float:left; width:101px; height:15px; background:url(../images/button_client_kyl_copycat_drinkers.png) no-repeat; } #nav ul#sub3 li.kylSub2 a:hover, #nav ul#sub3 li.kylSub2 a:active, #nav ul#sub3 li.kylSub2 a:focus { background:url(../images/button_client_kyl_copycat_drinkers_ro.png) no-repeat; } /* --- CONNECTION --- */ #nav ul#sub3 li.connectionSub1 { width:71px; height:15px; background:url(../images/button_client_connection_big_ask_ro.png) no-repeat; } #nav ul#sub3 li.connectionSub1 a, #nav ul#sub3 li.connectionSub1 a:visited { float:left; width:71px; height:15px; background:url(../images/button_client_connection_big_ask.png) no-repeat; } #nav ul#sub3 li.connectionSub1 a:hover, #nav ul#sub3 li.connectionSub1 a:active, #nav ul#sub3 li.connectionSub1 a:focus { background:url(../images/button_client_connection_big_ask_ro.png) no-repeat; } #nav ul#sub3 li.connectionSub2 { width:47px; height:12px; background:url(../images/button_client_connection_stickers_ro.png) no-repeat; } #nav ul#sub3 li.connectionSub2 a, #nav ul#sub3 li.connectionSub2 a:visited { float:left; width:47px; height:12px; background:url(../images/button_client_connection_stickers.png) no-repeat; } #nav ul#sub3 li.connectionSub2 a:hover, #nav ul#sub3 li.connectionSub2 a:active, #nav ul#sub3 li.connectionSub2 a:focus { background:url(../images/button_client_connection_stickers_ro.png) no-repeat; } /* --- EAST MIDLANDS TRAINS --- */ #nav ul#sub3 li.emtSub1 { width:48px; height:12px; background:url(../images/button_client_emt_banners_ro.png) no-repeat; } #nav ul#sub3 li.emtSub1 a, #nav ul#sub3 li.emtSub1 a:visited { float:left; width:48px; height:12px; background:url(../images/button_client_emt_banners.png) no-repeat; } #nav ul#sub3 li.emtSub1 a:hover, #nav ul#sub3 li.emtSub1 a:active, #nav ul#sub3 li.emtSub1 a:focus { background:url(../images/button_client_emt_banners_ro.png) no-repeat; } /* --- END WORK PAGE --- */ /*----------------------------------------------------------- FOOTER -----------------------------------------------------------*/ #footer { float:left; width:960px; height:10px; margin-top:15px; } #footer .left { float:left; width:285px; height:10px; background:#e3e5e7; } #footer .right { float:left; width:675px; height:10px; background:#747a86; } p.copyright { float:right; margin:5px 0 0 0; color:#747a86; font-size:1.1em; }