*{margin:0;padding:0;}
html,body{height:100%;}
body{background:#f6f2ef;color:#515050;font:62.5% Georgia, "Times New Roman", Times, serif;}
a{color:#515050;text-decoration:underline;}
.sIFR-replaced{overflow:hidden;}

/* Container */
.container{width:820px;min-height:100%;position:relative;margin:0 auto -170px;}
.container .clear-footer{height:170px;clear:both;}

/* Header */
.header{width:820px;height:113px;position:relative;border-bottom:4px solid #cbc8c6;}
.header h1{width:105px;height:76px;position:absolute;top:21px;left:0;background:url(/images/bgs/logo.gif) no-repeat;text-indent:-10000px;overflow:hidden;}
.header h1 a{width:105px;height:76px;display:block;overflow:hidden;text-indent:-10000px;}
.header ul{width:auto;position:absolute;bottom:0;right:0;list-style:none;font-size:1.6em;font-style:italic;}
.header ul li{margin:0 0 0 5px;padding:0 0 10px;float:left;overflow:hidden;}
.header ul li.selected{background:url(/images/bgs/nav-arrow-with-offset.gif) no-repeat center bottom;}
.header ul li.no-offset{background:url(/images/bgs/nav-arrow.gif) no-repeat center bottom;}
.header ul li a{height:22px;float:left;display:block;text-indent:-10000px;overflow:hidden;}
.header ul li .home{width:41px;background:url(../images/navigation/home.gif) no-repeat;}
.header ul li .home:hover{background:url(../images/navigation/home-o.gif) no-repeat;}
.header ul li.selected .home{background:url(../images/navigation/on/home.gif) no-repeat;}
.header ul li .about-us{width:63px;background:url(../images/navigation/about-us.gif) no-repeat;}
.header ul li .about-us:hover{background:url(../images/navigation/about-us-o.gif) no-repeat;}
.header ul li.selected .about-us{background:url(../images/navigation/on/about-us.gif) no-repeat;}
.header ul li .our-work{width:63px;background:url(../images/navigation/our-work.gif) no-repeat;}
.header ul li .our-work:hover{background:url(../images/navigation/our-work-o.gif) no-repeat;}
.header ul li.selected .our-work{background:url(../images/navigation/on/our-work.gif) no-repeat;}
.header ul li .head-labs{width:74px;background:url(../images/navigation/head-labs.gif) no-repeat;}
.header ul li .head-labs:hover{background:url(../images/navigation/head-labs-o.gif) no-repeat;}
.header ul li.selected .head-labs{background:url(../images/navigation/on/head-labs.gif) no-repeat;}
.header ul li .blog{width:32px;background:url(../images/navigation/blog.gif) no-repeat;}
.header ul li .blog:hover{background:url(../images/navigation/blog-o.gif) no-repeat;}
.header ul li .work-for-us{width:81px;background:url(../images/navigation/work-for-us.gif) no-repeat;}
.header ul li .work-for-us:hover{background:url(../images/navigation/work-for-us-o.gif) no-repeat;}
.header ul li.selected .work-for-us{background:url(../images/navigation/on/work-for-us.gif) no-repeat;}
.header ul li .contact{width:57px;background:url(../images/navigation/contact.gif) no-repeat;}
.header ul li .contact:hover{background:url(../images/navigation/contact-o.gif) no-repeat;}
.header ul li.selected .contact{background:url(../images/navigation/on/contact.gif) no-repeat;}
.header ul li span{width:10px;height:12px;float:left;display:block;background:url(/images/bgs/nav-dot.gif) no-repeat right bottom;}

/* Footer */
.footer{width:auto;height:170px;background:url(/images/bgs/footer.gif) repeat-x;}
.footer .social{width:820px;height:141px;margin:0 auto;color:#515050;background:url(/images/bgs/social-dots.gif) no-repeat top left;overflow:hidden;}
.footer .social div{height:141px;padding:16px 10px 0;float:left;background:url(/images/bgs/social-dots.gif) no-repeat top right;position:relative;}
.footer .social h2{height:22px;margin:0 0 15px;overflow:hidden;text-indent:-10000px;}
.footer .social p{font-size:1.2em;}
.footer .social .button{width:auto;position:absolute;top:16px;right:10px;}
.footer .social .button a{height:21px;display:block;overflow:hidden;text-indent:-10000px;}

.footer .social .twitter{width:286px;}
.footer .social .twitter h2{width:88px;background:url(/images/bgs/latest-tweet.gif) no-repeat;}
.footer .social .twitter .button a{width:59px;background:url(/images/btns/stalk-us.png) no-repeat;}
.footer .social .twitter .quotes{color:#837970}
.footer .social .twitter .left-quote{width:auto;height:60px;float:left;display:block}
.footer .social .twitter ul{list-style:none;font-size:1.3em;}
.footer .social .twitter a{color:#837970;white-space:nowrap;font-size:0.9em;font-style:italic;text-decoration:none;}
#twitter-text .twitter-failed{width:207px;height:64px;display:block;text-indent:-10000px;overflow:hidden;margin:0 0 0 40px;background:url(/images/twitter_f.png) no-repeat;}

.footer .social .photostream{width:242px;position:relative;}
.footer .social .photostream h2{width:121px;background:url(/images/bgs/our-photostream.gif) no-repeat;}
.footer .social .photostream .button a{width:42px;background:url(/images/btns/view.png) no-repeat;}
.footer .social .photostream div{width:auto;margin:0 8px 0 0;padding:0;background:none;}
.footer .social .photostream div#flickr_badge_image3{margin:0;}
.footer .social .photostream div a img{height:68px;border:none;}
.footer .social .photostream .photo-overlay{width:241px;height:2px;position:absolute;left:10px;z-index:1;}
.footer .social .photostream .top{background:url(/images/overlays/photos-top.png) no-repeat;top:53px;}
.footer .social .photostream .bottom{background:url(/images/overlays/photos-bottom.png) no-repeat;top:119px;}

.footer .social .lastfm{width:232px;}
.footer .social .lastfm h2{width:98px;background:url(/images/bgs/listening-to.gif) no-repeat;}
.footer .social .lastfm .button a{width:57px;background:url(/images/btns/tune-in.png) no-repeat;}
.footer .social .lastfm .recent-track{position:relative;padding:0;background:none;}
.footer .social .lastfm .recent-track p{width:230px;}
.footer .social .lastfm .recent-track img{width:64px;height:64px;margin:1px 15px 20px 5px;float:left;}
.footer .social .lastfm .recent-track .cd-case{width:73px;height:68px;background:url(/images/overlays/cd-case.png) no-repeat;position:absolute;top:0;left:0;display:block;}
.footer .social .lastfm .recent-track .time{color:#837970;font-size:0.9em;font-style:italic;}

.footer .get-in-touch{width:820px;height:29px;margin:0 auto;color:#fff;font-size:1.2em;position:relative;}
.footer .get-in-touch p{margin:0 0 0 13px;padding:8px 0 0;}
.footer .get-in-touch p span{width:87px;height:11px;margin:2px 5px 0 0;display:block;float:left;background:url(/images/bgs/get-in-touch.gif) no-repeat;text-indent:-10000px;overflow:hidden;}
.footer .get-in-touch p strong{padding:0 0 0 8px;}

.footer .get-in-touch .copyright{width:auto;position:absolute;top:0;right:10px;}

/* Content */

/* Home Page */
.main-image{margin:29px 0 17px;position:relative;overflow:hidden;}
.main-image img{position:relative;z-index:0;}
.main-image .main-text{position:absolute;color:#fff;z-index:1;}
.main-image .main-text h2{font-size:3.6em;font-style:italic;font-weight:normal;margin:0 0 5px;}
.main-image .main-text p{font-size:1.4em;margin:0 0 3px;}
.main-image .main-text a{color:#fff;text-decoration:underline;}

.small-images{margin:0 0 62px;list-style:none;overflow:hidden;}
.small-images li{width:262px;margin:0 0 0 17px;_margin:0 0 0 14px;float:left;}
.small-images li.first-image{margin:0;}
.small-images li img{margin:0 0 -3px;border:0;}
.small-images li span{padding:14px 10px;color:#333;font-size:1.4em;display:block;background:#fff;border-left:1px solid #d7d5d4;border-right:1px solid #d7d5d4;border-bottom:1px solid #d7d5d4;overflow:hidden;}
.small-images li span p{width:242px;}

/* Case Studies List */
.case-studies-nav{font-size:1.4em;overflow:hidden;}
.top-nav{padding:20px 0 0;}
.bottom-nav{padding:20px 0 50px;}
.case-studies-nav ul{list-style:none;}
.case-studies-nav ul li{float:left;color:#abaaaa;}
.case-studies-nav ul .previous{width:100px;}
.case-studies-nav ul .counter{width:620px;text-align:center;}
.case-studies-nav ul .counter span{color:#515050;}
.case-studies-nav ul .next{width:100px;text-align:right;}

.case-studies{overflow:hidden;}
.case-studies .case-study-item{width:262px;height:auto;margin:20px 17px 0 0;background:#fff;position:relative;float:left;}
.case-studies .end{margin:20px 0 0;}
.case-studies .case-study-item div{padding:6px 10px 7px;border-left:1px solid #d7d5d4;border-right:1px solid #d7d5d4;border-bottom:1px solid #d7d5d4;}
.case-studies .case-study-item div h2{font-size:1.5em;color:#258390;line-height:normal;font-style:italic;font-weight:normal;}
.case-studies .case-study-item div p{font-size:1.2em;font-style:italic;color:#857878;line-height:normal;}
.case-studies .case-study-item a{width:262px;height:200px;display:block;text-indent:-100000px;overflow:hidden;position:absolute;top:0;left:0;z-index:10;}
.case-studies .case-study-item a{background:url(/images/bgs/clear.gif);}/* Needed for I.E7

/* Case Study Show */
.case-study{margin:30px 0 30px;overflow:hidden;}

.case-study-left{width:280px;height:auto;margin:0 20px 20px 0;float:left;position:relative;}
.case-study-left a{font-size:1.4em;}
.case-study-left .heading, .case-study-left .the-question{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #cdc9c7;}
.case-study-left .heading h2{width:230px;font-size:2.2em;color:#258390;font-style:italic;font-weight:normal;}
.case-study-left .heading p{font-size:1.2em;color:#857878;font-style:italic;}
.case-study-left .back-link{width:auto;position:absolute;top:3px;right:0;}
.case-study-left .the-question p{font-size:2.4em;color:#258390;}
.case-study-left .story-and-result h3{font-size:1.4em;color:#258390;margin:0 0 2px;font-weight:normal;}
.case-study-left .story-and-result p{font-size:1.4em;margin:0 0 10px;padding:0 8px 0 0;line-height:1.3em;}
.case-study-left .awards{margin:20px 0 0;border-top:1px solid #cdc9c7;}
.case-study-left .awards .award{padding:15px 0;border-bottom:1px solid #cdc9c7;font-size:1.4em;font-style:italic;overflow:hidden;_overflow:visible;_height:1%;}
.case-study-left .awards .award img{float:left;margin:0 10px 0 0;}

.case-study-right{width:520px;height:auto;float:left;_overflow:hidden;}
.case-study-right .image, .case-study-right .video, .case-study-right .quote{margin:0 0 20px;}
.case-study-right .image .caption, .case-study-right .video .caption{font-size:1.4em;font-style:italic;margin:5px 0 0;}

.case-study-right .quote{padding:15px 0;border-top:1px solid #cdc9c7;border-bottom:1px solid #cdc9c7;overflow:hidden;}
.case-study-right .quote .text{width:503px;_width:500px;margin:0 0 10px;padding:0 0 0 17px;background:url(/images/bgs/quote-left.gif) no-repeat;font-size:1.6em;font-style:italic;color:#837970;overflow:hidden;}
.case-study-right .quote .text .left{display:none;}
.case-study-right .quote .text .right{width:15px;margin:0 0 2px 5px;padding:0;background:url(/images/bgs/quote-right.gif) no-repeat left bottom;display:inline-block;}
.case-study-right .quote .text .right span{width:15px;display:block;text-indent:-10000px;overflow:hidden;}
.case-study-right .quote .details{padding:0 0 0 17px;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;overflow:hidden;}
.case-study-right .quote .details img{float:left;margin:0 10px 10px 0;}

/* Pages - general */
.pages{margin:30px 0 50px;overflow:hidden;}
.pages h2, .pages h3, .pages h4, .pages h5{color:#258390;font-weight:normal;}
.pages p{font-size:1.4em;}
.pages h2{width:280px;font-size:2.0em;font-style:italic;clear:both;margin:0 0 3px;}
.pages .left-content{float:left;}
.pages .left-content .navigation{width:280px;margin:4px 40px 0 0;padding:13px 0 13px;border-top:1px solid #cdc9c7;border-bottom:1px solid #cdc9c7;}
.pages .left-content .navigation h3{font-size:2.0em;margin:0 0 7px;}
.pages .left-content .navigation ul li{margin:0 0 2px;padding:0 0 0 10px;background:url(/images/bgs/sub-nav-dot.gif) no-repeat left center;font-size:1.4em;}
.pages .left-content .navigation ul li.selected{background:url(/images/bgs/sub-nav-on-dot.gif) no-repeat left center;}
.pages .left-content .navigation ul li.selected a{color:#258390;text-decoration:none;}

.pages .left-content .summary{width:280px;}
.pages .left-content .summary h3{font-size:2.0em;margin:0 0 5px;}
.pages .left-content .summary p{margin:0 0 10px;line-height:1.4em;}

.pages .body{width:500px;}
.pages .body h3{font-size:2.4em;font-weight:normal;}
.pages .body h4{font-size:2.0em;font-weight:normal;margin:0 0 10px;}
.pages .body h5{font-size:1.4em;font-weight:normal;}
.pages .body p.regular{margin:0 0 15px;color:#258390;}
.pages .body ul{font-size:1.4em;}
.pages .body .panel{border-bottom:1px solid #cdc9c7;margin:0 0 15px;padding:0 0 20px;_overflow:hidden;_height:1%;}

/* Pages - About us */
.about-us .body{float:left;}
.about-us .body h3{font-size:2.0em;margin:18px 0 10px;}
.about-us .body p.regular{font-size:2.4em;line-height:1.0em;}
.about-us .body .panel .awards{padding:10px 0 0;}
.about-us .body .panel .what-were-good-at{list-style:none;overflow:hidden;}
.about-us .body .panel .what-were-good-at li{width:240px;float:left;padding:0 0 0 10px;background:url(/images/bgs/sub-nav-dot.gif) no-repeat left center;}
.about-us .body .panel a.read-more{width:auto;display:block;margin:10px 0 0;padding:0 0 0 20px;background:url(/images/bgs/arrow.gif) no-repeat left center;}

/* Pages - What we're good at */
.what-we-re-good-at .left-content .summary{margin:20px 0 0;}
.what-we-re-good-at .left-content .summary .quote{margin:0 0 15px;overflow:hidden;}
.what-we-re-good-at .left-content .summary .quote .text{width:auto;margin:0 0 10px;padding:0 0 0 17px;background:url(/images/bgs/quote-left.gif) no-repeat;font-size:1.6em;font-style:italic;color:#837970;overflow:hidden;line-height:1.2em;}
.what-we-re-good-at .left-content .summary .quote .text .left{display:none;}
.what-we-re-good-at .left-content .summary .quote .text .right{width:15px;height:11px;margin:0 0 2px 5px;padding:0;display:inline-block;}
.what-we-re-good-at .left-content .summary .quote .text .right span{width:15px;height:13px;display:block;text-indent:-10000px;overflow:hidden;background:url(/images/bgs/quote-right.gif) no-repeat left top;}
.what-we-re-good-at .left-content .summary .quote .by{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;padding:0 0 0 15px;line-height:1.3em;}

.what-we-re-good-at .body{float:right;}
.what-we-re-good-at .body h3{margin:0 0 20px;}
.what-we-re-good-at .body .panel{float:none;}
.what-we-re-good-at .body .panel p{display:inline;}
.what-we-re-good-at .body .last-panel{}

/* Pages - Our process */
.our-process .left-content{float:none;}
.our-process .left-content .navigation{float:left;border-bottom:0px none;}
.our-process .left-content .summary{width:500px;_width:495px;float:left;}
.our-process .left-content .summary h3{float:none;_height:1%;}

.our-process .body{width:820px;}
.our-process .body .process{overflow:hidden;_height:1%;clear:both;}
.our-process .body .process .image{width:280px;float:left;margin:27px 0 0;padding:20px 0 0;}
.our-process .body .process .text{width:500px;float:right;margin:20px 0 0;padding:20px 0 0;border-top:1px solid #cdc9c7;}
.our-process .body .process .text p{margin:0 0 15px;}

.our-process .body .first-process .image{margin:0;padding:29px 0 0;border-top:1px solid #cdc9c7;}
.our-process .body .first-process .text{margin:0;padding:22px 0 0;}

/* Pages - Head Labs */
.head-labs .left-content .summary{margin:4px 0 0;padding:35px 0 0;border-top:1px solid #cdc9c7;}
.head-labs .left-content .summary h3{margin:0 0 10px;}
.head-labs .left-content .summary p{margin:0 0 10px;}
.head-labs .left-content .summary p img{border:0;}

.head-labs .body{float:right;}
.head-labs .body h3{margin:0 0 10px;}
.head-labs .body p{margin:0 0 15px;}

/* Pages - Contact */
.contact .left-content .summary{margin:4px 0 0;padding:40px 0 0;border-top:1px solid #cdc9c7;}
.contact .left-content .summary img{margin:0 0 7px;}
.contact .left-content .summary .pdf-link{padding:10px 0 0;border-top:1px solid #cdc9c7;}

.contact .body{float:right;}
.contact .body .who-to-talk-to{margin:14px 0 0;padding:17px 0 0;border-top:1px solid #cdc9c7;}
.contact .body .who-to-talk-to p{margin:0 0 10px;}
.contact .body .come-and-visit-us{margin:16px 0 0;}
.contact .body .come-and-visit-us .map, .contact .body .come-and-visit-us #googleMap{width:492px;height:400px;border:4px solid #fff;}
.contact .body .getting-here{margin:18px 0 0;padding:0 0 15px;overflow:hidden;border-bottom:1px solid #cdc9c7;}
.contact .body .getting-here .by-tube{width:190px;float:left;padding:0 50px 0 0;}
.contact .body .getting-here .by-car{width:255px;float:left;}
.contact .body .on-foot{padding:10px 0 10px;border-bottom:1px solid #cdc9c7;}
.contact .body .on-foot p{margin:0 0 10px;}
.contact .body .on-foot .from-and-time{overflow:hidden;_overflow:visible;_height:1%;}
.contact .body .on-foot .from-and-time .from{float:left;}
.contact .body .on-foot .from-and-time .time{float:right;font-style:italic;}

.contact .body .getting-here .by-tube p .first-route .selected, .contact .body .getting-here .by-tube p .first-route a:focus, .contact .body .getting-here .by-tube p .first-route a:active {color:#e78200;}
.contact .body .getting-here .by-tube p .second-route .selected, .contact .body .getting-here .by-tube p .second-route a:focus, .contact .body .getting-here .by-tube p .second-route a:active {color:#5ea74f;}
.contact .body .getting-here .by-car form input {width:120px;}

/* Pages - Error */
.error .left-content .summary{background:url(/images/bgs/duster.gif) no-repeat;}

/* Work for us */
.work-for-us .left-content .navigation{border-bottom:none;}
.work-for-us .left-content .summary{margin:4px 0 0;padding:20px 0 0;border-top:1px solid #cdc9c7;}

.work-for-us .body{float:right;}
.work-for-us .body h3{margin:0 0 10px;}
.work-for-us .body p{margin:0 0 15px;}

/* Send us your CV */
.required{color:#ff0000;font-weight:bold;}
.text-box{width:300px;margin:5px 0 0;}
.text-area{width:490px;margin:5px 0 0;}
.drop-box{margin:5px 0 0;}

.errors{margin:0 0 10px;}
.errors h2{width:auto;margin:0 0 10px;}
.errors ul{list-style:none;color:#ff0000;}