/* eric meyer's css reset */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* end mr. meyer */ /* clearfix styles */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html, body { font-family: Helvetica, Arial, Sans-Serif; } body { background: #1e1e1e; } a { text-decoration: none; } a img { border: 0; } button { margin: 0; } #oCntnr { width: 100%; height: 100%; position: relative; } #hCntnr { margin: 0 auto; overflow: hidden; width: 1000px; padding: 0 8px; } #iCntnr { margin: 0 auto; width: 1000px; padding: 0 8px; background: url(/images/bg_ytile.png) repeat-y; min-height: 800px; height: 100% !important; height: 800px; } #header { padding-top: 30px; position: relative; width: 100%; display: block; } .nav { margin: 0; padding: 0; list-style-type: none; } .nav li { list-style-type: none; float: left; } .nav li a { text-transform: uppercase; font-size: 0.7em; color: #62c4f3; font-weight: bold; display: block; height: 24px; margin: 0 8px 0 4px; padding: 12px 12px 0 0; border-right: 1px solid #252525; } .nav li a:hover { color: #cf2f0a; } .nav li.first a { border-left: 1px solid #252525; padding-left: 12px; } .nav li.navRoundedButton a { padding: 12px 0 0 0; margin: 0 6px; width: 110px; height: 35px; text-align: center; background: url(/images/nav_btn.png) no-repeat; border: 0; } .nav li.on a { color: #cf2f0a !important; } .nav li#globalIgnitionLabLink { margin-left: 6px; padding-left: 12px; border-left: 1px solid #252525; } .nav li#globalIgnitionLabLink a { color: #848181; text-transform: none; } .nav li#globalIgnitionLabLink a:hover { color: #cf2f0a; } #globalNav1 { float: left; } #globalNav2 { float: right; } #logoCntnr { position: absolute; bottom: 18px; left: 50%; margin-left: -75px; width: 154px; height: 24px; overflow: hidden; background: transparent url(/images/gyrohsr_logo_top2.png) no-repeat; } #logoCntnr a { text-indent: -5000px; display: block; width: 154px; height: 24px; overflow: hidden; background: transparent url(/images/gyrohsr_logo_top2.png) no-repeat; } #body { position: relative; border-bottom: 1px solid #2d2d2d; overflow: hidden; } #content { position: relative; width: 1000px; background: #000000; } .contentCntnr { position: absolute; z-index: 100; top: 0; left: 0; width: 1000px; background-color: #000000; } .transitionCntnr { background: transparent; } #imgCntnr { width: 100%; overflow: hidden; margin-bottom: -5px; position: absolute; top: 0; left: 0; } #sdbInfoCntnr { } .sdb { position: absolute; bottom: -1px; left: 0; z-index: 150; background: #1e1e1e; border-top: 1px solid #2d2d2d; display: none; overflow: visible; width: 1000px; } .sdb p { font-size: 0.7em; text-transform: uppercase; margin: 3px 0; padding: 0; line-height: 1em; } .sdbThumbnail { width: 100px; height: 75px; float: left; margin: 15px 0 0 35px; padding-right: 30px; padding-bottom: 10px; border-right: 1px solid #2d2d2d; } .sdbDateTimeCell { float: left; height: 75px; margin: 12px 0 12px 30px; padding-right: 30px; padding-top: 10px; border-right: 1px solid #2d2d2d; } .sdbDateTimeCell p { color: #828282; } .sdbTitleCell { float: left; height: 75px; margin: 12px 0 12px 30px; padding-right: 30px; padding-top: 10px; border-right: 1px solid #2d2d2d; width: 120px; } .sdbTitleCell p { color: #e95020; } .sdbAuthorCell { float: left; height: 75px; margin: 12px 0 12px 30px; padding-right: 30px; padding-top: 10px; border-right: 1px solid #2d2d2d; } .sdbAuthorCell p { color: #e95020; } .sdbIgnitionCell { float: left; height: 75px; margin: 12px 0 12px 30px; padding-top: 10px; width: 200px; } .sdbIgnitionCell p { color: #e95020; line-height: 1.2em; } .sdbIgnitionInternal { display: none; } #flashCntnr { position: absolute; background: transparent; z-index: 105; overflow: auto !important; } .flashLarge { top: 20px; left: 50%; width: 250px; height: 512px; margin-left: -125px; } .flashSmall { top: 118px; left: 50px; width: 150px; height: 307px; margin-left: 0; } #footer { width: 100%; padding-top: 15px; } #screenDesignedByCntnr { float: left; margin: 5px 0 0 34px; } #screenDesignedByCntnr a { font-size: 0.8em; color: #828282; padding-right: 12px; background: url(/images/sdb_arrow.png) no-repeat right center; width: 150px; } #screenDesignedByCntnr a:hover { color: #cf2f0a; background-image: url(/images/sdb_arrow_over.png); } #screenDesignedByCntnr a.on { color: #cf2f0a; background-image: url(/images/sdb_arrow_on.png); } #footerNav { float: right; margin-right: 15px; } .nav li.smIcon { margin: 6px; } .nav li.smIcon a { border: 0; text-indent: -5000px; margin: 0; padding: 0; } #fbLink { width: 27px; height: 25px; overflow: hidden; } #fbLink a { display: block; width: 27px; height: 25px; overflow: hidden; background: url(/images/fbicon.png) no-repeat 0 0; } #fbLink a:hover { background-position: 0 -25px; } #twLink { width: 27px; height: 25px; overflow: hidden; } #twLink a { display: block; width: 27px; height: 25px; overflow: hidden; background: url(/images/twicon.png) no-repeat 0 0; } #twLink a:hover { background-position: 0 -25px; } #flLink { width: 37px; height: 25px; overflow: hidden; } #flLink a { display: block; width: 37px; height: 25px; overflow: hidden; background: url(/images/flicon.png) no-repeat 0 0; } #flLink a:hover { background-position: 0 -25px; } #rssLink { width: 27px; height: 25px; overflow: hidden; } #rssLink a { display: block; width: 27px; height: 25px; overflow: hidden; background: url(/images/rssicon.png) no-repeat 0 0; } #rssLink a:hover { background-position: 0 -25px; } #copyrightNav { clear:both; float:left; margin:5px 0 0 33px; } #copyrightNav li a { font-size: 0.6em; height: 14px; padding-top: 6px; } #globalcopyright { text-transform: uppercase; font-size: 0.65em; display: block; height: 24px; margin: 0 8px 0 4px; padding: 5px 12px 0 0; font-family:Arial, Helvetica, sans-serif; color:#505050; } #globalPrivacyLink a { margin-left: 0; } #subnav { padding-bottom: 0; } #subnav li { float: left; padding-left: 10px; height: 70px; margin-left: 40px; border-left: 1px solid #000000; line-height: 1em; } #subnav li.whitetext { border-left: 1px solid #ffffff; } #subnav li a { font-size: 0.7em; font-weight: bold; color: #000000; text-transform: uppercase; } #subnav li.whitetext a { color: #ffffff; } #subnav li a.on { color: #bf1f00; } #subnav li.whitetext a.on { color: #ff5f3a; } #subnav li a:hover { color: #cf2f0a; } #subnav li.whitetext a:hover { color: #ff5f3a; } /* INDEX.PHP STYLES */ #newsAndInsights { float: right; margin-top: 350px; width: 330px; position: relative; } #newsAndInsights #newsCntnr { width: 330px; position: absolute; bottom: 50%; z-index: 10; -moz-box-shadow: 3px 3px 3px #000000; -webkit-box-shadow: 3px 3px 3px #000000; box-shadow: 3px 3px 3px #000000; } #newsAndInsights h1 { background: #1E1E1E; padding: 5px; white-space: nowrap; float: left; } #newsAndInsights h1 a { font-size: 1em; font-weight: 700; margin: 0; padding: 0; margin-bottom: 10px; color: #e2612c; } #newsAndInsights h1 a:hover { color: #ff7f4d; } #newsAndInsights #newsItemCntnr { clear: both; background: #1e1e1e; } #newsAndInsights h2 { clear: both; float: left; font-size: 0.7em; font-weight: 700; margin: 0; padding: 13px 5px 3px 10px; color: #4b4b4b; background: #1e1e1e; width: 315px; } #newsAndInsights a.blurb { clear: both; float: left; font-size: 0.9em; font-weight: 700; margin: 0; padding: 3px 5px 13px 10px; color: #ffffff; background: #1e1e1e; width: 315px; } #newsAndInsights a.blurb:hover { color: #cccccc; } #newsAndInsights #awardsCntnr { width: 310px; position: absolute; top: 50%; right: 0; margin-top: 20px; z-index: 9; background: #cf2f0a; overflow: hidden; height: 121px; } #newsAndInsights li { margin: 10px; padding-bottom: 10px; border-bottom: 1px solid #a42608; width: 290px; height: 40px; overflow: hidden; background: #cf2f0a; position: relative; } #newsAndInsights h3 { clear: both; float: left; font-size: 0.8em; font-weight: bold; font-style: italic; margin: 5px 0; padding: 0 5px; width: 280px; color: #ffffff; } #newsAndInsights h3 a { color: #ffffff; } #newsAndInsights h3 a:hover { color: #cccccc; } #newsAndInsights h4 { font-size: 0.8em; color: #252525; font-weight: normal; font-style: italic; margin: 0; padding: 0 5px; } #newsAndInsights a.awardlinkicon { position: absolute; top: 50%; margin-top: -14px; right: 10px; height: 17px; width: 17px; display: block; overflow: hidden;} #newsShareButton { position: absolute; bottom: 25px; right: 50px; } /* PEOPLE/INDEX.PHP STYLES */ #peopleBodyCopyCntnr { position: absolute; left: 230px; top: 240px; width: 250px; } #peopleBodyCopyCntnr h1 { margin: 0; padding: 0; } #peopleBodyCopyCntnr h1 span { background: #cf2f0a; padding: 0 3px 0 6px; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; float: right; line-height: 0.8em; } #peopleBodyCopyCntnr p { clear: both; margin: 0; padding: 0; margin-left: 10px; padding-top: 15px; color: #000000; font-size: 1.1em; font-weight: normal; line-height: 1.3em; width: 240px; } #peopleBodyCopyCntnr p.whitetext { color: #ffffff; } #peopleSubnavCntnr { position: absolute; right: 30px; top: 30px; } #peopleByVisualsCntnr { width: 490px; height: 600px; overflow: hidden; position: absolute; right: 7px; top: 110px; } #peopleByVisualsCntnr ul { } .peopleByVisualsCell { width: 115px; height: 115px; float: left; margin-right: 4px; margin-bottom: 4px; position: relative; } .peopleByVisualsCell a { width: 115px; height: 115px; display: block; } .peopleByVisualsCell .desc { width: 115px; height: 65px; background: #000000; color: #ffffff; text-align: center; position: absolute; top: 0; left: 0; z-index: 10; display: none; font-size: 0.7em; font-weight: bold; text-transform: uppercase; padding-top: 50px; cursor: pointer; } #peopleByVisualsScrollCntnr { width: 475px; height: 45px; position: absolute; right: 17px; top: 370px; } #peopleByVisualsScrollPrev { float: left; height: 45px; width: 50%; background: #1E1E1E; } #peopleByVisualsScrollPrev a { text-indent: -5000px; display: block; width: 100%; height: 45px; background: transparent url(/images/scroll_prev.gif) no-repeat 15px center; } #peopleByVisualsScrollPrev a:hover { background-color: #000000; background-image: url(/images/scroll_prev_over.gif); } #peopleByVisualsScrollNext { float: left; height: 45px; width: 50%; background: #1E1E1E; } #peopleByVisualsScrollNext a { text-indent: -5000px; display: block; width: 100%; height: 45px; background: transparent url(/images/scroll_next.gif) no-repeat 210px center; } #peopleByVisualsScrollNext a:hover { background-color: #000000; background-image: url(/images/scroll_next_over.gif); } #peopleByListCntnr { width: 480px; height: 600px; overflow: hidden; position: absolute; right: 7px; top: 115px; } #peopleByListCntnr h2 { padding-top: 10px; display: block; } #peopleByListCntnr h2 span { text-transform: uppercase; background: #000000; color: #ffffff; font-size: 0.9em; line-height: 0.8em; float: left; padding: 1px 3px 1px 6px; } #officesByListCntnr { height: 300px; overflow: hidden; } #brandsByListCntnr { height: 200px; overflow: hidden; } .peopleList { width: 238px; margin: 10px 0 20px 0; } .peopleList li { line-height: 1.9em; } .peopleList li a { font-size: 1.3em; color: #000000; text-transform: uppercase; font-weight: bold; } .peopleList li.whitetext a { color: #ffffff; } .peopleList li a:hover { color: #cf2f0a; } .peopleListLeft { float: left;} .peopleListRight { float: right; } /* PEOPLE/OFFICE.PHP STYLES */ #officeBodyCopyCntnr { position: absolute; left: 250px; top: 150px; width: 400px; } h1#officeHeading { margin: 0; padding: 0; width: 200px; position: absolute; left: 250px; top: 150px; z-index: 101;} h1#officeHeading span { background: #000000; padding: 2px 9px 0 3px; color: #ffffff; font-size: 2.7em; font-weight: 700; text-transform: uppercase; float: left; white-space: nowrap; } #officeBodyCopyCntnr p { color: #000000; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; } #officeBodyCopyCntnr p.whitetext { color: #ffffff; } #officeBodyCopyCntnr a { color: #000000; text-decoration: underline; } #officeBodyCopyCntnr p.whitetext a { color: #ffffff; } #officeBodyCopyCntnr p a:hover { color: #cf2f0a; } #officeBodyCopyCntnr #mainhtml { position: absolute; left: 140px; top: 110px; width: 400px; } #officeLocationCopyCntnr { position: absolute; right: 20px; top: 140px; width: 170px; } #officeLocationCopyCntnr h2 { margin: 0; padding: 0; } #officeLocationCopyCntnr h2 span { background: #000000; padding: 7px; color: #ffffff; font-size: 0.85em; font-weight: 700; text-transform: uppercase; } #officeLocationCopyCntnr #officeLocation { width: 100%; padding: 20px 0 25px 0; background: #000000; } #officeLocationCopyCntnr #officeLocation p { padding: 0 7px; color: #ffffff; font-family: Helvetica, Arial, Sans-Serif; font-size: 0.8em; margin-bottom: 15px; line-height: 1.4em; } #officeLocationCopyCntnr #officeLocation a { color: #ffffff; text-decoration: underline; } #officeLocationCopyCntnr #officeLocation a:hover { color: #bf1f00; } #officeSubnavCntnr { position: absolute; right: 30px; top: 30px; } #officeSubnavCntnr #subnav li#officeSubnavItem { width: 240px; position: relative; } #officeSubnavCntnr #subnav li.whitetext div.officeTitle { color: #000000; } /* I know this seems backwards, but this is the indicated "on" state */ #officeSubnavCntnr #subnav li a#officeLink { display: block; } #officeSubnavCntnr #subnav li ul { position: absolute; top: 30px; } #officeSubnavCntnr #subnav li ul.left { left: 10px; margin-right: 15px; } #officeSubnavCntnr #subnav li ul.right { right: 0; } #officeSubnavCntnr #subnav li ul li { clear: both; height: auto; padding: 0; margin: 0; margin-bottom: 3px; border: 0; } #officeSubnavCntnr #subnav li ul li a { text-transform: none; } #officeSubnavCntnr #subnav li ul li a.on { color: #bf1f00; } #officeSubnavCntnr #subnav li ul li.whitetext a.on { color: #ff5f3a; } #map { position: absolute; top: 275px; left: 250px; height: 330px; width: 375px; padding: 5px; background: #ffffff; display: none; } #mapCanvas { position: relative; height: 100%; width: 100%; } .mapBalloon { overflow: hidden; } .mapBalloon h1 { font-size: 1.1em; white-space: nowrap; padding-right: 30px; } .mapBalloon p { font-size: 0.7em; line-height: 1.2em; margin-top: 5px; } #directions { position: absolute; top: 325px; left: 645px; width: 260px; display: none; } #directions h2 { text-transform: uppercase; font-size: 0.8em; padding: 15px; padding-bottom: 0; margin: 10px 0 -10px 0; background: #D02F0A; color: #ffffff; font-weight: bold; } #directions p { font-size: 0.8em; padding: 15px; margin: 0; background: #d02f0a; color: #ffffff; line-height: 1.2em; } #directions a { color: #ffffff; text-decoration: underline; } #officeContactUsCntnr { position: absolute; top: 275px; left: 250px; height: 400px; width: 530px; } #officeContactUsCntnr form { } #officeContactUsCntnr #formFields { background: #cf2f0a; padding: 15px; } #officeContactUsCntnr .requiredFieldWarning { font-size: 0.7em; font-weight: bold; color: #520012; margin-bottom: 10px; } #officeContactUsCntnr #ajaxLoader { position: absolute; top: 16px; right: 16px; display: none; } #officeContactUsCntnr label { font-size: 1em; color: #ffffff; } #officeContactUsCntnr .invalidEmailMsg { padding-left: 15px; font-size: 0.8em; font-weight: bold; color: #000000; display: none; } #officeContactUsCntnr #formFields input { width: 490px; border: 0; font-size: 1em; color: #ffffff; background: #902107; padding: 5px; margin: 10px 0; font-family: Helvetica, Arial, Sans-Serif;} #officeContactUsCntnr #formFields textarea { width: 490px; border: 0; font-size: 1em; color: #ffffff; background: #902107; padding: 5px; margin: 0; margin-top: 10px; font-family: Helvetica, Arial, Sans-Serif; } #officeContactUsCntnr #formFields input.error, #officeContactUsCntnr #formFields textarea.error { width: 486px; border: 2px solid #000000; } #officeContactUsCntnr #txtAreaCode { display: none; } /* spambot countermeasure */ #officeContactUsCntnr #btnSubmit { float: right; border: 0; background: #cf2f0a; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 6px 20px; color: #ffffff; cursor: pointer; } #officeContactUsCntnr .mailResponse { padding: 50px 100px 50px 50px; background: #cf2f0a; width: 300px; } #officeContactUsCntnr .mailResponse h2 { font-size: 1.4em; font-weight: bold; color: #ffffff; margin-bottom: 15px; } #officeContactUsCntnr .mailResponse p { font-size: 1em; font-weight: normal; line-height: 1.5em; color: #ffffff; } #officeCareers { float: right; margin-top: 110px; margin-right: 19px; width: 734px; z-index: 100; } #careersTop { width: 734px; height: 7px; overflow: hidden; background: url(/images/people_careers_bg_top.png) no-repeat; } #careersBody { width: 734px; min-height: 623px; height: auto !important; height: 623px; position: relative; background: url(/images/people_careers_bg.png) repeat-y; overflow: hidden; } #careersCntnr, #applyCntnr { margin-top: 100px; position: relative; width: 100%; } #careerListCntnr { margin: 70px 0 0 40px; width: 380px; min-height: 453px; height: auto !important; height: 453px; float: left; } #careerListCntnr h2 { line-height: 1.3em; margin-bottom: 0; } #careerListCntnr h2 span { color: #ffffff; text-transform: uppercase; font-size: 0.9em; background: #A62608; line-height: 1.3em; padding: 10px 10px 5px 10px; } #careerListCntnr ul { width: 100%; background: #A62608; padding: 20px 0; min-height: 392px; height: auto !important; height: 392px; } #careerListCntnr li p { color: #ffffff; font-weight: normal; line-height: 20px; margin: 0 20px 20px 20px; font-size: 0.9em; } #careerListCntnr li a { color: #ffffff; font-weight: bold; margin: 0 10px 20px 20px; font-size: 0.8em; line-height: 25px; } #careerListCntnr li a:hover { color: #000000; } #careerListCntnr li span { font-weight: normal; } #careerBodyCopyCntnr { width: 280px; min-height: 500px; height: auto !important; height: 500px; float: right; } #careerApplyLinkCntnr { width: 100%; background: #A62608; } #careerApplyLinkCntnr #applyLink { color: #ffffff; text-transform: uppercase; font-size: 1em; margin-top: 20px; float: right; background: #000000; padding: 7px 7px 4px 7px; text-decoration: none; font-weight: bold; } #careerApplyLinkCntnr #applyLink:hover { color: #cf2f0a; text-decoration: none; } #careerBodyCopyCntnr p { font-size: 0.85em; color: #ffffff; line-height: 1.3em; margin: 0 45px 15px 0; } #careerBodyCopyCntnr a { color: #ffffff; text-decoration: none; } #careerBodyCopyCntnr a:hover { text-decoration: underline; } #careerBodyCopyCntnr ul { margin: 0 45px 15px 0; } #careerBodyCopyCntnr li { font-size: 0.85em; color: #ffffff; line-height: 1.3em; list-style-type: disc; margin-left: 15px; margin-bottom: 0; } #applyCntnr h3 { text-align: right; padding-right: 7px; color: #ffffff; text-transform: uppercase; font-size: 1em; } #applyAjaxLoader { position: absolute; top: 16px; right: 26px; height: 32px; width: 32px; display: none; } #officeApplyForm { margin-top: 20px; display: block; padding: 0 100px; } #officeApplyForm .requiredFieldWarning { font-size: 0.7em; font-weight: bold; color: #520012; margin-bottom: 10px; } #officeApplyForm .officeApplyRow { display: block !important; margin-bottom: 5px; } .officeApplyCell { float: left; padding: 0 8px; } .officeApplyCell label { color: #ffffff; font-size: 0.75em; } .officeApplyCell input, #jobRoleCell .selectedTxt, .officeApplyCell textarea { display: block; width: 100%; background: #902107; border: 0; font-size: 0.9em; font-family: Helvetica, Arial, Sans-Serif; padding: 4px; color: #ffffff; } #officeApplyForm #firstNameCell, #officeApplyForm #lastNameCell, #officeApplyForm #address1Cell, #officeApplyForm #address2Cell, #officeApplyForm #jobRoleCell, #officeApplyForm #resumeCell { width: 240px; position: relative; } #officeApplyForm #cityCell, #officeApplyForm #postcodeCell, #officeApplyForm #emailCell { width: 172px; } #officeApplyForm #stateCell, #officeApplyForm #phoneCell { width: 120px; } #officeApplyForm #emailCell, #officeApplyForm #websiteCell { width: 172px; } #officeApplyForm #countryCell, #officeApplyForm #messageCell { width: 496px; } #officeApplyForm .invalidEmailMsg { padding-left: 10px; font-size: 0.75em; font-weight: bold; color: #000000; display: none; } #jobRoleCell .newListSelected { width: 100%; } #jobRoleCell .selectedTxt { width: auto; background: #902107 url(/images/form_select_arrow.gif) no-repeat 95% center; cursor: pointer; height: 16px; line-height: 18px; overflow: hidden; } #jobRoleCell .newList { margin-top: -3px; width: 100%; border-top: 1px solid #1c1c1c; z-index: 105; } #jobRoleCell .newList li { cursor: pointer; display: block; background: #902107; border: 0; font-size: 0.75em; font-family: Helvetica, Arial, Sans-Serif; padding: 2px 4px; color: #ffffff; } #jobRoleCell .newList li:hover { background: #611605; } #btnApplySubmit { float: right; border: 0; background: #cf2f0a; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 6px 20px; color: #ffffff; cursor: pointer; } #officeApplyForm .error { border: 2px solid #000000; } #officeApplyForm #middleInitialCell { display: none; } /* This is an anti-spam countermeasure */ .applyResponse { margin-top: 70px; margin-left: 55px; } .applyResponse h2 { font-size: 1.4em; font-weight: bold; color: #ffffff; margin-bottom: 15px; } .applyResponse p { font-size: 1em; font-weight: normal; line-height: 1.5em; color: #ffffff; } /* IDEAS.PHP STYLES */ #ideasBodyCopyCntnr { float: left; margin-left: 205px; padding-top: 240px; width: 290px; } #ideasBodyCopyCntnr h1 { margin: 0; padding: 0; } #ideasBodyCopyCntnr h1 span { background: #D02F0A; padding: 0 3px 0 6px; line-height: 0.8em; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; float: right; } #ideasBodyCopyCntnr p { clear: both; margin: 0; padding: 0; margin-left: 30px; padding-top: 15px; color: #000000; font-size: 1.1em; font-weight: normal; line-height: 1.3em; width: 260px; } #ideasBodyCopyCntnr p.whitetext { color: #ffffff; } #ideasSubnavCntnr { float: right; margin-right: 30px; margin-top: 30px; } #ideasByVisualsCntnr { width: 490px; height: 420px; overflow: hidden; position: absolute; right: 0; top: 110px; } #ideasByVisualsCntnr ul { } .ideasByVisualsCell { width: 115px; height: 115px; float: left; margin-right: 5px; margin-bottom: 5px; position: relative; } .ideasByVisualsCell a { width: 115px; height: 115px; display: block; } .ideasByVisualsCell .desc { width: 115px; height: 65px; background: #000000; color: #ffffff; text-align: center; position: absolute; top: 0; left: 0; z-index: 10; display: none; font-size: 0.7em; font-weight: bold; text-transform: uppercase; padding-top: 50px; cursor: pointer; } #ideasByVisualsScrollCntnr { width: 475px; height: 45px; position: absolute; right: 15px; top: 370px; } #ideasByVisualsScrollPrev { float: left; height: 45px; width: 50%; background: #1E1E1E; } #ideasByVisualsScrollPrev a { text-indent: -5000px; display: block; width: 100%; height: 45px; background: transparent url(/images/scroll_prev.gif) no-repeat 15px center; } #ideasByVisualsScrollPrev a:hover { background-color: #000000; background-image: url(/images/scroll_prev_over.gif); } #ideasByVisualsScrollNext { float: left; height: 45px; width: 50%; background: #1E1E1E; } #ideasByVisualsScrollNext a { text-indent: -5000px; display: block; width: 100%; height: 45px; background: transparent url(/images/scroll_next.gif) no-repeat 210px center; } #ideasByVisualsScrollNext a:hover { background-color: #000000; background-image: url(/images/scroll_next_over.gif); } #ideasByListCntnr { width: 475px; float: right; margin-right: 7px; margin-top: 15px; } .ideasList { width: 400px; float: left; } .ideasList li { margin-bottom: 7px; height: 110px; overflow: hidden; } .ideasList li a.ideasListLogoLink { float: left; padding: 0; background: #ffffff; border-right: 1px solid #cf2f0a; height: 100%; } .ideasList li a.ideasListTextLink { float: left; font-size: 0.8em; font-weight: bold; color: #cf2f0a; padding: 52px 10px 0 10px; text-transform: uppercase; background: #ffffff; width: 220px; height: 58px; } .ideasList li a.ideasListTwoLineTextLink { padding-top: 47px; height: 65px; } #ideasByListScrollCntnr { width: 45px; height: 461px; float: right; margin-right: 15px; } #ideasByListScrollPrev { height: 50%; width: 45px; background: #1e1e1e; } #ideasByListScrollPrev a { text-indent: -5000px; display: block; width: 45px; height: 100%; background: transparent url(/images/scroll_up.gif) no-repeat 13px 13px; } #ideasByListScrollPrev a:hover { background-image: url(/images/scroll_up_over.gif); background-color: #000000; } #ideasByListScrollNext { height: 50%; width: 45px; background: #1e1e1e; } #ideasByListScrollNext a { text-indent: -5000px; display: block; width: 45px; height: 100%; background: transparent url(/images/scroll_down.gif) no-repeat 13px 187px; } #ideasByListScrollNext a:hover { background-image: url(/images/scroll_down_over.gif); background-color: #000000; } #ideasDialog { background: #ffffff; padding: 25px 25px 25px 210px; width: 725px; height: 620px; z-index: 101; position: absolute; top: 15px; left: 500px; margin-left: -485px; display: none; overflow: hidden; box-shadow: 3px 3px 3px #111111; -moz-box-shadow: 3px 3px 3px #111111; -webkit-box-shadow: 3px 3px 3px #111111; } #ideasDialogCloseBox { position: absolute; right: 25px; top: 25px; text-indent: -5000px; display: block; z-index: 180; height: 34px; width: 34px; overflow: hidden; background: url(/images/ideas_close_btn.gif) no-repeat; } #ideasDialogShareButton { position: absolute; background: #ffffff; height: 17px; width: 51px; } #ideasDialogCaseSummaryHorizCntnr #ideasDialogShareButton { top: 8px; right: 15px; } #ideasDialogCaseSummaryVertCntnr #ideasDialogShareButton { top: 90px; right: 25px; } #ideasDialogSlideshowCntnr #ideasDialogShareButton { bottom: 20px; right: 60px; } #ideasDialogHead { position: relative; display: block !important; margin-bottom: 20px; width: 680px; } #ideasDialogHead img { float: left; margin-right: 10px; } #ideasDialogHead h1 { font-weight: normal; font-size: 0.9em; color: #cf2f0a; padding-top: 22px; } #ideasDialogHead h1 strong { font-weight: bold; color: #000000; } #ideasDialogShortDesc { float: left; margin-right: 30px; font-size: 0.7em; line-height: 1.1em; color: #1e1e1e; font-weight: bold; } #ideasDialogCapabilities { } #ideasDialogCapabilities ul { float: left; margin-right: 15px; } #ideasDialogCapabilities li { font-size: 0.7em; font-weight: bold; margin-bottom: 3px; color: #6a6a6a; } #ideasDialogVideoCntnr { width: 640px; height: 360px; padding-bottom: 10px; margin-bottom: 10px; position: relative; } #ideasDialogCaseSummaryHorizCntnr { padding: 10px 0; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; background: #ffffff; position: relative; } #caseSummaryHorizLink { display: block; font-size: 0.8em; font-weight: bold; color: #cf2f0a; text-transform: uppercase; padding-left: 20px; background-position: 4px 4px; } .caseSummaryLinkOff { background: url(/images/down_arrow_red_on_white.gif) no-repeat; } .caseSummaryLinkOn { background: url(/images/up_arrow_red_on_white.gif) no-repeat; } #ideasDialogHorizBody { margin: 10px 0; } #ideasDialogHorizBody h2 { font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #1e1e1e; margin: 0; margin-bottom: 10px; } #ideasDialogHorizBody p { font-size: 0.75em; line-height: 1.2em; color: #363636; } #ideasDialogHorizBody #challenge, #ideasDialogHorizBody #solution, #ideasDialogHorizBody #ideas, #ideasDialogHorizBody #results { float: left; width: 22%; height: 105px; overflow: hidden; padding: 10px; background: #e5e5e5; } #ideasDialogHorizBody #challenge, #ideasDialogHorizBody #solution, #ideasDialogHorizBody #ideas { margin-right: 1px; padding-right: 10px; } #ideasDialogHorizBody #ideas { background: #cf2f0a; } #ideasDialogHorizBody #ideas p, #ideasDialogHorizBody #ideas h2 { color: #ffffff; } #ideasDialogHorizCapabilities { display: block !important; } #ideasDialogHorizCapabilities li { float: left; margin-right: 15px; text-transform: uppercase; font-weight: bold; color: #9c9c9c; font-size: 0.65em; } #ideasDialogSingleImageCntnr { margin-top: 10px; } #ideasDialogSingleImage { float: left; width: 460px; height: 570px; margin-right: 30px; } #ideasDialogCaseSummaryVertCntnr { float: left; width: 234px; padding: 10px 0; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; } #ideasDialogCaseSummaryVertCntnr h1 { font-size: 0.8em; font-weight: bold; color: #cf2f0a; text-transform: uppercase; margin-bottom: 5px; } #ideasDialogCaseSummaryVertCntnr h2 { font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #1e1e1e; margin: 0; margin-bottom: 10px; } #ideasDialogCaseSummaryVertCntnr p { font-size: 0.75em; line-height: 1.2em; color: #363636; } #ideasDialogCaseSummaryVertCntnr #challenge, #ideasDialogCaseSummaryVertCntnr #solution, #ideasDialogCaseSummaryVertCntnr #results { padding: 10px; background: #e5e5e5; margin-bottom: 1px; } #ideasDialogCaseSummaryVertCntnr #ideas { padding: 10px; background: #cf2f0a; } #ideasDialogCaseSummaryVertCntnr #ideas p, #ideasDialogCaseSummaryVertCntnr #ideas h2 { color: #ffffff; } #ideasDialogVertCapabilities { margin-top: 10px; } #ideasDialogVertCapabilities li { float: left; margin-right: 10px; text-transform: uppercase; font-weight: bold; color: #9c9c9c; font-size: 0.65em; line-height: 1.5em; } #ideasDialogSlideshowCntnr { margin-top: 15px; } #ideasSlideCntnr { float: left; width: 630px; height: 600px; overflow: hidden; position: relative; } .ideasSlide { width: 630px; overflow: hidden; position: absolute; top: 0; left: 0; } .ideasSlideHead img { float: left; margin-right: 10px; } .ideasSlide h1 { font-weight: normal; font-size: 0.9em; color: #cf2f0a; margin-bottom: 15px; padding-top: 22px; } .ideasSlide h1 strong { font-weight: bold; color: #000000; } #ideasCSIRCntnr { float: left; width: 530px; margin: 15px 25px 0 80px; padding-top: 10px; } #ideasCSIRCntnr #challenge, #ideasCSIRCntnr #solution, #ideasCSIRCntnr #results { padding: 15px 15px 30px 0; border-top: 1px solid #9f9f9f; } #ideasCSIRCntnr h2 { font-size: 1em; font-weight: bold; text-transform: uppercase; color: #1e1e1e; margin: 0 15px 4px 0; float: left; height: 40px; width: 130px; text-align: right; } #ideasCSIRCntnr p { font-size: 0.85em; line-height: 1.3em; color: #363636; float: right; width: 365px; } #ideasCSIRCntnr #ideas { padding: 1px 0; border-top: 1px solid #9f9f9f; } #ideasCSIRCntnr #ideasInner { background: #cf2f0a; padding: 14px 15px 29px 0; } #ideasCSIRCntnr #ideas p, #ideasSlideCntnr #ideas h2 { color: #ffffff; } .ideasSlideVideoCntnr { width: 640px; height: 360px; position: relative; } .ideasSlideVideoPlayBtn { z-index: 110; position: absolute; top: 122px; left: 262px; } .ideasDialogSlideshowLink { position: absolute; bottom: 60px; left: 230px; padding: 2px 4px; font-weight: bold; text-transform: uppercase; background: #cf2f0a; color: #ffffff; font-size: 1.2em; } .ideasDialogSlideshowLink:hover { color: #000000; } #ideasSlideshowNavCntnr { float: right; width: 100px; margin-top: 200px; } #ideasSlideshowPrev { display: block; float: left; margin-right: 1px; background: #1e1e1e url(/images/scroll_prev.gif) no-repeat center center; height: 60px; width: 48px; overflow: hidden; text-indent: -5000px; } #ideasSlideshowPrev:hover { background-color: #000000; background-image: url(/images/scroll_prev_over.gif); } #ideasSlideshowNext { display: block; float: right; background: #1e1e1e url(/images/scroll_next.gif) no-repeat center center; height: 60px; width: 48px; overflow: hidden; text-indent: -5000px; } #ideasSlideshowNext:hover { background-color: #000000; background-image: url(/images/scroll_next_over.gif); } #ideasDialogAjaxLoader { display: none; position: absolute; top: 220px; left: 300px; } #ideasDialogAjaxLoader img { float: left; width: 66px; height: 66px; } #ideasDialogAjaxLoader p { float: left; margin-left: 20px; font-weight: bold; font-size: 2.4em; line-height: 66px; color: #cf2f0a; } /* ABOUT/INDEX.PHP STYLES */ #aboutHeading { margin: 0; padding: 0; position: absolute; top: 160px; right: 30px; } #aboutHeading span { background: #cf2f0a; padding: 1px 3px 0 3px; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #aboutBodyCopyCntnr { position: absolute; left: 280px; top: 315px; width: 690px; } #aboutBodyCopyCntnr p { margin: 0; padding: 0; margin-left: 30px; color: #000000; font-size: 1.2em; font-weight: normal; line-height: 1.3em; width: 450px; float: left; } #aboutBodyCopyCntnr p.whitetext { color: #ffffff; } #aboutBodyCopyCntnr h2 { font-size: 1.8em; text-transform: uppercase; color: #000000; font-weight: 700; float: left; } #aboutBodyCopyCntnr h2.whitetext { color: #ffffff; } #aboutBodyCopyCntnr h2 strong { display: block; font-size: 1.6em; color: #cf2f0a; text-align: right; } #aboutSubnavCntnr { position: absolute; right: 30px; top: 30px; } #aboutSubnavCntnr #subnav li a { display: block; } #aboutSubnavCntnr #subnav li ul { width: 40%; margin-top: 15px; } #aboutSubnavCntnr #subnav li ul.left { float: left; } #aboutSubnavCntnr #subnav li ul.right { float: right; } #aboutSubnavCntnr #subnav li ul li { float: none; height: auto; padding: 0; margin: 0; margin-bottom: 3px; border: 0; white-space: nowrap; } #aboutSubnavCntnr #subnav li ul li a { text-transform: none; } #aboutSubnavCntnr #subnav li ul li a.on { color: #bf1f00; } #aboutSubnavCntnr #subnav li ul li.whitetext a.on { color: #ff5f3a; } /* CAPABILITIES STYLES */ #capabilitiesHeading { margin: 0; padding: 0; position: absolute; top: 160px; right: 30px; } #capabilitiesHeading span { background: #ffffff; padding: 1px 3px 0 3px; color: #000000; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #capabilitiesListCntnr { position: absolute; top: 270px; left: 250px; width: 730px; } #capabilitiesListCntnr ul { float: left; margin-right: 30px; } #capabilitiesListCntnr ul li { margin-bottom: 7px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #000000; white-space: nowrap; } #capabilitiesListCntnr ul li.whitetext { color: #ffffff; } #capabilitiesBodyCopyCntnr { position: absolute; top: 400px; left: 340px; width: 640px; } #capabilitiesBodyTitle { float: left; margin-right: 25px; width: 150px; margin-top: 5px; } #capabilitiesBodyTitle h2 { margin: 0; padding: 0; } #capabilitiesBodyTitle h2 span { background: #000000; color: #ffffff; padding: 1px 2px 0 3px; font-size: 1.6em; height: 24px; font-weight: 700; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #viewStrategicProcessesLink { float: right; font-size: 0.9em; font-weight: bold; color: #000000; line-height: 0.8em; background: #ffffff url(/images/link_arrow_black_on_white.gif) no-repeat 7px center; text-decoration: none; padding: 4px 4px 2px 16px; text-transform: uppercase; } #viewStrategicProcessesLink:hover { background-image: url(/images/link_arrow_red_on_white.gif); color: #cf2f0a; } #capabilitiesBodyCopy { float: left; width: 465px; } #capabilitiesBodyCopy p { font-size: 1.1em; color: #000000; line-height: 1.3em; margin-bottom: 20px; } #capabilitiesBodyCopy p.whitetext { color: #ffffff; } #centresLink { background: #000000 url(/images/link_arrow_white_on_black.gif) no-repeat 7px center; line-height: 0.8em; color: #ffffff; text-transform: uppercase; padding: 4px 4px 2px 16px; font-weight: bold; font-size: 1em; } #centresLink:hover { background-image: url(/images/link_arrow_red_on_transparent.png); color: #cf2f0a; } #capabilitiesBodyCopy #centresList { display: block; margin-top: 20px; } #capabilitiesBodyCopy #centresList li { float: left; margin-right: 20px; } #capabilitiesBodyCopy #centresList li a { padding-left: 15px; color: #000000; text-transform: uppercase; font-size: 0.8em; background: url(/images/link_arrow_black_on_transparent.png) no-repeat 7px center; font-weight: bold; line-height: 0.8em; } #capabilitiesBodyCopy #centresList li a.whitetext { background-image: url(/images/link_arrow_white_on_transparent.png); color: #ffffff; } #capabilitiesBodyCopy #centresList li a:hover { background-image: url(/images/link_arrow_blue_on_transparent.png); color: #99dfff; } #strategicProcessDialog { background: #ffffff; padding: 20px; width: 956px; height: 624px; z-index: 110; position: absolute; top: 50%; left: 509px; margin-left: -507px; margin-top: -337px; display: none; box-shadow: 3px 3px 3px #111111; -moz-box-shadow: 3px 3px 3px #111111; -webkit-box-shadow: 3px 3px 3px #111111; } #strategicProcessDialogCloseBox { float: right; text-indent: -5000px; height: 34px; width: 34px; background: url(/images/ideas_close_btn.gif) no-repeat; } #strategicProcessDialog h1 { text-transform: uppercase; font-size: 1.2em; margin-bottom: 20px; float: left; } #strategicProcessDialog img { clear: both; } /* CENTRES OF EXCELLENCE STYLES */ #centresHeading { margin: 0; padding: 0; position: absolute; top: 160px; right: 60px; } #centresHeading span { background: #cf2f0a; padding: 3px 3px 1px 3px; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #centresPageList { position: absolute; top: 300px; left: 200px; width: 260px; } #centresPageList li { text-align: right; float: right; margin-bottom: 6px; } #centresPageList li a { color: #cf2f0a; font-weight: bold; font-size: 2.3em; text-decoration: none; padding: 2px 6px 0 3px; text-transform: uppercase; letter-spacing: -0.1em; background: transparent; line-height: 0.8em; } #centresPageList li a:hover { color: #000000; } #centresPageList li a.on { color: #ffffff; background: #cf2f0a; } #centresPageList li a.on:hover { background: #cf2f0a; } #centresBodyCopyCntnr { position: absolute; top: 260px; left: 345px; width: 515px; } .centreBodyCopy { position: absolute; top: 0; left: 0; } .centreBodyCopy p { color: #000000; font-size: 1.1em; line-height: 1.4em; margin-bottom: 1.3em; } .centreBodyCopy p.whitetext { color: #ffffff; } #b2bBodyCopy p { font-size: 0.95em; margin-bottom: 1em; line-height: 1.4em; } #healthcareBrandLink { text-transform: uppercase; color: #ffffff; padding: 2px 5px 2px 15px; background: #000000 url(/images/link_arrow_white_on_black.gif) no-repeat 6px center; } #healthcareBrandLink:hover { color: #cf2f0a !important; background-image: url(/images/link_arrow_red_on_black.gif); } /* G FOUNDATION STYLES */ #gFoundationLink.on { color: #ffffff !important; } #gFoundationHeading { margin: 0; padding: 0; position: absolute; top: 160px; right: 30px; } #gFoundationHeading span { background: #000000; padding: 3px 3px 1px 3px; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #gfSubnavCntnr { position: absolute; right: 30px; top: 30px; } #gfWhoBodyLink { padding: 5px 5px 3px 16px; color: #ffffff; font-size: 1.1em;font-weight: 700; text-transform: uppercase; float: right; position: absolute; top: 270px; right: 30px; line-height: 0.8em; background: #000000 url(/images/link_arrow_white_on_black.gif) no-repeat 7px center; } #gfWhoBodyLink:hover { color: #cf2f0a; background-image: url(/images/link_arrow_red_on_black.gif); } #gFoundationBodyCopy { position: absolute; left: 240px; top: 320px; font-size: 1.2em; line-height: 1.3em; color: #000000; width: 520px; font-weight: normal; } #gFoundationBodyCopy strong { font-weight: bold; } #gFoundationLearnMoreCntnr { position: absolute; left: 240px; top: 610px; width: 350px; } #gFoundationLearnMoreCntnr p { margin-bottom: 10px; line-height: 1.2em; } #gFoundationLearnMoreLink { text-indent: -5000px; width: 20px; height: 20px; overflow: hidden; display: block; background: #000000 url(/images/link_arrow_white_on_black.gif) no-repeat center center; } #gFoundationLearnMoreLink:hover { background-image: url(/images/link_arrow_red_on_black.gif); } #gFoundationLogoCntnr { position: absolute; left: 600px; top: 540px; width: 290px; } #gFoundationLogoCntnr img { position: absolute; right: 40px; top: 0; } #gFoundationLogoCntnr h3 { margin-top: 90px; margin-bottom: 5px; font-size: 1.4em; letter-spacing: -0.05em; } #gFoundationLogoCntnr h4 { font-size: 0.7em; font-weight: bold; } /* CLIENTS STYLES */ #clientsCntnr { width: 734px; overflow: hidden; margin-left: 240px; } #clientsCntnrTop { width: 734px; height: 11px; overflow: hidden; background: url(/images/white_bg_top.png) no-repeat; margin-top: 110px; } #clientsCntnrBody { width: 250px; margin-top: 150px; overflow: hidden; position: relative; float: left; } #clientsHeading { margin: 0; padding: 0; width: 200px; margin-left: 2px; margin-top: 40px; float: left; } #clientsHeading span { background: #cf2f0a; padding: 3px 3px 1px 3px; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: bold; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #clientsCntnrBody p { font-size: 1.1em; line-height: 1.3em; margin-top: 15px; margin-left: 20px; width: 230px; float: left; } #clientsCntnrBody p.whitetext { color: #ffffff; } #clientLogoCntnr { float: right; margin-right: 120px; margin-top: 150px; width: 250px; height: 575px; position: relative; } .clientLogoImgCntnr { width: 200px; height: 90px; padding: 25px; } .clientLogoPos0, #clientLogoCntnr0 { position: absolute; top: 0; left: 0; } .clientLogoPos1, #clientLogoCntnr1 { position: absolute; top: 150px; left: 0; } .clientLogoPos2, #clientLogoCntnr2 { position: absolute; top: 300px; left: 0; } #clientLogoCntnr0, #clientLogoCntnr1, #clientLogoCntnr2 { width: 200px; height: 90px; padding: 25px; background: #ffffff; box-shadow: 3px 3px 3px #111111; -moz-box-shadow: 3px 3px 3px #111111; -webkit-box-shadow: 3px 3px 3px #111111; } /* CAREERS STYLES */ #careersContentCntnr { float: right; margin-top: 110px; margin-right: 19px; width: 734px; z-index: 100; } #careersContentCntnrTop { width: 734px; height: 7px; overflow: hidden; background: url(/images/people_careers_bg_top.png) no-repeat; } #careersContentCntnrBody { width: 734px; min-height: 623px; height: auto !important; height: 623px; background: url(/images/people_careers_bg.png) repeat-y; overflow: hidden; } #careersHeading { margin: 0; padding: 0; margin-top: 40px; margin-left: 4px; } #careersHeading span { background: #000000; color: #ffffff; font-size: 2.7em; padding: 3px 3px 1px 3px; height: 40px; font-weight: bold; text-transform: uppercase; line-height: 0.8em; } #careersBodyText { margin: 60px 4px 0 180px; } #careersBodyText h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; color: #ffffff; } #careersBodyText p { font-size: 1.1em; line-height: 1.3em; color: #ffffff; padding-right: 65px; } #careersBodyText h3 { font-size: 0.9em; font-weight: bold; padding-bottom: 7px; margin-top: 60px; color: #ffffff; border-bottom: 2px solid #ffffff; margin-bottom: 15px; } #careersOfficeLists { } #careersOfficeLists ul { float: left; margin-right: 70px; } #careersOfficeLists ul li { margin-bottom: 4px; } #careersOfficeLists ul li a { color: #ffffff; font-size: 0.9em; } #careersOfficeLists ul li a:hover { color: #99dfff; } /* INSIGHTS STYLES */ #insightsSubnavCntnr { float: right; margin-right: 30px; margin-top: 30px; } #insightsContentCntnr { float: right; margin-right: 15px; width: 738px; } #insightsTopCntnr { width: 738px; height: 17px; overflow: hidden; background: url(/images/insights_bg_top.png) no-repeat; } #insightsBodyCntnr { width: 738px; height: 623px; background: url(/images/insights_bg.png) repeat-y; } #insightsMainCntnr { float: left; width: 535px; } #insightsHeading { margin: 0; padding: 0; margin-top: 40px; margin-left: 7px; float: left; } #insightsHeading span { background: #000000; color: #ffffff; font-size: 2.7em; padding: 3px 3px 1px 3px; height: 40px; font-weight: bold; text-transform: uppercase; clear: both; float: right; line-height: 0.8em; } #insightsBlogNewsCntnr { clear: both; width: 528px; margin-left: 7px; margin-top: 50px; } #insightsBlogCntnr { float: left; width: 234px; margin: 50px 30px 0 15px; } #insightsNewsCntnr { float: left; width: 234px; margin-top: 50px; } #insightsBlogNewsCntnr h2 { margin-bottom: 20px; } #insightsBlogNewsCntnr h2 a { background: #000000; color: #ffffff; font-size: 0.9em; padding: 3px 2px 0 3px; font-weight: bold; height: 1.2em; float: left; text-transform: uppercase; line-height: 0.8em; vertical-align: middle; } #insightsBlogNewsCntnr h2 a:hover { color: #cf2f0a; } .postListDate { font-size: 0.7em; text-transform: uppercase; color: #5a1711; margin-bottom: 5px; font-weight: bold; } .postTitle { margin-bottom: 10px; } .postTitle a { font-size: 1.2em; text-transform: uppercase; color: #ffffff; font-weight: bold; line-height: 1.3em; } .postTitle a:hover { color: #000000; } .postDescription, .postContent p { font-size: 0.9em; line-height: 1.4em; color: #ffffff; margin-bottom: 10px; } .postLinks { padding-top: 10px; padding-right: 104px; border-top: 1px solid #dd6e54; width: 130px; } .postLinks a { text-transform: uppercase; color: #000000; font-size: 0.7em; margin-bottom: 5px; } .postLinks a:hover { color: #ffffff; } #featuredInsightsCntnr { float: left; width: 196px; margin-top: 40px; } #featuredInsightsCntnr h2 { margin-left: 5px; } #featuredInsightsCntnr h2 a { margin-top: 40px; font-size: 1em; text-transform: uppercase; color: #cf2f0a; line-height: 1.3em; } #featuredInsightsCntnr h2 a:hover { color: #ffffff; } #featuredInsightsSidebarCntnr { margin: 20px 5px 0 10px; } #featuredInsightsSidebarCntnr .postListDate { color: #777777; } #featuredInsightsSidebarCntnr .postDescription { padding-right: 20px; } #featuredInsightsSidebarCntnr .postTitle a { line-height: 1.1em; } #featuredInsightsSidebarCntnr .postTitle a:hover { color: #cf2f0a; } #featuredInsightsSidebarCntnr .postLinks { border-top: 0; margin-top: 10px; padding-right: 0; width: auto; } #featuredInsightsSidebarCntnr .postLinks a { color: #0a8dcb; float: left; } #featuredInsightsSidebarCntnr .postLinks a:hover { color: #ffffff; } /* FEATURED INSIGHTS STYLES */ #featuredInsightsContentCntnr { position: relative; display: block !important; } #featuredInsightsBodyCntnr { float: left; margin-left: 205px; margin-top: 240px; } #featuredHeading { margin: 0; padding: 0; width: 290px; } #featuredHeading span { background: #000000; padding: 0 3px 0 9px; color: #ffffff; font-size: 2.8em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; float: right; line-height: 0.8em; } #featuredInsightsBodyCntnr p { font-size: 1.1em; color: #000000; line-height: 1.4em; width: 250px; position: absolute; top: 330px; left: 260px; } #featuredInsightsBodyCntnr p.whitetext { color: #ffffff; } #featuredInsightCarouselCntnr { float: right; margin-right: 15px; margin-top: 115px; width: 472px; height: 353px; overflow: hidden; position: relative; } .featuredInsight { width: 472px; height: 353px; overflow: hidden; position: absolute; top: 0; left: 0; } .featuredInsight img { position: absolute; top: 0; left: 0; width: 472px; height: 353px; } .featuredInsight h2 { position: absolute; bottom: 110px; right: 0; text-align: right; } .featuredInsight h2 a span.downloadlink { background: #ffffff url(/images/link_arrow_black_on_white.gif) no-repeat 7px center; color: #000000; font-weight: bold; text-transform: uppercase; clear: both; font-size: 1.6em; padding: 2px 2px 1px 16px; text-align: right; float: right; } .featuredInsight h2 a:hover span.downloadlink { background-image: url(/images/link_arrow_red_on_white.gif); color: #cf2f0a; } .featuredInsight h2 a span.calltoaction { background: #ffffff; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 0.8em; line-height: 1.1em; padding: 4px 4px 3px 4px; text-align: right; float: right; } .featuredInsight h2 a:hover span.calltoaction { color: #cf2f0a; } .featuredInsight h3 { position: absolute; top: 245px; right: 0; text-align: right; width: 300px; } .featuredInsight h3 span { background: #ffffff; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 1em; line-height: 1.1em; padding: 4px 4px 3px 4px; text-align: right; } #featuredInsightScrollCntnr { width: 472px; height: 45px; clear: both; float: right; margin-right: 15px; background: #1E1E1E; } #featuredInsightScrollPrev { float: left; height: 45px; width: 50%; background: #1E1E1E; } #featuredInsightScrollPrev a { text-indent: -5000px; display: block; width: 100%; height: 45px; background: transparent url(/images/scroll_prev.gif) no-repeat 15px center; } #featuredInsightScrollPrev a:hover { background-color: #000000; background-image: url(/images/scroll_prev_over.gif); } #featuredInsightScrollNext { float: right; height: 45px; width: 50%; background: #1E1E1E; } #featuredInsightScrollNext a { text-indent: -5000px; display: block; width: 100%; height: 45px; background: transparent url(/images/scroll_next.gif) no-repeat 210px center; } #featuredInsightScrollNext a:hover { background-color: #000000; background-image: url(/images/scroll_next_over.gif); } /* G FOUNDATION: WHO WE WORK WITH STYLES */ #gfWhoCntnr { overflow: hidden; } #gfWhoHeading { margin: 0; padding: 0; position: absolute; top: 160px; right: 30px; } #gfWhoHeading span { background: #000000; padding: 3px 3px 1px 3px; color: #ffffff; font-size: 2.7em; height: 40px; font-weight: 700; text-transform: uppercase; text-align: right; clear: both; float: right; line-height: 0.8em; } #gfWhoVideoCntnr { position: absolute; left: 240px; top: 160px; width: 800px; height: 262px; } #gfWhoBackLink { color: #ffffff; padding: 3px 3px 3px 16px; font-weight: bold; font-size: 1em; float: left; background: #000000 url(/images/link_arrow_back_white_on_black.gif) no-repeat 5px center; } #gfWhoBackLink:hover { color: #cf2f0a; background-image: url(/images/link_arrow_back_red_on_black.gif); } #gfWhoVideoPlayerCntnr { clear: both; float: left; margin-top: 24px; width: 430px; height: 241px; overflow: hidden; border: 1px solid #000000; position: relative; } .gfWhoFoundationVideo { display: block; width: 430px; height: 241px; overflow: hidden; } #gfWhoVideoSidebar { float: left; width: 300px; margin-left: 1px; margin-top: 150px; position: relative; height: 117px; } #gfWhoVideoTextCntnr { margin-left: 5px; } .videoDesc h2 { font-size: 0.9em; font-weight: bold; color: #000000; margin-bottom: 5px; } .videoDesc p { font-size: 0.75em; color: #000000; line-height: 1.4em; } .videoPlayer { position: absolute; top: 0; left: 0; width: 430px; height: 241px; overflow: hidden; } #gfWhoVideoControlsCntnr { position: absolute; bottom: 0; left: 0; } #gfWhoVideoControlsCntnr a { text-indent: -5000px; display: block; float: left; height: 47px; width: 41px; background-color: #1e1e1e; background-position: center center; background-repeat: no-repeat; } #gfWhoVideoControlsCntnr a:hover { background-color: #000000; } #videoPrev { background-image: url(/images/video_carousel_prev.gif); margin-right: 1px; } #videoPrev:hover { background-image: url(/images/video_carousel_prev_over.gif); } #videoNext { background-image: url(/images/video_carousel_next.gif); } #videoNext:hover { background-image: url(/images/video_carousel_next_over.gif); } #gfWhoListCntnr { position: absolute; left: 350px; top: 475px; } #gfWhoListCntnr ul { float: left; margin-right: 50px; } #gfWhoListCntnr ul li { margin-bottom: 7px; } #gfWhoListCntnr ul li a { padding: 3px 3px 2px 16px; background: #cf2f0a url(/images/link_arrow_white_on_red.gif) no-repeat 7px center; color: #ffffff; font-size: 0.9em; vertical-align: middle; line-height: 0.8em; } #gfWhoListCntnr ul li a:hover { color: #000000; background-image: url(/images/link_arrow_black_on_red.gif); } /* CONTACT US STYLES */ .contactContentCntnr { float: left; margin-top: 160px; margin-left: 280px; position: relative; } #contactHeading { margin: 0; padding: 0; width: 200px; } #contactHeading span { background: #000000; color: #ffffff; font-size: 2.7em; padding: 3px 3px 1px 3px; height: 40px; font-weight: bold; text-transform: uppercase; clear: both; float: right; text-align: right; line-height: 0.8em; } .contactTopLink { background: #cf2f0a url(/images/link_arrow_white_on_red.gif) no-repeat 7px center; color: #ffffff; font-size: 1em; padding: 6px 6px 4px 16px; font-weight: bold; text-transform: uppercase; white-space: nowrap; } .contactTopLink:hover { color: #000000; background-image: url(/images/link_arrow_black_on_red.gif); } #generalRequestsLink { position: absolute; top: 120px; left: 20px; height: 17px; line-height: 0.8em; } .contactContentCntnr #careersLink { position: absolute; top: 120px; left: 280px; } #officesCntnr { position: absolute; top: 220px; left: 130px; width: 600px; } #officeLists, #brandLists { width: 600px; margin-top: 15px; margin-bottom: 40px; } #officesCntnr h2 span { background: #000000; color: #ffffff; font-size: 1.1em; padding: 5px 5px 2px 5px; font-weight: bold; text-transform: uppercase; line-height: 0.8em; float: left; } #officesCntnr ul { float: left; margin-right: 25px; } #officesCntnr li { margin-bottom: 4px; } #officesCntnr li a { color: #ffffff; text-transform: uppercase; font-size: 0.75em; padding-left: 15px; background: url(/images/link_arrow_white_on_transparent.png) no-repeat 6px center; } #officesCntnr li a:hover { color: #cf2f0a; background-image: url(/images/link_arrow_red_on_transparent.png); } #generalContactUsCloseButton { z-index: 101; position: absolute; top: -30px; left: 611px; height: 30px; width: 80px; background: #cf2f0a; color: #ffffff; text-decoration: none; line-height: 30px; text-align: center; text-transform: uppercase; font-size: 0.9em; } #generalContactUsCloseButton:hover { color: #000000; } #generalContactUsCntnr { z-index: 110; position: absolute; top: 0; left: 226px; } #generalContactUsForm { } #generalContactUsForm #ajaxLoader { position: absolute; top: 10px; right: 10px; display: none; } #generalContactUsForm #formFields { background: #cf2f0a; padding: 15px; width: 435px; } .generalContactButtons { width: 465px; } #generalContactUsForm .requiredFieldWarning { font-size: 0.7em; font-weight: bold; color: #520012; margin-bottom: 10px; } #generalContactUsForm .generalContactRow { display: block !important; margin-bottom: 5px; } .generalContactCell { float: left; padding: 0 8px; } .generalContactCell label { color: #ffffff; font-size: 0.75em; } .generalContactCell input, .generalContactCell textarea { display: block; width: 100%; background: #902107; border: 0; font-size: 0.9em; padding: 4px; color: #ffffff; font-family: Helvetica, Arial, Sans-Serif; } #generalContactUsForm #titleCell, #generalContactUsForm #firstNameCell, #generalContactUsForm #lastNameCell, #generalContactUsForm #jobTitleCell, #generalContactUsForm #emailCell, #generalContactUsForm #companyCell, #generalContactUsForm #phoneCell { width: 200px; } #generalContactUsForm #countryCell, #generalContactUsForm #messageCell { width: 416px; } #generalContactUsForm #middleInitialCell { display: none; } /* This is the anti-spam countermeasure field */ #generalContactUsForm .invalidEmailMsg { padding-left: 10px; font-size: 0.75em; font-weight: bold; color: #000000; display: none; } #generalContactUsForm #btnSubmit { float: right; border: 0; background: #cf2f0a; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 6px 20px; color: #ffffff; cursor: pointer; } #generalContactUsForm .error { border: 2px solid #000000; } #generalContactUsCntnr .mailResponse { background: #cf2f0a; height: 200px; width: 365px; padding: 50px; z-index: 110; } #generalContactUsCntnr .mailResponse h2 { color: #ffffff; font-size: 1.4em; font-weight: bold; margin-bottom: 15px; } #generalContactUsCntnr .mailResponse p { color: #ffffff; font-size: 1em; line-height: 1.5em; } /* PRIVACY POLICY/LEGAL STYLES */ #privacyLegalContentTop { background: url(/images/people_careers_bg_top.png) no-repeat; width: 734px; height: 7px; overflow: hidden; margin: 110px 0 0 247px; } #privacyLegalContent { padding: 45px 0; background: url(/images/people_careers_bg.png) repeat-y; width: 734px; color: #FFFFFF; margin-left: 247px; } #privacyLegalContent h1 { float: left; margin: 0 0 30px 4px; } #privacyLegalContent h1 span { background: #000000; color: #ffffff; font-size: 2.7em; padding: 3px 3px 1px 3px; height: 40px; font-weight: bold; text-transform: uppercase; clear: both; float: right; line-height: 0.8em; } #privacyLegalContent h2 { font-size: 1em; margin: 5px 0 5px 70px; } #privacyLegalContent p { clear: both; font-size: 0.9em; line-height: 1.3em; margin: 0 40px 15px 70px; } /* PORTAL CAROUSEL STYLES */ .peoplePortalCarouselImgSmall { width: 140px; height: 140px; overflow: hidden; display: block; text-indent: -5000px; margin-bottom: 20px; } .peoplePortalCarouselImgSmall:hover { background-image: url(/images/portal/137px/people/0.png) !important; } .peoplePortalCarouselImgLarge { width: 228px; height: 228px; overflow: hidden; display: block; text-indent: -5000px; margin-bottom: 40px; } .peoplePortalCarouselImgLarge:hover { background-image: url(/images/portal/225px/people/0.png) !important; } .ideasPortalCarouselImgSmall { width: 140px; height: 140px; overflow: hidden; display: block; text-indent: -5000px; } .ideasPortalCarouselImgSmall:hover { background-image: url(/images/portal/137px/ideas/0.png) !important; } .ideasPortalCarouselImgLarge { width: 228px; height: 228px; overflow: hidden; display: block; text-indent: -5000px; } .ideasPortalCarouselImgLarge:hover { background-image: url(/images/portal/225px/ideas/0.png) !important; }