/* LAYOUT -------------------------------------------------------------------------*/ /* #shortcuts li a:Focus, #shortcuts li a.show{width:995px;} /*.page{width:995px;}*/ /* #navigation{width:778px;} #navigation ul li a{margin:0 1px 0 0;} #navigation li a.nav-about{width:107px;} #navigation li a.nav-what{width:132px;} #navigation li a.nav-work{width:112px;} #navigation li a.nav-who{width:132px;} #navigation li a.nav-new{width:138px;} #navigation li a.nav-careers{width:129px;} #navigation li a.nav-contact{width:121px;} #navigation li a.nav-what{width:107px;height:36px;background:url(../../images/nav-about-us.gif);} #navigation li a.nav-what-sel{width:107px;height:36px;background:url(../../images/nav-about-us-selected.gif);border:none;} #navigation li a.nav-what:hover, #navigation li a.nav-what:focus, #navigation li a.nav-what:active{background:url(../../images/nav-about-us-hover.gif);border:none;} #navigation li a.nav-what{width:132px;height:36px;background:url(../../images/nav-what-we-do.gif);} #navigation li a.nav-what-sel{width:132px;height:36px;background:url(../../images/nav-what-we-do-selected.gif);border:none;} #navigation li a.nav-what:hover, #navigation li a.nav-what:focus, #navigation li a.nav-what:active{background:url(../../images/nav-what-we-do-hover.gif);border:none;} #navigation li a.nav-work{width:112px;height:36px;background:url(../../images/nav-our-work.gif);} #navigation li a.nav-work-sel{width:112px;height:36px;background:url(../../images/nav-our-work-selected.gif);border:none;} #navigation li a.nav-work:hover, #navigation li a.nav-work:focus, #navigation li a.nav-work:active{background:url(../../images/nav-our-work-hover.gif);border:none;} #navigation li a.nav-who{width:132px;height:36px;background:url(../../images/nav-who-we-are.gif);} #navigation li a.nav-who-sel{width:132px;height:36px;background:url(../../images/nav-who-we-are-selected.gif);border:none;} #navigation li a.nav-who:hover, #navigation li a.nav-who:focus, #navigation li a.nav-who:active{background:url(../../images/nav-who-we-are-hover.gif);border:none;} #navigation li a.nav-new{width:138px;height:36px;background:url(../../images/nav-whats-new.gif);} #navigation li a.nav-new-sel{width:138px;height:36px;background:url(../../images/nav-whats-new-selected.gif);border:none;} #navigation li a.nav-new:hover, #navigation li a.nav-new:focus, #navigation li a.nav-new:active{background:url(../../images/nav-whats-new-hover.gif);border:none;} #navigation li a.nav-careers{width:129px;height:36px;background:url(../../images/nav-work-for-us.gif);} #navigation li a.nav-careers-sel{width:129px;height:36px;background:url(../../images/nav-work-for-us-selected.gif);border:none;} #navigation li a.nav-careers:hover, #navigation li a.nav-careers:focus, #navigation li a.nav-careers:active{background:url(../../images/nav-work-for-us-hover.gif);border:none;} #navigation li a.nav-contact{width:121px;height:36px;background:url(../../images/nav-contact-us.gif);margin:0;} #navigation li a.nav-contact-sel{width:121px;height:36px;background:url(../../images/nav-contact-us-selected.gif);margin:0;} #navigation li a.nav-contact:hover, #navigation li a.nav-contact:focus, #navigation li a.nav-contact:active{background:url(../../images/nav-contact-us-hover.gif);border:none;} */ #container{width:995px;margin:0 auto; } #subnav{float:left;width:202px;margin:16px 16px 0 0;} #content-container{float:left;width:758px;} .blog #content-container{width:620px;} #content{float:left;width:556px;} .blog #content{width:100%;} /*#content .padding{padding:14px 20px 0 0 !important;}*/ #case-studies #content .padding, #services #content .padding, #clients #content .padding, #team #content .padding, #job-opportunities #content .padding{padding:14px 0 0 0 !important;} #additional{float:right;width:202px;} .blog #additional{width:285px;} #additional .padding{padding:21px 0px;} #case-study #additional .padding{padding:14px 0px;} #feedback #content-container{width:960px;} #feedback #content{width:758px;} #feedback #content .padding{padding-left:28px;} .boxes{margin-top:8px;} .boxes .clear:after{content:normal;display:block;height:auto;clear:left;visibility:visible;} .boxes .clear{display:block;} .box, .box-alt{float:left;width:267px;margin:0px 6px 0 0;} .box .image, .box-alt .image, .box .imagelong, .box-alt .imagelong {overflow:hidden;width:267px; position:relative;} #clients .box, #clients .box-alt{float:left;width:171px;margin:2px 8px 8px 0;} #clients .box .image, #clients .box-alt .image{overflow:hidden;width:171px;} .box.client-list {width:auto !important} .box-alt.client-list {width:auto !important} .box.client-list .image {width:auto !important} .box-alt.client-list .image {width:auto !important} .partner .image { float: left; width: 92px; } .partner .text { float: right; width: 420px; } .staff-image{width:758px;} .staff-image .text{float:left;width:515px;} .staff-image .text blockquote{padding:45px 50px 0 65px;} .staff-image .text cite{padding:5px 0 0 65px;color: #f00;} .staff-image .image{float:right;width:236px;} .staff-image .image1{float:left;width:520px;text-align:left;padding:0;margin:0;} .staff-image .image1 img{ margin: 0 0 0 70px;display:block; } .main-image{ /*padding: 16px 0 0 0; overflow: hidden; text-align: right;*/ width: 758px; } .main-image blockquote{padding:60px 15px 0 500px;} #cs-intro{padding:0 0 10px 0;} #cs-intro .text{float:left;width:541px;} #cs-intro .image{float:right;width:202px;} .col1{float:left;width:48%;} .col2{float:right;width:48%;} .quote{float:left;width:536px;} .quote blockquote{padding:0 15px 15px 15px;} .quote cite{padding:0 15px 15px 15px;} .screenshot{float:right;width:202px;text-align:right;} .screenshot img{margin:0 0px 10px 0;} #footer .padding{padding:8px 25px 0 10px;} /*#footer ul{float:left;width:60%;padding:0;} #footer p{float:right;width:39%;} */ #nav-footer{padding:3px 25px 0 10px;} /* #homepage #container{float:left;width:995px;margin:0;padding:12px 0 0 0;} #homepage #subnav{position:relative;float:left;width:23%;left:0;top:0;margin:0 1% 0 0;} #homepage #subnav .padding{padding:0 0 10px 20px;} #homepage #content-container{float:left;width:75%;margin:0;} #homepage #content{float:left;width:70%;} #homepage #additional{float:right;width:211px;} #homepage #additional .padding{padding:0 8px 10px 0;} */ /* bits for new homepage design 31/5/6 ---------------------*/ #homepage #content-container{ width: 995px !important; } #homepage #content{ width:780px !important; } .column1{ float: left; width: 360px; } .column2{ float: right; width: 164px; } .column1-alt { float: left; width: 314px; } .column2-alt { float: right; width: 210px; } /* -------------------------------------------------------- */