/************************************************** * Body * **************************************************/ body { background:#eff7fb url('../img/background/body.jpg') repeat-x; background-position:0 0; color:#666; font:100.1%/1 Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; } /************************************************** * General * **************************************************/ a { color:#2180a0; text-decoration:none; } a:hover { } abbr { border-bottom:1px dotted #666; cursor:help; } img { border:0; } textarea { overflow:auto; } /************************************************** * General > Classes * **************************************************/ .block { display:block; } .clear { clear:both; } .ImageFloatLeft { float:left; margin:0 10px 10px -15px; } .ImageFloatRight { float:right; margin:0 -15px 10px 10px; } /************************************************** * General > Ids * **************************************************/ #home-advent { margin:20px 0 20px 25px; } #swfobject_advent { margin:20px 0 20px 60px; } #swfobject_portfolio { margin:0 0 10px; } #swfobject_videotile { margin:0 0 10px 45px; } /************************************************** * Container * **************************************************/ #container { font-size:.75em; line-height:1.35; margin:0 auto; position:relative; text-align:left; width:960px; z-index:2; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Header * **************************************************/ #container #header { background:url('../img/background/header.jpg') no-repeat; background-position:0 0; height:133px; margin:0 0 10px; overflow:hidden; width:960px; } #container #header h1 { float:left; height:133px; margin:0; padding:0; width:232px; } #container #header h1 a { display:block; height:133px; text-indent:-9999px; width:232px; } #container #header ul { float:right; list-style:none; margin:0; padding:49px 45px 0 0; } #container #header ul li { float:left; } #container #header ul li a { background:url('../img/background/header_ul.jpg') no-repeat; display:block; height:32px; text-indent:-9999px; } #container #header ul li.homepage a { background-position:0 0; width:74px; } #container #header ul li.homepage a:hover { background-position:0 -32px; } #container #header ul li.homepage a.selected { background-position:0 -64px; } #container #header ul li.what-we-do a { background-position:-92px 0; margin:0 25px 0 18px; width:77px; } #container #header ul li.what-we-do a:hover { background-position:-92px -32px; } #container #header ul li.what-we-do a.selected { background-position:-92px -64px; } #container #header ul li.testimonials a { background-position:-194px 0; width:77px; } #container #header ul li.testimonials a:hover { background-position:-194px -32px; } #container #header ul li.testimonials a.selected { background-position:-194px -64px; } #container #header ul li.portfolio a { background-position:-291px 0; margin:0 6px 0 19px; width:74px; } #container #header ul li.portfolio a:hover { background-position:-291px -32px; } #container #header ul li.portfolio a.selected { background-position:-291px -64px; } #container #header ul li.careers a { background-position:-371px 0; width:74px; } #container #header ul li.careers a:hover { background-position:-371px -32px; } #container #header ul li.careers a.selected { background-position:-371px -64px; } #container #header ul li.contact-us a { background-position:-451px 0; margin:0 2px 0 6px; width:74px; } #container #header ul li.contact-us a:hover { background-position:-451px -32px; } #container #header ul li.contact-us a.selected { background-position:-451px -64px; } #container #header ul li.news a { background-position:-527px 0; width:74px; } #container #header ul li.news a:hover { background-position:-527px -32px; } #container #header ul li.news a.selected { background-position:-527px -64px; } #container #header ul li.blog a { background-position:-605px 0; margin:0 0 0 5px; width:73px; } #container #header ul li.blog a:hover { background-position:-605px -32px; } #container #header ul li.blog a.selected { background-position:-605px -64px; } /************************************************** * Container > Content * **************************************************/ #container #content { float:right; padding:0 47px 0 0; width:570px; } #container #content a { color:#2180a0; text-decoration:underline; } #container #content a:hover { text-decoration:none; } #container #content h2 { color:#3fa7cf; font-size:1.3em; font-weight:400; margin:0; padding:0 15px 10px; } #container #content h3 { clear:both; color:#b13d9a; font-size:1.3em; font-weight:400; margin:0; padding:10px 15px 5px; } #container #content h4 { clear:both; font-size:1.1em; font-weight:bold; margin:0; padding:5px 15px; } #container #content ol { margin:0; padding:0 15px 10px 45px; } #container #content p { margin:0; padding:0 15px 10px; } #container #content p.launch-website { background:url('../img/icon/arrow_green.jpg') no-repeat; background-position:center right; color:#93c74f; display:block; float:right; font-size:.9em; margin:1px 10px 0 0; padding:0 15px 0 0; } #container #content p.launch-website a { color:#93c74f; text-decoration:none; } #container #content p.launch-website a:hover { text-decoration:underline; } #container #content ul { margin:0; padding:0 0 6px 40px; } #container #content ul li { line-height:1.6; } /************************************************** * Container > Content > Breadcrumbs * **************************************************/ #container #content #breadcrumbs { background:#fff url('../img/background/content_breadcrumbs.jpg') no-repeat; background-position:0 0; color:#666; height:14px; line-height:14px; margin:0 0 15px; overflow:hidden; padding:13px 0; width:570px; } #container #content #breadcrumbs p { font-size:.9em; margin:0; padding:0 15px; } #container #content #breadcrumbs p a { border-bottom:1px dotted #666; color:#666; padding:0 0 1px; text-decoration:none; } #container #content #breadcrumbs p a:hover { border-bottom:1px solid #999; } /************************************************** * Container > Content > Form * **************************************************/ #container #content .form { } #container #content .form dl { margin:0; padding:10px 15px 0; width:460px; } #container #content .form dl dd { float:left; margin:3px 0 3px 10px; width:220px; } #container #content .form dl dd input { background:#fff; border:1px solid #aaa; color:#454545; margin:0; padding:2px; width:226px; } #container #content .form dl dd select { width:232px; } #container #content .form dl dd textarea { background:#fff; border:1px solid #aaa; color:#454545; font:1em Arial, Helvetica, sans-serif; overflow:auto; padding:2px; width:226px; } #container #content .form dl dd.checkbox { } #container #content .form dl dd.checkbox input { background:0; border:0; margin:6px 0; text-indent:6px; width:auto; } #container #content .form dl dt { clear:both; display:block; float:left; padding:5px 0 0; width:220px; } #container #content .form dl dt label { } #container #content .form dl dt label span { font-size:.9em; } #container #content .form dl dt label span.error { color:#f00; padding:0 0 0 3px; } #container #content .form input { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 4px; border:0; clear:both; color:#3fa7cf; float:left; margin:10px 0 10px 245px; padding:0 0 0 12px; width:auto; } #container #content .form p { clear:both; margin:0; padding:5px 0 15px 15px; } #container #content .form p input { clear:none; margin:2px 5px 0 0; padding:0; vertical-align:middle; } /************************************************** * Container > Content > News Item * **************************************************/ #container #content .news-item { } #container #content .news-item h2 { } #container #content .news-item p { } #container #content .news-item p.author { } #container #content .news-item p.category { } #container #content .news-item p.date { } #container #content .news-item p.source { } #container #content .news-item p.tags { } #container #content .news-item .content { padding:0 15px; } #container #content .news-item .content p { padding:0 0 15px; } /************************************************** * Container > Content > News List * **************************************************/ #container #content ul.sf_newsList { list-style:none; margin:0 0 20px; padding:0; } #container #content ul.sf_newsList li { clear:both; border-bottom:1px solid #fff; margin:0 0 15px; padding:0 0 30px; } #container #content ul.sf_newsList li h2 { font-size:1.2em; padding:0 15px 5px; } #container #content ul.sf_newsList li h2 a { text-decoration:none; } #container #content ul.sf_newsList li h2.sf_newsTitle { font-weight:normal; line-height:1.2em; } #container #content ul.sf_newsList li h2.sf_newsTitle a { } #container #content ul.sf_newsList li p { margin:0; padding:0 15px; } #container #content ul.sf_newsList li p.sf_newsAuthor { } #container #content ul.sf_newsList li p.sf_newsDate { font-weight:bold; } #container #content ul.sf_newsList li p.sf_postCategory { padding:10px 0 0 15px; } #container #content ul.sf_newsList li p.sf_postTags { } #container #content ul.sf_newsList li p.sf_readMore { } #container #content ul.sf_newsList li p.sf_readMore a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 2px; float:right; padding:0 0 0 16px; } #container #content ul.sf_newsList li p.sf_newsThumbnail { } #container #content ol.sf_pager { clear:both; float:left; list-style:none; margin:10px 0; padding:0; width:100%; } #container #content ol.sf_pager li { float:left; margin: 0; padding:0 10px 0 0; width:auto; } #container #content ol.sf_pager li a { padding:3px 5px; } #container #content ol.sf_pager li a[disabled="disabled"], #container #content ol.sf_pager li a.sf_PagerSelItem { color:#666; cursor:default; text-decoration:none; } /************************************************** * Container > Content > Presentations * **************************************************/ #container #content ul#presentations { list-style:none; margin:0; overflow:hidden; padding:0 0 0 15px; width:560px; } #container #content ul#presentations li { float:left; height:220px; margin:0 20px 20px 0; overflow:hidden; width:260px; } #container #content ul#presentations li p { line-height:25px; margin:0; padding:0; } #container #content ul#presentations li span { height:195px; width:260px; } /************************************************** * Container > Content > Portfolio Extras * **************************************************/ #container #content #portfolio_extras { background:#fff url('../img/background/content_breadcrumbs.jpg') no-repeat; background-position:0 0; color:#666; height:24px; line-height:24px; margin:0 0 15px; overflow:hidden; padding:8px 0; width:570px; } #container #content #portfolio_extras p { float:left; color:#3fa7cf; font-size:1.2em; margin:0; padding:0 15px; } #container #content #portfolio_extras ul { float:left; list-style:none; padding:0; } #container #content #portfolio_extras ul li { float:left; margin:0 15px 0 0; } #container #content #portfolio_extras ul li a { background-position:0 0; background-repeat:no-repeat; display:block; height:24px; text-indent:-9999px; width:35px; } #container #content #portfolio_extras ul li a.advertising { background-image:url('../img/icon/portfolio/advertising.jpg'); width:45px; } #container #content #portfolio_extras ul li a.corporate-branding { background-image:url('../img/icon/portfolio/corporate-branding.jpg'); width:40px; } #container #content #portfolio_extras ul li a.email-marketing { background-image:url('../img/icon/portfolio/email-marketing.jpg'); } #container #content #portfolio_extras ul li a.printed-literature { background-image:url('../img/icon/portfolio/printed-literature.jpg'); width:41px; } #container #content #portfolio_extras ul li a.public-relations { background-image:url('../img/icon/portfolio/public-relations.jpg'); width:34px; } #container #content #portfolio_extras ul li a.search-engine-optimisation { background-image:url('../img/icon/portfolio/search-engine-optimisation.jpg'); } #container #content #portfolio_extras ul li a.web-design-and-development { background-image:url('../img/icon/portfolio/web-design-and-development.jpg'); width:40px; } /************************************************** * Container > Content > Prodomail Process * **************************************************/ #container #content #prodomail_process { background:url('../img/background/prodomail_process.jpg') no-repeat; background-position:0 0; height:267px; position:relative; width:570px; } #container #content #prodomail_process ol { list-style:none; margin:0; padding:0; } #container #content #prodomail_process ol li { } #container #content #prodomail_process ol li a { display:block; height:23px; position:absolute; text-indent:-9999px; } #container #content #prodomail_process ol li.capture a { left:15px; top:115px; width:99px; } #container #content #prodomail_process ol li.create a { left:109px; top:164px; width:84px; } #container #content #prodomail_process ol li.target a { left:246px; top:184px; width:85px; } #container #content #prodomail_process ol li.send a { left:402px; top:164px; width:67px; } #container #content #prodomail_process ol li.track a { left:477px; top:115px; width:78px; } /************************************************** * Container > Sidebar * **************************************************/ #container #sidebar { float:left; padding:0 0 0 48px; width:277px; } #container #sidebar h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; clear:both; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:0 1px; padding:0 0 0 15px; width:260px; } #container #sidebar h4#about-us { background-image:url('../img/background/heading/about-us.jpg'); margin-top:15px; } #container #sidebar h4#blog { background-image:url('../img/background/heading/blog.jpg'); } /*#container #sidebar h4#careers { background-image:url('../img/background/heading/careers.jpg'); }*/ #container #sidebar h4#contact-us { background-image:url('../img/background/heading/contact-us.jpg'); } #container #sidebar h4#news { background-image:url('../img/background/heading/news.jpg'); } #container #sidebar h4#portfolio { background-image:url('../img/background/heading/portfolio.jpg'); } #container #sidebar h4#testimonials { background-image:url('../img/background/heading/testimonials.jpg'); } #container #sidebar h4#what-our-clients-say { background-image:url('../img/background/heading/what-our-clients-say.jpg'); } #container #sidebar h4#what-we-do { background-image:url('../img/background/heading/what-we-do.jpg'); } #container #sidebar h5 { clear:both; color:#3fa7cf; font-size:1em; font-weight:400; margin:0 1px; padding:10px 0 0 14px; width:260px; } #container #sidebar p { font-size:.9em; line-height:1.4; margin:0; padding:10px 15px 8px; } #container #sidebar ul { list-style:none; margin:0; padding:11px 18px 0; } #container #sidebar ul li { border-bottom:1px solid #fff; margin:0 0 5px; padding:0 0 5px; } #container #sidebar ul li a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 -2px; color:#666; line-height:160%; padding:0 0 0 18px; } #container #sidebar ul li a { background-position:0 2px;# } /* safari mac doesn't read this line, so we hack around it above then reset to how it should be for everything else... */ #container #sidebar ul li a:hover { color:#018ac0; } #container #sidebar ul li.selected a, #container #sidebar ul li a.selected { color:#018ac0; } #container #sidebar ul li span { font-size:.9em; } #container #sidebar ul li ul { display:none; height:0; visibility:hidden; } #container #sidebar ul li ul.selected { display:block; height:auto; padding-top:1px; visibility:visible; } #container #sidebar ul li ul li { border:0; margin:0; padding:0; } #container #sidebar ul li ul li a { background:0; padding:0 0 0 8px; } #container #sidebar ul li ul li.selected a { background:url('../img/background/sidebar_ul_li_ul_li_a.jpg') no-repeat; background-position:0 50%; } #container #sidebar ul.news-items { color:#666; font-size:.9em; padding:12px 19px 15px; } #container #sidebar ul.news-items li { } #container #sidebar ul.news-items li a { color:#666; display:block; } #container #sidebar ul.news-items li a:hover { color:#018ac0; } /************************************************** * Container > Sidebar > Quick Enquiry * **************************************************/ #container #sidebar #quick_enquiry { background:url('../img/background/sidebar_quick_enquiry.jpg') repeat-y; background-position:0 0; height:auto !important; height:188px; margin:20px 0 15px; min-height:188px; position:relative; width:277px; } #container #sidebar #quick_enquiry:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } #container #sidebar #quick_enquiry div { background:url('../img/background/sidebar_quick_enquiry_div.jpg') no-repeat; background-position:bottom center; height:auto !important; height:108px; min-height:108px; } #container #sidebar #quick_enquiry dl { margin:-4px 0 0; padding:0 16px; } #container #sidebar #quick_enquiry dl dt { clear:both; float:left; padding:4px 0; width:62px; } #container #sidebar #quick_enquiry dl dt.name { background:url('../img/icon/sidebar/form_name.jpg') no-repeat; background-position:0 50%; } #container #sidebar #quick_enquiry dl dt.email { background:url('../img/icon/sidebar/form_email.jpg') no-repeat; background-position:0 50%; } #container #sidebar #quick_enquiry dl dt.phone { background:url('../img/icon/sidebar/form_phone.jpg') no-repeat; background-position:0 50%; } #container #sidebar #quick_enquiry dl dt label { color:#555; font-size:.9em; line-height:16px; padding:2px 0 2px 23px; } #container #sidebar #quick_enquiry dl dt span { } #container #sidebar #quick_enquiry dl dt span.error { color:#f00; } #container #sidebar #quick_enquiry dl dd { background:url('../img/background/sidebar_quick_enquiry-input.jpg') no-repeat; background-position:0 4px; border:0; float:right; margin:0; padding:2px 0; } #container #sidebar #quick_enquiry dl dd.submit { background:#3eacd1 url('../img/background/sidebar_quick_enquiry-submit.jpg') no-repeat; bottom:0; height:35px; left:0; padding:0; position:absolute; width:277px; } #container #sidebar #quick_enquiry dl dd input { background:0; border:0; color:#666; font-size:.95em; height:14px; line-height:14px; padding:4px 4px 0; width:167px; } #container #sidebar #quick_enquiry dl dd.submit input { background:transparent; clear:both; color:#fff; cursor:pointer; display:block; float:none; height:35px; padding:0; width:277px; } #container #sidebar #quick_enquiry dl dd.hide, #container #sidebar #quick_enquiry dl dt.hide { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Sidebar > Box * **************************************************/ #container #sidebar .box { background:url('../img/background/sidebar_box.jpg') no-repeat; background-position:0 0; height:100px; margin:20px 0 0; padding:0 15px 0 0; width:260px; } #container #sidebar .box.sign-up-for-our-free-marketing-tips { } #container #sidebar .box.a-decade-of-creative-marketing { background-position:0 -100px; padding-top:5px; } #container #sidebar .box h5 { color:#3fa7cf; font-size:1.4em; font-weight:400; margin:0; padding:20px 0 0 120px; text-align:right; width:140px; } #container #sidebar .box p { color:#93c74f; float:right; font-style:normal; line-height:12px; margin:0; padding:10px 0 0; } #container #sidebar .box p a { background:url('../img/icon/arrow_green.jpg') no-repeat; background-position:0 50%; color:#93c74f; display:block; padding:0 0 0 15px; } #container #sidebar .box p a:hover { text-decoration:underline; } /************************************************** * Footer * **************************************************/ #footer { background:url('../img/background/footer.jpg') repeat-x; color:#0e90c3; font-size:.8em; height:80px; margin:20px 0 0; width:100%; } #footer .inner { background:url('../img/background/footer_inner.jpg') repeat-x; background-position:0 0; height:80px; margin:0 auto; text-align:center; width:960px; } #footer .inner p { line-height:65px; margin:0; padding:35px 0 0; } #footer .inner p a { color:#0e90c3; } #footer .inner p a:hover { text-decoration:underline; } #footer .inner p abbr { border-bottom-color:#0e90c3; } /************************************************** * Homepage * **************************************************/ #homepage { background:#eff7fb url('../img/background/homepage/body.jpg') repeat-x; background-position:0 0; } /************************************************** * Homepage > Bodyhelper * **************************************************/ #homepage #bodyhelper { background:#fff url('../img/background/homepage/bodyhelper.jpg') repeat-x; background-position:0 0; height:650px; position:absolute; right:0; top:0; width:50%; z-index:1; } /************************************************** * Homepage > Container * **************************************************/ #homepage #container { } /************************************************** * Homepage > Container > Header * **************************************************/ #homepage #container #header { background:url('../img/background/homepage/header_noflash.jpg') no-repeat; background-position:0 0; height:500px; margin:0; width:960px; } /************************************************** * Homepage > Container > Content * **************************************************/ #homepage #container #content { background:url('../img/background/homepage/content.jpg') no-repeat; background-position:0 0; } /************************************************** * Homepage > Container > Content > Left * **************************************************/ #homepage #container #content .left { float:left; width:278px; } #homepage #container #content .left h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; background-position:0 0; background-repeat:no-repeat; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; padding:0 0 0 15px; width:260px; } #homepage #container #content .left h4#careers { background-image:url('../img/background/heading/current-survey.jpg'); } #homepage #container #content .left h4#current-survey { background-image:url('../img/background/heading/current-survey.jpg'); } #homepage #container #content .left h4#our-latest-offer { background-image:url('../img/background/heading/our-latest-offer.jpg'); } #homepage #container #content .left img { padding:15px 8px 20px; } #homepage #container #content .left p { color:#666; font-size:.9em; line-height:1.5; margin:0; padding:0 19px; } #homepage #container #content .left p.action { margin:0 0 15px; padding:0; text-indent:-9999px; } #homepage #container #content .left p.action a { display:block; height:99px; margin:12px 0 0; width:278px; } #homepage #container #content .left ul { list-style:none; } /************************************************** * * **************************************************/ #homepage #container #content .left .announcement { padding:0 0 10px; } #homepage #container #content .left .announcement p { padding:8px 19px; } /************************************************** * * **************************************************/ #homepage #container #content .left .accreditations { } #homepage #container #content .left .accreditations img { margin:-5px 0 0; padding:0 8px; } /************************************************** * * **************************************************/ #homepage #container #content .left .current-survey { } #homepage #container #content .left .current-survey h5 { font-size:.95em; font-weight:400; margin:0; padding:10px 19px; } #homepage #container #content .left .current-survey p { padding:10px 19px; } #homepage #container #content .left .current-survey ul { color:#666; font-size:.9em; margin:0; padding:0 19px; } #homepage #container #content .left .current-survey ul li { float:left; margin:0 10px 0 0; } #homepage #container #content .left .current-survey ul li input { vertical-align:baseline; } #homepage #container #content .left .current-survey ul li label { } #homepage #container #content .left .current-survey .results { } #homepage #container #content .left .current-survey .results .result { } #homepage #container #content .left .current-survey .results .result p { padding:0 19px; } /************************************************** * Homepage > Container > Content > Right * **************************************************/ #homepage #container #content .right { float:right; width:278px; } #homepage #container #content .right h4 { background:#fff url('../img/background/sidebar_h4.jpg') no-repeat; background-position:0 0; color:#3fa7cf; font-size:1.3em; font-weight:400; line-height:40px; margin:19px 1px 10px; padding:0 0 0 15px; width:260px; } #homepage #container #content .right h4#quicklinks{ background-image:url('../img/background/heading/quicklinks.jpg'); } #homepage #container #content .right img { padding:22px 14px; } #homepage #container #content .right p { color:#666; font-size:.9em; line-height:1.5; margin:0 0 5px; padding:10px 15px 0; } #homepage #container #content .right p.action { text-indent:-9999px; } #homepage #container #content .right p.action a { display:block; height:106px; margin:5px 0 0; width:277px; } #homepage #container #content .right ul { list-style:none; } #homepage #container #content .right ul.quicklinks { margin:0 0 27px; padding:11px 18px 0; } #homepage #container #content .right ul.quicklinks li { border-bottom:1px solid #fff; margin:0 0 5px; padding:0 0 5px; } #homepage #container #content .right ul.quicklinks li a { background:url('../img/icon/arrow_blue.jpg') no-repeat; background-position:0 4px; color:#666; display:block; line-height:1.6; padding:0 0 0 18px; text-decoration:none; } #homepage #container #content .right ul.quicklinks li a:hover { color:#018ac0; } /************************************************** * Homepage > Container > Sidebar * **************************************************/ #homepage #container #sidebar { } #homepage #container #sidebar p { color:#666; font-size:.9em; } #homepage #container #sidebar p a { text-decoration:underline; } #homepage #container #sidebar p a:hover { text-decoration:none; } /************************************************** * Homepage > Container > Sidebar > Quick Enquiry * **************************************************/ #homepage #container #sidebar #quick_enquiry { height:1%; margin-top:0; min-height:1%; } #homepage #container #sidebar #quick_enquiry div { height:115px; min-height:115px; }