/* $Id: main.css 69 2008-04-29 11:51:52Z mstillwell $ */ body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #3e3e40; border-top:5px solid #1d115f; position:relative; } img {border:0;} #accessibility {height:0; visibility:hidden;} a { text-decoration: none; color: #0081C6; } a:hover { text-decoration: none; color: #EC0B8D; } /*a:visited { text-decoration: none; color: #3E3E40; }*/ .clearer { clear: both; } /*------------------------- HEADING -------------------------*/ h1 { margin: 0px; padding: 0px; font-size: 18px;} h2, h3 { font-size: 24px; color: #1d1160; font-family: serif; margin: 0px; padding: 0px; } h3 { font-size: 16px; } .home h3 { font-size: 28px; } /*------------------------- POSITIONAL & STRUCTURAL -------------------------*/ .wrapper { background-color: #ffffff; width: 100%; overflow:hidden;} .container { top: 0px; width: 100%; padding: 0px 20px 0px 20px; margin:0 auto; position: relative; border: 1px solid white; } div#blogSummary{ background-color: #f1f1f1; width: 100%; margin-top: 100px; margin-bottom: 30px; clear: both; } #utiltitybar{} #pageContent { clear: both; margin-bottom: 100px; margin-top: 45px; position: relative; width: 100%; } div#pageFooter{ border-top: 1px solid #b1b2b4; width: 100%; } div#synergyLogo { position: absolute; top: 40px; right: 0px; } div#pageCopy div#intro img { width:90%; } /*------------------------- NAV -------------------------*/ ul#mainnav { display:none; } ul.mainnav { background: none repeat scroll 0 0 #fff; border-bottom: 2px solid black; display: none; left: 0; overflow: hidden; padding: 5px; position: absolute; top: -15px; width: 97%; z-index: 10; } ul.mainnav li { list-style:none; } ul.mainnav li a { font-size: 18px; color: #1D1160; font-family: Arial; font-weight: bold; } ul.subnav li a { font-size: 12px; font-family: sans-serif; font-weight: bold; color: #0081c6; } ul.subnav li a:hover { font-size: 12px; font-family: sans-serif; font-weight: bold; color: #ec0b8d; } #nav-mobile { cursor:pointer; position:absolute; top:5px; right:5px; background:#34495E url(../img/nav.svg) no-repeat center center; height:40px; width:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:block; z-index:200; } /*------------------------- PAGE CONTENT -------------------------*/ div#pageContent div#pageTitle { margin: 0px 0px 45px 0px; } div#pageContent div#pageTitle img{ width:80%; margin-left:5px;} div#pageContent p.intro { color: #1d1160; font-size: 16px; font-weight: bold; line-height: 24px; vertical-align: sub;} div#pageContent h2 { margin-top: 7px; } div#pageContent h2.case-studies { margin-top: 50px; } div#pageContent h2.our-clients { margin-top: 50px; margin-bottom: 30px; } div#pageContent h3 { margin-top: 50px; } div#pageContent h3.office { margin-top: 5px; } div#pageContent h4.business { margin-bottom: 10px; } div#pageContent div#pageCopy { float: left; margin-left: 5px; padding-right: 0px; width:100%; } div#pageContent div#pageCopy p { line-height: 1.4em; margin-right: 10px; } div#pageContent div#pageCopy.what-we-do { margin-left: 10px; width: 90%; margin-bottom: 100px; } div#pageContent div#pageCopy ul { margin-top: 15px; } div#pageContent div#pageCopy li { line-height: 1.5em; color: #1d1160; font-size:14px;} div#pageContent div.what-switcher p { font-size:14px; } div#pageContent div#pageCopy.case-study-detail ul { margin: 0px; } div#pageContent div#pageCopy.case-study-detail ul li { line-height: 1.5em; color: #3E3E40; } div#pageContent div#pageCopy.case-study-detail { margin-left:20px; width:80%; margin-bottom:100px; } div#pageContent div#pageCopy.careers { width: 75%; margin-bottom: 100px; } div#pageContent div.pageBodyColumn{ float: left; width: 75%; margin-left: 15px; } div#pageContent div.pageBodyColumn.columnTeam{ float: left; width: 97%; margin-left: 15px; } div#pageContent div.pageBodyColumn.columnTeam .first_row{display:inline-block;} div#pageContent div#pageCopy em { font-size: 12px; font-weight: bold; font-style: normal; } div#pageContent div#pageCopy em.disclaimer { font-size: 10px; font-weight: normal; font-style: normal; } /*------------------------- PAGE CONTENT NAV -------------------------*/ div#pageContent ul#inPageNav{ margin: 0px; padding: 0px; width:90%; margin-bottom: 100px; } /*div#pageContent ul#inPageNav{ margin: 0px; padding: 0px; float: left; width: 223px; border-right: 1px solid #c3c3c3; }*/ div#pageContent ul#inPageNav li{ list-style:none; width: 242px; height: 36px; } div#pageContent ul#inPageNav li a{ font-size: 16px; color: #1d1160; font-family: serif; background-repeat:no-repeat; display: block; height: 35px; padding: 6px 0px 0px 10px; font-weight: bold; } div#pageContent ul#inPageNav li a:hover{ background-repeat:no-repeat; color: #FFFFFF; } div#pageContent ul#inPageNav li a span { display: none; } div#pageContent ul#inPageNav li#lh-intro a { background-image: url(/img/nav/nav-overview-up.gif); } div#pageContent ul#inPageNav li#lh-intro a:hover { background-image: url(/img/nav/nav-overview-over.gif); } div#pageContent ul#inPageNav li#lh-intro.lh-on a, div#pageContent ul#inPageNav li#lh-intro.lh-on a:hover { background-image:url(/img/nav/nav-overview-down.gif); } div#pageContent ul#inPageNav li#lh-olympics a { background-image: url(/img/nav/nav-olympics-up.gif); } div#pageContent ul#inPageNav li#lh-olympics a:hover { background-image: url(/img/nav/nav-olympics-over.gif); } div#pageContent ul#inPageNav li#lh-olympics.lh-on a, div#pageContent ul#inPageNav li#lh-olympics.lh-on a:hover { background-image:url(/img/nav/nav-olympics-down.gif); } div#pageContent ul#inPageNav li#lh-brazil a { background-image: url(/img/nav/nav-brazil-up.gif); } div#pageContent ul#inPageNav li#lh-brazil a:hover { background-image: url(/img/nav/nav-brazil-over.gif); } div#pageContent ul#inPageNav li#lh-brazil.lh-on a, div#pageContent ul#inPageNav li#lh-brazil.lh-on a:hover { background-image:url(/img/nav/nav-brazil-down.gif); } div#pageContent ul#inPageNav li#lh-consultancy a { background-image: url(/img/nav/nav-consultancy-up.gif); } div#pageContent ul#inPageNav li#lh-consultancy a:hover { background-image: url(/img/nav/nav-consultancy-over.gif); } div#pageContent ul#inPageNav li#lh-consultancy.lh-on a, div#pageContent ul#inPageNav li#lh-consultancy.lh-on a:hover { background-image:url(/img/nav/nav-consultancy-down.gif); } div#pageContent ul#inPageNav li#lh-experiential a { background-image:url(/img/nav/nav-experience-up.gif); } div#pageContent ul#inPageNav li#lh-experiential a:hover { background-image:url(/img/nav/nav-experience-over.gif); } div#pageContent ul#inPageNav li#lh-experiential.lh-on a, div#pageContent ul#inPageNav li#lh-experiential.lh-on a:hover { background-image:url(/img/nav/nav-experience-down.gif); } div#pageContent ul#inPageNav li#lh-communications a { background-image:url(/img/nav/nav-communications-up.gif); } div#pageContent ul#inPageNav li#lh-communications a:hover { background-image:url(/img/nav/nav-communications-over.gif); } div#pageContent ul#inPageNav li#lh-communications.lh-on a, div#pageContent ul#inPageNav li#lh-communications.lh-on a:hover { background-image:url(/img/nav/nav-communications-down.gif); } div#pageContent ul#inPageNav li#lh-digital a { background-image:url(/img/nav/nav-digital-up.gif); } div#pageContent ul#inPageNav li#lh-digital a:hover { background-image:url(/img/nav/nav-digital-over.gif); } div#pageContent ul#inPageNav li#lh-digital.lh-on a, div#pageContent ul#inPageNav li#lh-digital.lh-on a:hover { background-image:url(/img/nav/nav-digital-down.gif); } div#pageContent ul#inPageNav li#lh-branded-content a { background-image:url(/img/nav/nav-content-up.gif); } div#pageContent ul#inPageNav li#lh-branded-content a:hover { background-image:url(/img/nav/nav-content-over.gif); } div#pageContent ul#inPageNav li#lh-branded-content.lh-on a, div#pageContent ul#inPageNav li#lh-branded-content.lh-on a:hover { background-image:url(/img/nav/nav-content-down.gif); } div#pageContent ul#inPageNav li#lh-digital13 a { background-image:url(/img/nav/nav-digit13-up.gif); } div#pageContent ul#inPageNav li#lh-digital13 a:hover { background-image:url(/img/nav/nav-digit13-over.gif); } div#pageContent ul#inPageNav li#lh-digital13.lh-on a, div#pageContent ul#inPageNav li#lh-digital13.lh-on a:hover { background-image:url(/img/nav/nav-digit13-down.gif); } div#pageContent ul#inPageNav li#lh-employee-engagement a { background-image:url(/img/nav/nav-employee-up.gif); } div#pageContent ul#inPageNav li#lh-employee-engagement a:hover { background-image:url(/img/nav/nav-employee-over.gif); } div#pageContent ul#inPageNav li#lh-employee-engagement.lh-on a, div#pageContent ul#inPageNav li#lh-employee-engagement.lh-on a:hover { background-image:url(/img/nav/nav-employee-down.gif); } div#pageContent ul#inPageNav li#lh-sales-promotion a { background-image:url(/img/nav/nav-sales-up.gif); } div#pageContent ul#inPageNav li#lh-sales-promotion a:hover { background-image:url(/img/nav/nav-sales-over.gif); } div#pageContent ul#inPageNav li#lh-sales-promotion.lh-on a, div#pageContent ul#inPageNav li#sales-promotion.lh-on a:hover { background-image:url(/img/nav/nav-sales-down.gif); } div#pageContent ul#inPageNav li.gap-tab { margin-bottom:36px; } /*------------------------- SHOWCASE IMAGES -------------------------*/ div.showCase { width: 206px; margin: 0px auto;} div.showCaseDescr { width: 160px; margin: 0px 20px 0px 10px; padding: 10px; } div.showCaseDescrEnd { margin: 0px 0px 0px 22px; } div.showCase a img, div.showCaseDescr img.bio { border: 17px solid #d9dadb; } div.showCaseDescr img.bio { margin-left: 15px; } div.showCase a:hover img { border: 17px solid #0081c6; } div.showCase a:hover img#ke { border: 17px solid #ec0b8d; } div.showCase a:hover img#tc { border: 17px solid #9f218b; } div.showCase a:hover img#am { border: 17px solid #53247f; } div.showCase a:hover img#dc { border: 17px solid #005daa; } div.showCase a:hover img#ff { border: 17px solid #1d1160; } div.showCase a:hover img#gs { border: 17px solid #005daa; } div.showCase a:hover img#lw { border: 17px solid #0081c6; } div.showCase a:hover img#pp { border: 17px solid #72cdf4; } div.showCase#endOfTheLine { width: 206px; margin: 0px auto;} div.showCase#endOfTheLineTopRow { margin: 0px auto; } div.showCase h4 { padding: 0px; margin: 0px; color: #0081C6; margin: 0px 0px 20px 0;} div.showCaseTopRow { margin-top: 14px; } img.curShowCase { border: 17px solid #9f218b; } div.showCase h4 { color: #3e3e40; } /*div.personDetail { padding: 50px; height: 250px; width: 475px; border: 1px solid pink; z-index: 10;}*/ div.personDetail { padding: 10px 50px 50px 50px; height: 299px; width: 466px; z-index: 10; background-image:url(/img/caseStudies/popupBG.png); background-repeat:no-repeat; } div.showCaseDescr h4, div.showCaseDescr h5 { margin: 0px; padding: 0px; font-size: 12px; } div.showCaseDescr h4 { margin-top: 15px; font-size: 16px; color: #1d1160; } div.showCaseDescr h5 { font-weight: normal; } /*set up location of each person pop-up*/ div.karenDetail, div.timDetail, div.alisonDetail, div.fionaDetail, div.georginaDetail, div.dominicDetail, div.philipDetail, div.lisaDetail { position: absolute; top: 200px; right: 200px; display: block; } div.timDetail { right: 50px; } div.alisonDetail{ top: 430px; } div.fionaDetail { top: 660px;} div.dominicDetail { top: 660px; right: 50px; } div.georginaDetail { top: 430px; right: 50px;} div.philipDetail { top: 890px; } div.lisaDetail { top: 890px; right: 50px;} div.closeButton { position: relative; left: -60px; top: -10px; display: none;} div.closeButtonOn { display: block; } /*------------------------- CASE STUDY -------------------------*/ div#caseStudyColumn { float: left; width: 207px; display:none; } /* DEFINE EACH CASE STUDY COLOR */ div#pageContent.purpleCaseStudy, div#pageContent.dark_purpleCaseStudy, div#pageContent.pinkCaseStudy, div#pageContent.blueCaseStudy, div#pageContent.light_blueCaseStudy, div#pageContent.dark_blueCaseStudy, div#pageContent.royal_blueCaseStudy, div#pageContent.light_blue_2CaseStudy{ background-repeat: repeat-y; border-bottom: 1px solid #c3c3c3; padding-bottom: 20px; } div#pageContent.purpleCaseStudy div#pageTitle img , div#pageContent.dark_purpleCaseStudy div#pageTitle img , div#pageContent.pinkCaseStudy div#pageTitle img , div#pageContent.blueCaseStudy div#pageTitle img, div#pageContent.light_blueCaseStudy div#pageTitle img, div#pageContent.light_blue_2CaseStudy div#pageTitle img, div#pageContent.dark_blueCaseStudy div#pageTitle img, div#pageContent.royal_blueCaseStudy div#pageTitle img { margin-left: 20px; } div#pageContent.purpleCaseStudy{ } div#pageContent.dark_purpleCaseStudy{ } div#pageContent.blueCaseStudy{ } div#pageContent.pinkCaseStudy{ } div#pageContent.light_blueCaseStudy{ } div#pageContent.light_blue_2CaseStudy{ } div#pageContent.dark_blueCaseStudy{ } div#pageContent.royal_blueCaseStudy{ } div.caseStudyColumn { float: left; width: 230px; margin-right: 20px; } div.caseStudyColumn a.pdfLink { background-image:url(../img/icons/pdf-icon.gif); background-repeat: no-repeat; display: block; height: 17px; padding-left: 30px; } ul.relatedLinks{ margin: 0px 0px 20px 0px; padding: 0px; } ul.relatedLinks li { list-style: none; } div.caseStudyColumn a.videoLink img { border: 17px solid #d9dadb; } /*LH COLUMN CASE STUDY LINKS*/ ul#relatedCaseStudies { margin-top: 30px; font-size: 1.4em; } ul#relatedCaseStudies li { color: #ffffff; margin-left: 15px; margin-bottom: 10px; margin-right: 10px;} ul#relatedCaseStudies li.selected { font-weight: bold; } ul#relatedCaseStudies li a { text-decoration: none; color: #ffffff; } ul#relatedCaseStudies li a:hover{ text-decoration: underline; } div#pageContent.light_blue_2CaseStudy ul#relatedCaseStudies li { color: #000000; } div#pageContent.light_blue_2CaseStudy ul#relatedCaseStudies li a { color: #000000; } /*------------------------- FOOTER CONTENT -------------------------*/ div#footerContent { padding: 20px 20px 20px 20px; margin:0 auto; width:90%;} div#copyright, div#legal { color: #878889; font-size: 11px; } ul#footerLinks { margin: 0px; padding: 0px; } ul#footerLinks li { list-style:none; float: left; padding-right: 5px; margin-right: 5px; margin-top: 5px; border-right: 1px solid #878889; } ul#footerLinks li a { color: #0081c6; font-size: 11px; } ul#footerLinks li a:hover{ color: #EC0B8D; } div#pageFooter div#shareThis { float: left; margin-left: 20px; } div#footerLeft { float: left; } div#partOfEngine { float: right; } /*------------------------- HOMEPAGE -------------------------*/ div#homePageFlash{ clear: none; float: left; width:100%; height: 148px; margin-top: 40px; position: relative; margin-bottom:20px; margin-top:20px;} div#homePageFlash img { width:90% !important; max-width:465px !important; } #engine-experts { margin-left:-8px; margin-top:10px; } /*------------------------- BLOG -------------------------*/ div#blogSummary { border-top: 1px solid #b1b2b4; border-bottom: 1px solid #b1b2b4; } div#blogSummary div#blogWrapper { border-top: 4px solid #e3e3e3; border-bottom: 4px solid #e3e3e3; } div#blogSummary div#blogDetail { border: 1px solid #f1f1f1; padding: 20px 20px 35px 15px; margin:0 auto; width: 90%;} .home div#blogHolder { width: 100%; margin: 0 auto; } .home div#blogSummary div#blogDetail { background: url(/img/bg-blog-arrow.gif) 10px 0 no-repeat; border: none; width: 90%; float: left; } div#blogSummary div#blogDetail div#blogContent { width: 90%; } div#blogSummary div#blogDetail h5 { font-size: 16px; color: #1d1160; margin: 0; padding: 0px; } div#blogSummary div#blogDetail h5 a{ color: #1d1160; } div#blogSummary div#blogDetail h5 a:hover { color: #EC0B8D; } div#blogSummary div#blogDetail span.blogAuthor { font-size: 11px; color: #0081c6; } div#blogSummary div#blogDetail span.blogAuthor strong { color: #3e3e40; } div#blogSummary p.intro { line-height: 1.4em; } div#blogSummary div#blogDetail h3 { padding: 0; margin: 30px 0; } .home div#blogSummary div#blogDetail h3, .home div#blogSummary div#twitterContent h3 { padding: 0; margin: 20px 0; } div.container div#content div#right h4, div.container div#content div#left h3 { color: #1d1160; font-size: 16px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; } div#blogHeading{ margin: 0px 0px 20px 0px; float: left; clear: both; } div.blogSpacer { height: 50px; line-height: 50px; color: #c4c4c4; font-size: 8px; margin-top: -33px; background: url(/img/bg-blog-spacer.gif) center center repeat-x; } div#blogDetail div#blogContent div.blogDetailSummary { margin: 0px; padding: 0px; display: inline;} .home div#blogSummary div#twitterContent { background: url(/img/bg-blog-arrow.gif) 8px 0 no-repeat; border: none; padding-top: 20px; } div#twitterContent { float: left; width: 300px; padding-left: 15px; } div#twitterContent div.tweet { margin-bottom: 20px; padding-bottom: 20px; background: url(/img/bg-blog-spacer.gif) bottom left repeat-x; } div#twitterContent > div.tweet:last-child { background: none; } div#twitterContent div.tweetContent { float: left; width: 250px; } div#twitterContent img { float: left; margin-right: 10px; } div#twitterContent p { margin: 0; } div#twitterContent p.tweetUpdate { font-size: 0.83333em; margin-top: 4px; } /*------------------------- UTILITY BAR -------------------------*/ div.doubleUtilityColumn { width: 90%; margin-top: 20px; margin-right: 20px; float: left; margin-left:20px;} div.doubleUtilityColumn h3 { margin-top: 10px; } div#howToFind.doubleUtilityColumn h3 { margin-left: 0px; } div.utilityColumn { width: 207px; margin-top: 15px; margin-right: 20px; float: left; line-height: 20px;} div.utilityColumn ul { margin: 10px 0px 30px 0px; padding: 0px; } div.utilityColumn li { list-style:none; margin-bottom: 7px; line-height: 15px;} div.utilityColumn h5, div.utilityColumn strong { font-size: 12px; color: #1D1160; margin: 0px; padding: 0px; line-height: 20px;} div.utilityColumn a img { position:relative; top:10px; } /*------------------------- CONTACT -------------------------*/ #googleMapWrapper { float: left; width:100%; } .office_london { width: 48%;float: left; } .office_newyork { width: 48%;float: right; } #googleMap_london { width:98%; height: 260px; margin-bottom: 20px; background-color: #abcdef; } #googleMap_newyork { width:98%; height: 260px; margin-bottom: 20px; background-color: #abcdef; } #contactColumn{ float: left; width:100%; margin-bottom: 20px; margin-right: 20px; } #contactColumn h4 { font-size: 16px; font-family:Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #1d1160;} #contactColumn dl { } #contactColumn dt { margin:0; padding:0; display:inline-block; } #contactColumn dd { margin:0; padding:0; display:inline-block; } #contactFormContainer { width:100%; margin-top: 50px; margin-bottom: 100px; border-top: 1px solid #c3c3c3; display: inline-block; } #contactFormContent { border-top: 3px solid #e1e1e1; background-color: #f1f1f1; color: #1d1160; padding: 20px; } #contactFormContent h3.contact-form-head { margin-top: 30px; font-size: 14px; } #contactForm { margin: 30px 0; padding: 0; } #contactForm label { font-weight: bold; } #contactForm input.text { width:100%; padding: 2px; color: #3e3e40; background-color: #ffffff; border-top: 2px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 2px solid #d0d0d0; } #contactForm textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e40; width:100%; padding: 2px; color: #3e3e40; background-color: #ffffff; border-top: 2px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 2px solid #d0d0d0; } #contactForm input.btn { padding: 10px; color: #ffffff; background-color: #0081c6; border: none; font-size: 12px; } #contactColumn h4.contactHead { margin-top: 50px; } #contactError { color: #ffffff; background-color: #7b7c7e; padding: 10px; margin-bottom: 20px;} #contactError h4 { font-size: 1.2em; font-size: italic; } /*------------------------- CONTACT -------------------------*/ .videoViewer { display: none; } .videoViewPopUp { display:block; } /*------------------------- FLV PLAYER -------------------------*/ div#flv_player { position: relative; width: 568px; height: 377px; cursor: move; background: transparent url('../img/zoom-background.png') no-repeat; } #flv_player_horizon { text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block } #flv_player_content { margin-left: -244px; position: absolute; top: -150px; left: 50%; width: 488px; height: 300px; visibility: visible; background-color: #e4e4e4; } a#flv_player_close, a#staffBioClose { position: absolute; display: block; width: 28px; height: 28px; cursor: hand; overflow: hidden; background-image: url('../img/close_btn.png'); background-position: 0 0; background-repeat: none; } a#flv_player_close:hover, a#staffBioClose:hover { background-position: 0 -28px; } a#flv_player_close span { display: none; } div#modaldialog { position: absolute; margin: 0; padding: 0; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000; } /*------------------------- STAFF BIO POPUP -------------------------*/ div#staffBio { position: relative; width: 100%; height: 100%; cursor: move; background: transparent url('../img/zoom-background.png') no-repeat; } div#staffBioContent { padding: 25px; max-width: 500px; } div#staffBioContent img { display:none; margin-left: 20px; margin-bottom:20px; border: 17px solid #d9dadb; } div#staffBioContent h4, div#staffBioContent h5 { margin: 0px; padding: 0px; font-size: 12px; } div#staffBioContent h4 { margin-top: 15px; font-size: 16px; color: #1d1160; } div#staffBioContent h5 { font-weight: normal; } /*div#staffBioContent p { width:195px; } */ /*------------------------- MISCELLANEOUS -------------------------*/ .width75 { width: 75%; } img.inactiveCasestudy { border: 17px solid #d9dadb; } .magenta { color: #ec0b8d; } .midgrey { color: #999999; } .small { font-size: 0.9em; } .italics { font-style: italic; } .no-bullet { list-style-type: none; } .smallPrintSectionBreak { margin-top: 100px; margin-bottom: 30px; background-color: #b1b2b4; height: 1px; width: 100%; border-bottom: 3px solid #e3e3e3; font-size: 0%; line-height: 0;} /*------------------------- HOMEPAGE -------------------------*/ div#homePageContent { margin-bottom: 20px; overflow: hidden; } div#rhColumn { float: left; width: 100%; } div#lhColumn { float: left; width: 100%; margin-right:10px; margin-left:10px; } div#lhColumn img.tagline { margin-top:25px; } div#lhColumn h1 { font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; color: #1D1160; font-size: 24px; width: 480px; } div#lhColumn p { color: #1d115f; font-size: 16px; font-weight: normal; line-height: 22px; padding-right:10px; } #engineLogoHome { float: right; margin-right: 8px; } .home #blogSummary { margin-top:20px; } .home #lhColumn img#engine-experts { margin-bottom:16px;margin-left:-2px; } .home #lhColumn div#signup-follow { background:url('/img/bg-home-top-spacer.gif') repeat-x top left transparent; padding-top:20px; padding-left:20px;} .home #lhColumn div#signup-follow .grid2col { float:left; width:45%; margin-right:25px; overflow:hidden;} .home #lhColumn div#signup-follow .grid2col.last { margin-right:0; } .home #lhColumn div#signup-follow .grid2col a { top:-10px; position:relative; } .home #lhColumn div#signup-follow .grid2col a img { margin-top:20px; } .home #rhColumn div#home-photos { width:320px; height:203px; background-color:#d9dadc; } .home #rhColumn div#home-youtube {width:310px; height:203px; background-color:#d9dadc; padding:10px 0 7px 10px; margin:0 auto;} .home #rhColumn div#home-photos { margin:12px auto; } .home #rhColumn div#home-youtube iframe {margin:0; padding:0; border:0;} .twitter-share-button, .fb_share { position:relative; top:5px; } .twitter-share-button { margin-left:20px; } /* Image Carousel */ .home #rhColumn div#home-photos #photo-container { width:300px; height:183px; overflow:hidden; position:relative; top:10px; left:10px; } .home #rhColumn div#home-photos #photo-container ul { list-style-type:none; padding:0; margin:0; width:1200px; height:183px; position:absolute; top:0; left:0;} .home #rhColumn div#home-photos #photo-container ul li { width:300px; height:183px; float:left; } .home #rhColumn div#home-photos #photo-container ul li img { border: 2px solid white; } .home #rhColumn div#carousel-nav { width:222px; height:20px; margin:0px auto; margin-bottom:18px} .home #rhColumn div#carousel-nav ul { list-style-type:none; } .home #rhColumn div#carousel-nav ul li { float:left; margin-right:18px; } .home #rhColumn div#carousel-nav ul li.last { margin-right:0; } .home #rhColumn div#carousel-nav ul li.selected a { color:#eb0a8d; } /* Newsletter Popup */ div#signup { position:relative; width:300px; height:150px; background: transparent url('../img/zoom-background-signup.png') no-repeat; z-index:10; } div#signupContent { padding:20px 40px; } div#signupContent span.label,div#signupContent span.spacer,div#signupContent span.multiple span {width:120px;float:left;} div#signupContent span.multiple {float:left;} div#signupContent span.button {padding-left:120px;} div#signupContent div.clear {clear:both;padding-top:5px;} /*------------------------- OUR-WORK -------------------------*/ div#top-studies { margin-bottom:20px; margin-right:22px; border-bottom:2px dashed #b9b9b9; } div#studies { margin-top:20px; } /*------------------------- Terms and Conditions -------------------------*/ .terms div#pageContent h3 { margin-top: 40px; font-size:12px; } .terms div#pageContent div#pageCopy ul li { color:#3E3E40; } /*------------------------- Privacy Policy -------------------------*/ .privacy div#pageContent h3 { margin-top: 40px; font-size:12px; } .privacy div#pageContent div#pageCopy ul li { color:#3E3E40; } /*------------------------- WHAT WE DO -------------------------*/ .what-we-do .localised { margin-top:50px; } @media only screen and (min-width: 320px) and (max-width: 767px){ div#pageContent div.pageBodyColumn.columnTeam .first_row { display: block; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .container { top: 0px; width: 100%; padding:0px 0px 0px 0px; margin:0 auto; position: relative; border: 1px solid white; } .home #lhColumn div#signup-follow .grid2col { float:left; width:100%; margin-right:25px; } .home #rhColumn div#home-photos #photo-container { width:300px; height:183px; overflow:hidden; position:relative; top:10px; left:0px; } .home #rhColumn div#home-photos { width:100%; max-width:320px; height:203px; background-color:#d9dadc; } .home #rhColumn div#home-youtube { width:100%; max-width:310px; height:203px; background-color:#d9dadc; padding:10px 0 7px 10px; margin:0 auto;} div.utilityColumn { width: 100%; margin:15px 5px 0px 10px; float: left; line-height: 20px;} ul.mainnav li { width:100%; float:none; list-style:none; } ul.mainnav li a.press { margin-left:-3px; } .office_london { width: 90%; margin-left: 10px; } .office_newyork { width: 90%; margin-left: 10px; float:left; } } @media only screen and (max-width:400px){ .bioContent{ max-height: 315px; overflow: auto; } } @media only screen and (min-width:768px) { div#pageContent div#pageTitle img{ width:400px; } div.showCase { float: left; width: 206px; margin: 0px 20px 20px 0px;} div.showCase#endOfTheLine { float: left; width: 206px; margin: 0px 20px 20px 0px;} div.showCase#endOfTheLineTopRow { float: left; width: 206px; margin: 0px 20px 20px 0px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .home #rhColumn div#home-youtube { margin:-260px 20px 0 auto; float:right; } .home #rhColumn div#carousel-nav { clear: both; } .home #rhColumn div#home-photos { float:left; margin:50px 0 0 20px; } } @media only screen and (min-width:780px) { .home #rhColumn div#home-youtube { margin:0px 0px 0 20px; float:right; } ul.mainnav{ clear: both; margin: 0px; padding: 0px; float: left;} ul.mainnav li{ list-style:none; float: left; margin-right: 24px; padding-top:27px; } ul.subnav{ margin: 45px 0px 70px 0px; padding: 0px; } ul.subnav li{ list-style:none; float: left; margin-right: 10px;} /*------------------------- NAV -------------------------*/ ul.mainnav { background: transparent; border-bottom:0px; height: auto; left: auto; overflow: hidden; position: relative; top: auto; width: 100%; margin-bottom: 40px; margin-top:-1px; } ul#mainnav { display:block; } ul.mainnav li a { font-size: 18px; color: #1D1160; font-family: Arial; font-weight: bold; } ul.mainnav li a:hover { color: #005daa; } ul.mainnav li.mainnav_selected { background:url('/img/nav/nav-arrow.gif') no-repeat 50% 0%; } ul.mainnav li.mainnav_selected a{ color: #9f218B; } ul.subnav li a { font-size: 12px; font-family: sans-serif; font-weight: bold; color: #0081c6; } ul.subnav li a:hover { font-size: 12px; font-family: sans-serif; font-weight: bold; color: #ec0b8d; } ul.subnav li.subnav_selected a{ color: #3e3e40; } #nav-mobile { display:none; /* Hide from browsers that don't support media queries */ } } @media only screen and (min-width:1024px) { body { font-size:12px; } .container { top: 0px; width: 940px; padding: 0px 20px 0px 20px; margin:0 auto; position: relative; border: 1px solid white; } div#rhColumn { float: left; width: 320px; } div#lhColumn { float: left; width: 550px; margin-right:53px; } .home #lhColumn div#signup-follow .grid2col { float:left; width:260px; margin-right:25px; } .home div#blogHolder { width: 970px; margin: 0 auto; } .home div#blogSummary div#blogDetail { background: url(/img/bg-blog-arrow.gif) 10px 0 no-repeat; border: none; width: 578px; float: left; } div#blogSummary div#blogDetail div#blogContent { width: 550px; } div#footerContent { padding: 20px 20px 200px 20px; margin:0 auto; width: 940px;} div.doubleUtilityColumn { width: 434px; margin-top: 20px; margin-right: 20px; float: left; } div#homePageFlash{ clear: none; float: left; width: 571px; height: 148px; margin-top: 0px; position: relative; margin-bottom:20px;} .wrapper { background-color: #ffffff; width: 100%; } div#footerContent { padding: 20px 20px 200px 20px; margin:0 auto; width: 90%;} div.doubleUtilityColumn { width: 48%; margin-top: 20px; margin-right: 20px; float: left; } .home #rhColumn div#home-photos { margin:12px 0 8px; } .home #rhColumn div#home-youtube iframe {margin:0; padding:0; border:0;} .home #lhColumn div#signup-follow { background:url('/img/bg-home-top-spacer.gif') repeat-x top left transparent; padding-top:20px;} div#blogSummary div#blogDetail h5 { font-size: 14px; color: #1d1160; margin: 0; padding: 0px; } #pageContent { clear: both; margin-bottom: 100px; margin-top: 125px; position: relative; width: 906px; } div#pageContent div#pageCopy.what-we-do { margin-left: 90px; width: 539px; margin-bottom: 100px; } div#pageContent ul#inPageNav{ margin: 0px; padding: 0px; float: left; width: 223px; left: -8px; position: relative; margin-bottom: 100px; } div#pageContent div#pageTitle img{ width:400px; } div#blogSummary div#blogDetail { border: 1px solid #f1f1f1; padding: 20px 20px 35px 15px; margin:0 auto; width: 940px;} div#pageContent div.pageBodyColumn{ float: left; width: 432px; margin-right: 15px; } div#pageCopy div#intro img { width:auto !important; } div.showCase { float: left; width: 206px; margin: 0px 20px 20px 0px;} div.showCase#endOfTheLine { margin: 0px 0px 20px 0px; } div.showCase#endOfTheLineTopRow { margin: 14px 0px 20px 0px; } div#pageContent div.pageBodyColumn{ float: left; width: 75%; margin-right: 5px; } h2, h3 { font-size: 20px; color: #1d1160; font-family: serif; margin: 0px; padding: 0px; } div#pageContent div#pageCopy { float: left; margin-left: 0px; padding-right: 0px; width:100%; } #googleMap_london { width: 580px; height: 375px; margin-bottom: 20px; background-color: #abcdef; } #googleMap_newyork { width: 580px; height: 375px; margin-bottom: 20px; background-color: #abcdef; } #contactFormContainer { width: 580px; margin-top: 50px; margin-bottom: 100px; border-top: 1px solid #c3c3c3; display: inline-block; } /*------------------------- CONTACT -------------------------*/ #googleMapWrapper { float: left; } #googleMap_london { width:100%; height: 375px; margin: 0px; background-color: #abcdef; } #googleMap_newyork { width:100%; height: 375px; margin: 0px; background-color: #abcdef; } #contactColumn{ float: left; width: 290px; margin-bottom: 20px; margin-right: 20px; } #contactColumn h4 { font-size: 16px; font-family:Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #1d1160;} #contactColumn dl { } #contactColumn dt { margin:0; padding:0; display:inline-block; width:35px;} #contactColumn dd { margin:0; padding:0; display:inline-block; width:215px;} #contactFormContainer { width:100%; margin-top: 50px; margin-bottom: 100px; border-top: 1px solid #c3c3c3; display: inline-block; } #contactFormContent { border-top: 3px solid #e1e1e1; background-color: #f1f1f1; color: #1d1160; padding: 20px; } #contactFormContent h3.contact-form-head { margin-top: 30px; font-size: 14px; } #contactForm { margin: 30px 0; padding: 0; } #contactForm label { font-weight: bold; } #contactForm input.text { width: 400px; padding: 2px; color: #3e3e40; background-color: #ffffff; border-top: 2px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 2px solid #d0d0d0; } #contactForm textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e40; width: 500px; padding: 2px; color: #3e3e40; background-color: #ffffff; border-top: 2px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 2px solid #d0d0d0; } #contactForm input.btn { padding: 10px; color: #ffffff; background-color: #0081c6; border: none; font-size: 12px; } #contactColumn h4.contactHead { margin-top: 50px; } #contactError { color: #ffffff; background-color: #7b7c7e; padding: 10px; margin-bottom: 20px;} #contactError h4 { font-size: 1.2em; font-size: italic; } #pageContent { clear: both; margin-bottom: 100px; margin-top: 125px; position: relative; width: 100%; } div#lhColumn { float: left; width: 50%; margin-right:53px; } div#pageContent.purpleCaseStudy{ background-image:url(/img/caseStudies/purple-bg.gif); } div#pageContent.dark_purpleCaseStudy{ background-image:url(/img/caseStudies/dark_purple-bg.gif); } div#pageContent.blueCaseStudy{ background-image:url(/img/caseStudies/blue-bg.gif); } div#pageContent.pinkCaseStudy{ background-image:url(/img/caseStudies/pink-bg.gif); } div#pageContent.light_blueCaseStudy{ background-image:url(/img/caseStudies/light_blue-bg.gif); } div#pageContent.light_blue_2CaseStudy{ background-image:url(/img/caseStudies/light_blue_2-bg.gif); } div#pageContent.dark_blueCaseStudy{ background-image:url(/img/caseStudies/dark_blue-bg.gif); } div#pageContent.royal_blueCaseStudy{ background-image:url(/img/caseStudies/royal_blue-bg.gif); } div#caseStudyColumn { float: left; width: 207px; display:block; } div#pageContent div#pageCopy.case-study-detail { margin-left: 20px; width: 539px; margin-bottom: 100px; } ul.mainnav{ clear: both; margin: 0px; padding: 0px; float: left;} ul.mainnav li{ list-style:none; float: left; margin-right: 24px; padding-top:27px; } ul.subnav{ margin: 45px 0px 70px 0px; padding: 0px; } ul.subnav li{ list-style:none; float: left; margin-right: 10px;} /*------------------------- NAV -------------------------*/ ul.mainnav { background: transparent; border-bottom:0px; height: auto; left: auto; overflow: hidden; position: relative; top: auto; width: 100%; margin-bottom: 40px; margin-top:-1px; } ul#mainnav { display:block; } ul.mainnav li a { font-size: 18px; color: #1D1160; font-family: Arial; font-weight: bold; } ul.mainnav li a:hover { color: #005daa; } ul.mainnav li.mainnav_selected { background:url('/img/nav/nav-arrow.gif') no-repeat 50% 0%; } ul.mainnav li.mainnav_selected a{ color: #9f218B; } ul.subnav li a { font-size: 12px; font-family: sans-serif; font-weight: bold; color: #0081c6; } ul.subnav li a:hover { font-size: 12px; font-family: sans-serif; font-weight: bold; color: #ec0b8d; } ul.subnav li.subnav_selected a{ color: #3e3e40; } #nav-mobile { display:none; /* Hide from browsers that don't support media queries */ } div.doubleUtilityColumn { width: 90%; margin-top: 20px; margin-right: 20px; float: left; } div#staffBioContent img { float: right; margin-left: 20px; margin-bottom:20px; border: 17px solid #d9dadb; } div#staffBio { position: relative; width: 568px; height: 377px; cursor: move; background: transparent url('../img/zoom-background.png') no-repeat; } div.showCase h4 { padding: 0px; margin: 0px; color: #0081C6; margin: 20px 20px 0 0;} }