/* @override http://trentonmoss.name/wcs.css http://www.trentonmoss.name/wcs.css */ /* General declarations */ /* Layout - high level */ body{text-align:center} body.nocols #content{width:985px;background:none!important} body.popup h1{width:auto} #all{width:985px;margin: 0 auto;text-align:left;position:relative} #content{padding-bottom:10px;padding-right: 20px;margin-top:5.55em;} #home #content{margin-top:3em;padding-right:0} #blog #content{background:none;padding-right:0} #con{float:left;width:670px} #home #con,#blog #con{float:none;width:auto} #high{float:right;width:300px;margin-top:7em} .root #high{padding-top:385px;margin-top:0} body.all #high{padding-top:460px} #blog #high{margin-top: 50px} #services{margin-top:0;padding-right:20px;width:985px} /* Layout - high level - end */ /* Colour related declarations */ body{background: #543963;color:#fff} body#blog, body#reso {background: #237aa9} body#train{background:#146368} #content{background:url(../i-2012/vb.gif) repeat-y 100% 0} #home #content{background: url("../i-2012/bb.gif") repeat-x 0 0} #reso #content{background:url(../i-2012/vb-blue.gif) repeat-y 100% 0} #train #content{background:url(../i-2012/vb-green.gif) repeat-y 100% 0} #blogcontainer{background:url(../i-2012/vb-blue.gif) repeat-y 100% 0} #home p.hp-our {text-align:right} #home p.hp-our a{background: url("../i-2012/more-arrow.gif") no-repeat scroll 100% 50% transparent;color: #80D6FF;padding: 5px 25px 5px 0 !important;} h2 span{background: #392447} #train h2 span{background: #104c57} a, .dummylink, #blog #high a, #reso #high a, .botr li div a{color:#80d6ff} a:visited{color:#80d6ff} a:active, a:focus {background-color:#fff; color:#392447} #logo a:active, #logo a:focus, #train #logo a:active, #train #logo a:focus , #blog #logo a:active, #reso #logo a:active, #blog #logo a:focus, #reso #logo a:focus, #carousel a:active, #carousel a:focus {background: none} #blog a, #reso a{color:#ffa741} #reso #high a:active, #reso #high a:focus {background: #237aa9; color: #ffa741} #blog #high a{color:#ffa741} #blog a:active, #blog a:focus, #reso a:active, #reso a:focus {background: #2c5a83; color: #fff} #train a{color:#9acb58} #train a:active, #train a:focus {background: #73ae5e; color: #fff} #nav a{color:#fff} #home #nav a.home, #nav a:hover, #nav a:active, #nav a:focus, #abou #nav a.abou, #serv #nav a.serv, #cont #nav a.cont, #train #nav a.train, #clie #nav a.clie{background:#392347;} #blog #nav a.blog, #blog #nav a:hover, #blog #nav a:active, #blog #nav a:focus, #reso #nav a.blog, #reso #nav a:hover, #reso #nav a:active, #reso #nav a:focus {background: #2c5a83} #train #nav a.train, #train #nav a:hover, #train #nav a:active, #train #nav a:focus, #train #nav a.train, #train #nav a:hover, #train #nav a:active, #train #nav a:focus{background: #73ae5e} #home #nav a.home span.arrow, #nav a:hover span.arrow, #nav a:active span.arrow, #nav a:focus span.arrow, #abou #nav a.abou span.arrow, #serv #nav a.serv span.arrow, #cont #nav a.cont span.arrow, #train #nav a.train span.arrow, #clie #nav a.clie span.arrow{background: url(../i-2012/navarrow.gif) no-repeat 0 0} #blog #nav a.blog span.arrow, #blog #nav a:hover span.arrow, #blog #nav a:active span.arrow, #blog #nav a:focus span.arrow, #reso #nav a.blog span.arrow, #reso #nav a:hover span.arrow, #reso #nav a:active span.arrow, #reso #nav a:focus span.arrow {background: url(../i-2012/navarrow-blue.gif) no-repeat 0 0} #train #nav a.train span.arrow, #train #nav a:hover span.arrow, #train #nav a:active span.arrow, #train #nav a:focus span.arrow {background: url(../i-2012/navarrow-g.gif) no-repeat 0 0} #thinking #hpeventsitems a,#thinking #blogitems a,#high #goalsitems a, #eventsitems a, #thinking #reportsitems a, #high #caseitems a, #high #trainingitems a,#blog #relateditems a{color:#543963;padding:3px 7px;margin-right:4px;font-weight:bold;font-size:1.2em;background: #80D6FF;-o-border-radius: 100%;-ms-border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%} #blog #goalsitems a, #blog #eventsitems a, #blog #reportsitems a, #blog #caseitems a, #high #trainingitems a,#blog #relateditems a{color:#237AA9;background: #FFA741} #thinking #hpeventsitems a.selected,#abou #goalsitems a.selected,#clie #goalsitems a.selected, #thinking #blogitems a.selected, #eventsitems a.selected, #thinking #reportsitems a.selected, #high #caseitems a.selected,#blog #goalsitems a.selected, #high #goalsitems a:hover, #high #goalsitems a:active, #high #goalsitems a:focus, #thinking #eventsitems a:hover, #eventsitems a:active, #thinking #eventsitems a:focus, #thinking #reportsitems a:hover, #thinking #reportsitems a:active, #thinking #reportsitems a:focus, #thinking #blogitems a:hover, #thinking #blogitems a:active, #thinking #blogitems a:focus, #high #caseitems a:hover, #high #caseitems a:active, #high #caseitems a:focus , #high #trainingitems a.selected, #high #trainingitems a:focus, #high #trainingitems a:active, #blog #relateditems a.selected, #blog #relateditems a:hover, #blog #relateditems a:active, #blog #relateditems a:focus{background: #fff;color:#543962;padding:3px 7px;margin-right:4px;font-weight:bold;font-size:1.2em;-o-border-radius: 100%;-ms-border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;} #blog #eventsitems a.selected,#blog #eventsitems a.selected, #blog #reportsitems a.selected, #blog #caseitems a.selected,#blog #goalsitems a.selected, #blog #goalsitems a:hover, #blog #goalsitems a:active, #blog #goalsitems a:focus, #blog #eventsitems a:hover, #blog #eventsitems a:acrtive, #blog #eventsitems a:focus, #blog #reportsitems a:active, #blog #reportsitems a:focus, #blog #blogitems a:hover, #blog #blogitems a:active, #blog #blogitems a:focus, #blog #caseitems a:hover, #blog #caseitems a:active, #blog #caseitems a:focus {color:#237AA9} #bread{background: url(../i-2012/bb.gif) repeat-x 0 0} #blog #bread, #reso #bread{background: url(../i-2012/bb-blue.gif) repeat-x 0 0} #train #bread{background: url(../i-2012/bb-green.gif) repeat-x 0 0} #bread h2{background: url(../i-2012/bc-col.gif) no-repeat 100% 50%;line-height: 145%;} #train #bread h2{background: url(../i-2012/bc-col-green.gif) no-repeat 100% 50%} #reso #bread h2,#blog #bread h2{background: url(../i-2012/bc-col-blue.gif) no-repeat 100% 50%} #bread a {color: #80d6ff;background: url(../i-2012/bc-gt.gif) no-repeat 100% 50%} #train #bread a{color:#9acb58;background: url(../i-2012/bc-gt-green.gif) no-repeat 100% 50%} #reso #bread a,#blog #bread a{background: url(../i-2012/bc-gt-blue.gif) no-repeat 100% 50%} #blog h1.h1 span{background: #2C5A83} body.root h1 span{background:#766C9A} body#reso h1 span{background: #2C5A83} body#train h1 span{background: #9bcc56} #blog #content h2 span{background:#31496f} #blog #content h3 span{background:#31496f;font:1.7em gil,"trebuchet MS",helvetica,sans-serif} #train .active h2 span{background: #392447} #logo span{color: #b8adbe} #reso #logo span, #blog #logo span{color: #c4e3f4} #train #logo span{color:#b8e8e6} #services #intro{background: url(../i-2012/bb.gif) repeat-x 0 100%} #home #services #intro{background: url("/i-2012/homepage-readon.gif") no-repeat 0 100%} #train #intro{background: url(../i-2012/bb-green.gif) repeat-x 0 100%} #services #intro div{background: url(../i-2012/arrow-left.gif) no-repeat 0 100%} #banarrows a#next{left:959px;background:url(/i-2012/car-right.gif) no-repeat 0 0} #banarrows a#prev{background:url(/i-2012/car-left.gif) no-repeat 0 0} #blog #banarrows a#next,#reso #banarrows a#next{background:url(/i-2012/car-right-b.gif) no-repeat 0 0} #train #banarrows a#prev,#reso #banarrows a#prev{background:url(/i-2012/car-left-b.gif) no-repeat 0 0} #train #banarrows a#next{background:url(/i-2012/car-right-g.gif) no-repeat 0 0} #train #banarrows a#prev{background:url(/i-2012/car-left-g.gif) no-repeat 0 0} #content #banlist a{background: #80D6FF;color: #543963;} #blog #content #banlist a,#reso #content #banlist a{color:#2C5A83} #content #banlist a.sel{background: #fff;color: #543963} #train #content #banlist a{background: #9ACB58;color:#146368} #train #content #banlist a.sel{background: #fff;color: #146368} #content img{border:11px solid #543963;-ms-border-image: url(/i-2012/image-frame.gif) 11 stretch;-moz-border-image: url(/i-2012/image-frame.gif) 11 stretch;border-image: url(/i-2012/image-frame.gif) 11 stretch;-o-border-image: url(/i-2012/image-frame.gif) 11 stretch;-webkit-border-image: url(/i-2012/image-frame.gif) 11 stretch;} #blog #content img, #reso #content img{border:11px solid #237AA9;-ms-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;-moz-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;-o-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;-webkit-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;max-width:100%} #serv #content img{border:11px solid #543963;-ms-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch;-moz-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch;border-image: url(/i-2012/image-frame-purple.gif) 11 stretch;-o-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch;-webkit-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch} #content li{background:url(/i-2012/bullet-purple.gif) no-repeat 0 .2em} #blog #content li, #reso #content li{background:url(/i-2012/bullet-blue.gif) no-repeat 0 .2em} #train #content li{background:url(/i-2012/bullet-green.gif) no-repeat 0 .2em} div.ibox h2{background: url(../i-2012/bb-dp.gif) repeat-x 0 100%} #train div.ibox{background:url(/i-2012/contactusphone-green.gif) no-repeat #104451} #train div.ibox h2{ background: url(../i-2012/bb-darkgreen.gif) repeat-x 0 100%} .backtotop, .backtop{background: url(../i-2012/bb.gif) repeat-x 0 0} #blog .backtotop, #blog .backtop,#reso .backtotop, #reso .backtop{background: url(../i-2012/bb-blue.gif) repeat-x 0 0} #train .backtotop, #train .backtop{background: url(../i-2012/bb-green.gif) repeat-x 0 0} .backtotop a, .backtop a{padding: 10px 25px 10px;background: url(../i-2012/top.gif) no-repeat 0 50%} #train .backtop a{background: url(../i-2012/top-green.gif) no-repeat 0 50%} .backtotop a:visited{color:#80d6ff} #blog .backtotop a, #blog .backtop a,#reso .backtotop a, #reso .backtop a{background: url(../i-2012/top-blue.gif) no-repeat 0 50%} #thinking .more, #high .more{background: url(../i-2012/more-arrow.gif) no-repeat 100% 50%} #blog #high .more{background: url(../i-2012/arrow-237aa9.gif) no-repeat 100% 50%} #train #high .more{background: url(../i-2012/more-arrow-g.gif) no-repeat 100% 50%} #footer{border-top: 4px solid #412a4f} #blog #footer, #reso #footer{border-top: 4px solid #2e527a} #train #footer{border-top: 4px solid #12565E} #footer #tni{background: url(../i-2012/tweetspace.gif) no-repeat 20px 100%} #blog #footer #tni, #reso #footer #tni{background: url(../i-2012/tweetspace-blue.gif) no-repeat 20px 100%} #train #footer #tni{background: url(../i-2012/tweetspace-green.gif) no-repeat 20px 100%} #footer div#newsletter{background: url(../i-2012/lbulb.gif) no-repeat 100% 30%} #blog #footer div#newsletter,#reso #footer div#newsletter{background: url(../i-2012/lbulb-blue.gif) no-repeat 100% 30%} #train #footer div#newsletter{background: url(../i-2012/lbulb-green.gif) no-repeat 100% 30%} #footer div#newsletter input#signup{background:url(../i-2012/barrow.gif) no-repeat 6px 53% #80d6ff;color:#543963} #train #footer div#newsletter input#signup{background:url(../i-2012/garrow.gif) no-repeat 6px 53% #91C357;color:#146369} #footer .connect{background: url(../i-2012/lsmall.gif) no-repeat 10px 50% #452d53} #footer .connect{*height:1%} #blog #footer .connect,#reso #footer .connect{background: url(../i-2012/lsmall-blue.gif) no-repeat 10px 50% #2e527a} #train #footer .connect{background: url(../i-2012/lsmall-green.gif) no-repeat 10px 50% #12565e} #footer .connect .share a{background: url(../i-2012/share.gif) no-repeat 0 50%;padding:20px 20px 20px 40px;text-transform:uppercase;font-size: .9em} #blog #footer .connect .share a{background: url(../i-2012/share-blue.gif) no-repeat 0 50%} #content #facilitiesh span{background: #472f56} #train #content #facilitiesh span{background:#11515B} #content #facilities{background: #472f56;padding:20px;margin-bottom:20px} #content #facilities.train{background:#11515B} #content #videoh {margin-bottom: 0} #content #videoh span{background: #11515B;padding: 5px 20px} #content #video {background: #11515B;margin-bottom: 20px;padding: 20px} #participants:after{content:".";visibility:hidden;height:0;display:block;clear:both} #high #mayalso div{background: url(/i-2012/whatnext.gif) no-repeat 0 0} #train #high #mayalso div{background: url(/i-2012/whatnext-green.gif) no-repeat 0 0} #reso #high #mayalso div, #blog #high #mayalso div{background: url(/i-2012/whatnext-blue.gif) no-repeat 0 0} #content #facilities div a{background: #80D6FF;border-radius: 100%;color: #543963;} #train #content #facilities div a{background: #9ACB58;color: #146368} #content #facilities div a.selected{background: #FFFFFF;border-radius: 100%;color: #543963} #train #content #facilities div a.selected{background: #FFFFFF;color: #146368} #blog #high .caseheader{background: url(../i-2012/bb-blue.gif) repeat-x 0 100%} #high #mayalso li{background: url("../i-2012/arrows/arrow-392447.gif") no-repeat 100% 50%} #blog #mayalso li{background: url("../i-2012/arrows/arrow-253652.gif") no-repeat 100% 50%} #blog #high #mayalso li,#reso #high #mayalso li{background: url("../i-2012/arrow-dark-blue.gif") no-repeat 100% 50%!important} #train #high #mayalso li{background: url("../i-2012/arrow-dark-green.gif") no-repeat 100% 50%} /* Colour related declarations - end */ /* Layout - areas */ #logo span{display:block;font-size:.95em;margin-left:64px;margin-top:-3px; font-weight: bold} #logo a:hover {text-decoration: none} /* High */ /* Events section within high */ #events-sin-posts li{position:relative} #events-sin-header{margin-top:10px} #events-sin-header h2{background: url("../i-2012/hp-events.gif") no-repeat scroll 0 0 transparent;min-height: 90px;padding-left: 115px;padding-top: 10px;font: 3.1em/0.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 0;margin-top: 0;text-transform: lowercase} #events-sin p.date {background: url("../i-2012/calendarback.gif") no-repeat scroll 0 0 transparent;padding-left: 0;font: 1.5em gil,"trebuchet MS",helvetica,sans-serif;height: 82px;left: 0;padding-top: 15px;position: absolute;text-align: center;top: 0;width: 88px} #events-sin p.date span{display: block;left: -2px;position: relative} #events-sin p.date span.month{font-size: 0.8em;position: relative;text-transform: uppercase;top: -10px} #events-sin p, #events-sin h4 {padding-left: 90px} #events-sin h3{float:left;margin-right:10px} #events-sin p.date span.year{left: -8000px;position: absolute;top: 0} #events-sin #eventsitems-sin {float: right;margin: 0;min-height: 2em;position: relative;top: 6px;z-index: 1} #events-sin #eventsitems-sin li{float: left} #events-sin #eventsitems-sin a{background: #80D6FF;border-radius: 100%;color: #543962;font-size: 1.2em;font-weight: bold;margin-right: 5px;padding: 3px 7px} #events-sin #eventsitems-sin a.selected, #events-sin #eventsitems-sin a:hover{background: #fff;border-radius: 100%;color: #543962;font-size: 1.2em;font-weight: bold;margin-right: 5px;padding: 3px 7px} #eventsitems li{float:left} #events-sin-posts{clear:both} /* Events section within high - end */ #high #casestudynav{margin-bottom:10px;margin-left:15px} /* High - end */ /* Layout - areas -end */ /* Fonts */ *{-webkit-text-size-adjust: none;} @font-face {font-family: "gil";src: url(../fonts/gil.ttf) format("truetype")} @font-face {font-family: "avg";src: url(../fonts/avgard.ttf) format("truetype")} body{font:85% arial,"trebuchet MS",helvetica,sans-serif} p, ul, dl {margin-top:1.1em; margin-bottom:1.1em; line-height:145%;font-size:1em} acronym{border-bottom:none} code {background: #3387B5;font-size: 1.3em;padding: 5px} /* Fonts - end */ /* Links */ a, .dummylink, #blog #high a, #reso #high a, .botr li div a{text-decoration:none;font-weight:bold;cursor:pointer} a:hover{text-decoration:underline} .off, #skip {left: -9000px;position: absolute;top: 0;z-index: 20} .off a:focus, .off a:active {color:#543963; background:#fff; font-size:1.4em; display:block; padding:0.5em; border:0.3em solid #999; white-space:nowrap; width:15em; text-align:center; font-weight:bold; position:absolute; left:9665px; top:-20px} #skip a:focus, #skip a:active {left:0} /* Links - end */ /* Headings */ h1{width:900px} h1, #blog #blogcontainer h2.h1{font:3.5em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom:0;margin-top:0;line-height:1em} #home h1{background:#392447;font-size: 2.2em;padding:10px;width: auto;margin-top: 30px;margin-right:0;} #blog h1{width:auto} #blog #blogcontainer h2.h1 {width:auto;position:relative;z-index:1;clear:none}/* psuedo h1 */ body.root h1 span,#blog h1.h1 span, #authorbiog .blogauthor {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);position: relative;top:-10px;z-index:100;text-transform:lowercase;left:-10px} #blog h1.h1 span{padding:0 5px} body.root h1 span{display: inline-block;padding: 8px 5px} #content h2{clear:both} body #content h2.h1{margin-bottom:0} body #content h2.h1 span, #authorbiog .blogauthor span {font: 2.3em gil,"trebuchet MS",helvetica,sans-serif;background:#392447;-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);position: relative;top:-10px;padding:0 5px;left:-10px;z-index:100} h2 span{font: 1.3em gil,"trebuchet MS",helvetica,sans-serif;padding: 5px} h3{font-size:1.2em} h5{font-size:1.1em} /* Headings - end */ /* Images */ img{border:none} #content .noborder img{border:0px solid #543963} #content img.req{border:0px solid #543963} #content a.pdf img{border:none!important;top:-5px;left:3px;position:relative;display:inline!important} /* Images - end */ /* Lists */ dl,dt,dd{margin:0;padding:0} li, dt, dd {line-height:145%} ul,#content form ul,#blog #high ul,#blogcontainer div.blogtags ul{margin:0;padding:0;list-style:none} #content ul, #content dl.li{margin:0;list-style:none} #content ul{margin-left:25px} #content li{margin-bottom: 10px;padding-left:20px} #content ol li{padding-left:0;background:none} #blog #content ol li, #reso #content ol li{background:none} /* Lists - end */ /* Forms */ input,textarea{font:85% arial,"trebuchet MS",helvetica,sans-serif} /* Forms - end */ /* Misc classes */ .clear{clear:both} .small {font-size:.9em;margin-top:0} .split div{clear:both} .split div div{width:50%;float:left;clear:none} .printOnly {display: none} .eventbrite{background:url(/i-2012/eventbrite.gif) no-repeat 0 0;padding:20px 10px 20px 39px;color:#fff!important} /* events on eventbrite site link */ .htmlvalue{display:none} /* Misc classes - end */ /* General declarations - end */ /* commands Im not sure about */ #content #illustration{float:right;display:block;padding:55px 79px;content:"."} form.dateselect h2{margin-bottom:20px} #blog #casestudies{background: url(/i-2012/blog-high-stars.gif) no-repeat 50% 100%;padding-bottom:10px;margin-bottom:-10px} .booked h1{padding-top:35px} .facilities{float:right; margin-left:10px} .facilities img{width:337px; height:225px; margin-right: 20px} #carban{position:relative;background: url("../i-2012/bb-car.gif") repeat-x scroll 0 100% transparent;padding-bottom:21px;margin-bottom:-20px} #carban{*height:388px;*margin-bottom:0;} /* IE7 collapsing banner*/ #high #goals-c p{margin-left:0} /* commands Im not sure about - end*/ /* Information - */ div.ibox{padding:30px 20px 20px 110px ;background:url(/i-2012/contactusphone.gif) no-repeat #422C4F;margin:2em 0 10px} div.ibox p{ margin-top:10px} div.ibox h2{ font:2.1em/0.9em avg,"trebuchet MS",helvetica,sans-serif;margin-top:0;padding-bottom:10px;margin-bottom:0} /* Information - end */ /* Newspaper header */ #promotext h2{font:3.5em/0.9em avg,"trebuchet MS",helvetica,sans-serif;width:320px;margin-right:10px;float:left;text-transform:uppercase;letter-spacing: 2px;line-height:100%} #intro{padding-top:20px;background: url(../i-2012/stars-intro-bottom.gif) no-repeat 0% 100%;padding-bottom:10px} #home #intro{padding-top:0} #reso #intro{background: url("../i-2012/star.gif") repeat-x 0 100%} #services #intro{margin-bottom:20px;font-size:1.1em} #home #services #intro{background: none;margin-bottom: 30px;padding-bottom: 0;} #services #intro div{height:75px;width:44px;position:absolute} #intro.ueodt{background: url(../i-2012/intro-g-dt.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.adpd{background: url(../i-2012/intro-g-apd.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.etece {background: url(../i-2012/intro-g-ete.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.clr{background: url(../i-2012/intro-g-cl.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.ds{background: url(../i-2012/intro-g-ds.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.mts{background: url(../i-2012/intro-g-mts.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.osco{background: url(../i-2012/intro-g-os.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.te{background: url(../i-2012/intro-s-te.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.ued{background: url(../i-2012/intro-s-ued.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.ur{background: url(../i-2012/intro-s-ur.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #intro.sp{background: url(../i-2012/intro-s-sp.gif) no-repeat 0% 100%;padding-bottom: 100px; margin-bottom: -90px} #promotext h2,#secondarytext p, #ssecondarytext p{margin-top:0px;margin-bottom:20px} #home #content #intro p {font-size: 1.4em;line-height: 130%} #home #content #intro p {*margin:0 0 40px} body.all #sintro h1 span {display: inline-block;-ms-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);background: #766C9A;left: -10px;padding: 8px 5px;position: relative;top: -10px;z-index: 100;text-transform:lowercase} #content #sintro {width: 985px;background: url(/i-2012/sintro-arrow.gif) no-repeat 0 100% #543963;padding-bottom: 30px;margin-bottom:-50px} #home #content #sintro {padding-top:20px;background: url("../i-2012/bb-car.gif") repeat-x scroll 0 0} #content #sintrotext {float: left;padding-top: 20px;width: 360px} #home #content #sintrotext {padding-top:0} /* Newspaper header - end */ /* after hacks */ #blog #blogcontainer .entry #ucd:after ,.blogtags:after ,#cont #office:after,#cont #officecontainer:after,#footer .connect:after,#footer #tni:after,#blog div.tags:after,#wb-careers:after,#up-events:after,#reso #thinking-blog .authorex:after,#high #casestudynav:after,#train #streamdays span.price:after,#bread:after,#nav ul:after,#content:after,#content #facilities div:after,#content #facilities:after,#meet:after,#ad form input.button:after,#n-goals:after,#content #sintro:after,#clie #caseclients:after,#trainers div:after ,#reso #reportarchiveheader:after, #abou #mediaarchiveheader:after,#reso #reportarchive div:after,#reso #newsletterarchive:after,#train #trainingintro:after,.split:after,#train #content .streamlist:after,#blog #comments:after,#blog #content .share:after,#blog div.postauthortags:after,#blog #authors ul:after,#reso #authors ul:after,#carousel:after,#carban:after,#home #hp-blog-reports:after,.botr:after,#intro:after,#home #thinking:after{content:".";height:0;display:block;clear:both;visibility:hidden} /* after hacks -end */ /* Training specific */ /* Training specific - end */ /* Blog specific */ #blogcontainer{width:669px;float:left} #blog #high img{border:none} #blog #high li{padding-left:0;background:none!important} #blog #content h3 span{font:1.7em gil,"trebuchet MS",helvetica,sans-serif;padding:5px} /* Blog specific sharing icons */ #blogcontainer .share{position:absolute;left:50%;top:488px;width:83px;overflow:hidden;height:330px;margin-left:-590.5px;padding:5px;text-align:center} #blogcontainer #static {position:fixed;margin:0;height:auto;width:auto;margin-bottom:0!important} #blogcontainer #static li{float:left;width:60px;left:0;position:relative;top:1} #blogcontainer #static li.facebook{width:85px} #blogcontainer #static li.twitter{width:90px} #blogcontainer #static li.gplus{width:77px} #blogcontainer #static li.linked{width:105px;text-align:left} #blogcontainer #static li.tumblr{width:73px;text-align:left} #blogcontainer #static.share{position:static } #blogcontainer .share ul{margin-left:0} #blogcontainer .share h2{position:absolute;left:-9000px;top:0} #blogcontainer .share .facebook{position:relative;left:20px;margin-bottom:-5px} #content ul.pages {text-align:center; padding-top:1em; clear:both;margin-left:0;min-height:1.6em} #blog #content ul.pages li {display:inline; margin-right:.1em;background:none;padding-left:0} .pages li strong,.pages li a{padding:3px 7px} #blog #content ul.pages li.next a{background:none} #blog #content ul.pages li.prev a{background:none} #blog h1.h1small{font-size: 1.6em;font-family: arial,"trebuchet MS",helvetica,sans-serif;margin-top:10px;margin-bottom:20px;margin-left:10px} #blog #firstpost{margin-top:20px} #blog .post{clear:both;padding-top:30px;background: url("../i-2012/star.gif") repeat-x scroll 0 0 transparent;width:642px} #blog .isauthor .post{width:642px} #blog .alignright{float:right;margin-left:10px;margin-bottom:10px} #blog .alignleft{float:left;margin-right:10px;margin-bottom:10px} #blog #blogcontainer.pt{padding-top:50px} #blog #blogcontainer h2{font:2em gil,"trebuchet MS",helvetica,sans-serif} #blog .blogtags p, #blog .blogtags li{float:left;margin:0 10px 0 0;background:none;padding-left:0;background: none} body#blog #content .blogtags li{background: none} #blog #subscribe a,#reso #subscribe a{background:url(/i-2012/subscribe-blue.gif) no-repeat 0 50%;padding:5px 5px 5px 30px} #reso #archive ul,#reso #high h3{background: #2e527a;padding:3px 10px;margin-bottom:0} #blog #tags ul,#reso #tags ul{margin-top:0;background: #2b5f89;padding:3px 10px} #blog #tags li,#reso #tags li{padding:5px;background: url(/i-2012/blog-tags-border-blue.gif) repeat-x 0 100%} #blog #authors ul, #blog #archive ul,#reso #authors ul, #reso #archive ul{margin-top:0} #blog #blogcs img{border:none} #blog #authors li, #reso #authors li{position:relative;width:89px;height:80px;float:left;overflow:hidden;padding-left:0;background: none} body#blog #content #authors li,body#reso #content #authors li{padding-left:0;background: none} #blog #authors img, #blog #authors span,#reso #authors img, #reso #authors span {position:absolute;font-size:.9em} #blog #authors img,#reso #authors img{z-index:1;-ms-transition: opacity 1s;-moz-transition: opacity .5s;-webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;border:none} #blog #authors img:hover,#reso #authors img:hover{opacity:0} #blog #authors span,#reso #authors span{width:69px;height:60px;padding:10px;background: url(/i-2012/empty-frame.gif) repeat-x 0 100%} #blog #archive ul,#reso #archive ul{background: #2b5f89} #blog #archive li,#reso #archive li{background: url("/i-2012/blog-tags-border-blue.gif") repeat-x scroll 0 100%} #blog #authors,#blog #archive,#reso #authors,#reso #archive{margin-top:20px} #blog #authors li,#blog #archive li,#reso #authors li,#reso #archive li{margin-top:0;padding-left:0;padding-bottom:5px;padding-top:5px} #reso #authors li{margin-right: 11px} #blog #archive ul ul, #reso #archive ul ul{border:none} #blog #archive li li,#reso #archive li li{background:none} #blog #content .recommend li{padding-left:0;background:none} #blog #content h2{margin-top:0;margin-bottom:10px} #blog #content .blogtags ul{margin:0} #blog div.postauthortags{float:left;position:relative;width:338px;padding-right:100px;padding-bottom:15px} #blog .isauthor div.postauthortags{float:none} #blog .isauthor div.postauthortags{width:auto} #blog div.postdate{position:absolute;right:0;bottom:0;z-index: -1} #blog div.postauthortags h1,#blog div.postauthortags h2.h1{padding-right:30px} #blog div.postauthortags.noauthor{width:auto} #blog div.tags{clear:both;padding-top:6px;padding-bottom:6px;background: url(../i-2012/bb-blue.gif) repeat-x 0 0;margin-top:10px} #blog .postdate{background:url(/i-2012/calendarback-blue.gif) no-repeat 0 0;width:125px;height:126px;padding-top:10px;margin-right:0;text-align:center;text-transform:uppercase;font: 2.5em gil,"trebuchet MS",helvetica,sans-serif} #blog .postdate p{margin-top:16px;left: -10px;position:relative} #blog .postdate span{display:block} #blog .postdate span.postday{font-size:1.3em;line-height:1em} #blog .postdate span.postmonth{font-size:.8em;position:relative;top:-0.4em} #blog p.avatar{margin:0 10px 10px 0;height:178px;width:194px;float:left} #blog p.author{clear:none;margin-top:0;margin-bottom:5px;font-size:1.6em} #blog p.author a{font-weight:normal} #blog .blogtags p{clear:none} #blog #content .share{margin-bottom:20px} #blog .entry{background: url(../i-2012/bb-blue.gif) repeat-x 0 0;padding-top:10px} #blog #respond{padding-top:20px} #blog #respond img{border:0px solid #237AA9} #blog #commentform{width:470px} #blog #commentform ul,#blog #commentform p {margin:0} #blog #commentform li{margin-bottom:5px;background:none;padding-left:0} #blog #commentform img{border:0px solid #237AA9} #blog #commentform label{display:block;float:left;width:200px;text-align:right;margin-right:10px} #blog #commentform input,#blog #commentform textarea{border:none;-mos-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 5px;width:250px} #blog #commentform #submit{margin-top:10px;float:right;background: url("../i-2012/barrow.gif") no-repeat scroll 3px 50% #80D6FF;-ms-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;font: 1.4em gil,"trebuchet MS",helvetica,sans-serif;padding: 3px 7px;text-align: right;width: 5em} #blog .commentlist{margin-bottom:10px;position:relative} #blog #content .commentlist li{background: url("/i-2012/blog/blog-comment-bottom.gif") no-repeat 100% 100% #2e547c;padding:0} #blog .commentlist li div{background: url("/i-2012/blog/blog-comment-top.gif") no-repeat;padding:40px 20px 40px 20px} #blog .commentlist p, #blog .commentlist ul{margin:0 0 10px 0} #blog .commentlist p.commentauthor{font-weight:bold} #blog #comments{font-size:.8em} #blog .comments a{background: url("../i-2012/arrow-left-bl-or.gif") no-repeat scroll 0 50%;padding:5px 5px 5px 25px} #blog p.commentdate{text-align:right} #blog #comments span.cnum{background:#fff;-ms-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;width:1.3em;height:1.3em;display:block;text-align:center;line-height:1.3em;color:#543963;float:left;margin-right:5px;font-size:.8em} /* Blog specific sharing icons - end */ #blog #blogcontainer .entry dt { background: url("../i-2012/bullet-blue.gif") no-repeat 0 .2em; font-weight: bold; } #blog #blogcontainer .entry dt, #blog #blogcontainer .entry dd { padding-left: 18px; } #blog #blogcontainer .entry dd { margin-bottom: 10px } #blog #blogcontainer .entry img{ display: block; } body.articles #sch, body.articles #fontch, body.articles .share {display:none} body.articles #all #blogcontainer{width: 629px;padding-right:40px} #serv #content .botr img{border:none} #blog .evid{ border:11px solid #237AA9;-ms-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;-moz-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;-o-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;-webkit-border-image: url(/i-2012/image-frame-blue.gif) 11 stretch;max-width:100%;text-align:center } /* Blog specific - end */ /* Banner areas */ /* Homepage carousel */ #carousel{margin-top:5px;padding:0;z-index:10;position:relative;height:0} #home #carousel li{background:none;padding-left:0} #home #carousel img{border:none;position:relative;top:-10px;margin:0 0 -10px 0 } #carousel p{margin:0} #carousel p.prev{position:absolute;z-index:10;top:-180px;left:-25px} #carousel p.prev a{height:48px;width:48px;display:block} #carousel p.next{position:absolute;z-index:10;top:-180px;right:-25px} #carousel p.next a{height:48px;width:48px;display:block} #carousel p.more{position:absolute;bottom:-55px;right:0;z-index:10} #carousel p.more a{display:block;padding:5px 25px 5px 15px!important;color:#80D6FF;text-transform: lowercase;background: url("../i-2012/more-arrow.gif") no-repeat 100% 50%} #carousel ul{list-style:none;padding:0;margin:0;width:870px;height:78px;position:relative} #carousel li{float:left;opacity:.35;width:111px;margin:0 10px -4px 0;padding-bottom:0} #carousel li.selected{opacity:1;position:relative;background: #392447} #carousel li.selected span.arrow{height:21px;width:37px;display:block;position:absolute;top:-17px;z-index:20;left:50%;margin-left:-18px;background:url(../i-2012/arrowselected.png) no-repeat 0 0;opacity:1} /* Homepage carousel - end */ /* Case studies carousel */ body.smcar #intro{width:985px;background:#543963} body.smcar #introtext{float:left;width:400px;padding-top:20px} body.smcar #introcar{float:right;width:572px;height:331px;margin-top:-10px;padding-bottom:20px;position:relative} body.smcar #introcar p{height:331px} body.smcar #introcar p img{display:none} body.smcar #introcar p img.sel{display:block} body.smcar #introcar a.readmore{position:absolute;bottom:20px;left:20px;z-index:30;background:url("/i-2012/arrows/arrow-392347.gif") no-repeat 5px 50% #392347;display:block;padding: 5px 8px 5px 30px} body.smcar #intro h1 span{background:#766C9A;-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);position: relative;top:-10px;display: inline-block;padding: 8px 5px;left:-10px;z-index:100;text-transform:lowercase} body.smcar #intro p{margin:0} body.smcar #introcar p{position:relative} body.smcar #introcar p img{position:absolute;top:0;left:0} body.smcar #intro img{border:none} body.smcar #high{padding-top:345px} body.smcar #introcarcont{position:absolute;top:0;right:0;z-index:10;height:316px;width:122px;padding-top:15px;background: #4d335b} body.smcar #introcarcont li{background:none;height:58px;padding-bottom:0;padding-left:0;position:relative;left:-18px;margin-bottom:0;} body.smcar #introcarcont li span{display:block;height:58px;padding-bottom:0;width:144px;position:absolute} body.smcar #introcarcont li span.over{display:none} body.smcar #introcarcont li.selected span.over{display:block} body.smcar #introcarcont li.up{position:absolute;top:-30px;left:35px;z-index:1;cursor:pointer} body.smcar #introcarcont li.down{position:absolute;bottom:-40px;left:35px;z-index:1;cursor:pointer} .smcar #secondarytext{clear:both} /* Case studies carousel - end */ #ban{height:260px;overflow:hidden;width:985px;position:relative} #ban img{position:absolute;top:0;left:0} #content #ban img{border:0px solid #000000!important} #content ul#banarrows{list-style:none;margin:0;padding:0;position:absolute;width:985px} #banarrows li{display:inline} #banarrows a{display:block;height:48px;width:48px;z-index:100;position:absolute;left:-20px;top:120px} #content #banlist{position:absolute;list-style:none;margin:0;padding:0;right:0} #content #banlist li{display:inline;background:none;padding-left:0} #content #banlist a{float:left;display:block;padding:3px 7px;-moz-border-radius: 100%;-webkit-border-radius: 100%;margin-right:5px;font-weight:bold;font-size:1.2em;position:relative;top:10px} #banners{width:983px;height:308px;position:relative} #banners div{width:983px;height:308px;position:absolute;top:15px;left:0;opacity:0} #banners div p{position: relative;margin-bottom:0;background: #69608c;width:323px;min-height:157px;position:absolute;right:60px;top:20px;padding:20px} #banners div p a{position:absolute;bottom:10px;text-align:right;display:block;width:290px;background: url(/i-2012/hp-promo-arrow.gif) no-repeat 100% 50%;padding:5px 30px 5px 0} #banners div p span{display:block;font:2em gil,"trebuchet MS",helvetica,sans-serif;line-height:1.05em;text-transform: uppercase} #banners div p span.star{display:block;height:20px;background: url(/i-2012/hp-stars.gif) no-repeat 50% 0} #banners div span.promo-b{background: url(/i-2012/hp-promo-bottom.png) no-repeat 0 0;position:absolute;bottom:-26px;left:50%;width:60px;height:26px;margin-left:-30px} #banners div .linef{padding-bottom:7px} #banners p.read{margin-top:0} #banners span.read{background: none;padding-left:0} #banners span.read a{background: url(../i-2012/readarrow.gif) no-repeat 98% 50% #543963;padding:5px 5px 5px 30px!important;font:.45em gil,"trebuchet MS",helvetica,sans-serif;width:10em;display:block;color:#fff;text-transform: lowercase} #banners div.selected{background: url(/i-2012/homepage-carousel/hpc-omni.jpg) no-repeat 0 0 ;z-index:6;opacity:1} #ban #baninfo p{background: #237AA9;margin-bottom: 0;min-height: 157px;position: absolute;right: 60px;top: 20px;width: 323px;z-index:10;padding: 20px} #ban #baninfo span.star {background: url("/i-2012/blog-high-stars.gif") repeat scroll 50% 0 transparent;display: block;height: 20px} #ban #baninfo p span {display: block;font: 2em/1.05em gil,"trebuchet MS",helvetica,sans-serif;text-transform: uppercase} #ban #baninfo p a {background: url("/i-2012/arrow-left-bl-or.gif") no-repeat scroll 100% 50% transparent;bottom: 10px;display: block;padding: 5px 30px 5px 0;position: absolute;text-align: right;width: 290px} /* Banner area - end */ /* Navigation - end */ #nav{left: 280px;position: absolute;top: 36px;width: 710px} #nav ul{list-style:none;padding:0;margin:0;font-size: 1.2em;text-transform: lowercase} #nav li{float:left;position:relative} #nav a{display:block;padding:12px 8px;margin-right:4px;font-weight: bold} #home #nav a.home, #nav a:hover, #nav a:active, #nav a:focus, #abou #nav a.abou, #serv #nav a.serv, #cont #nav a.cont, #train #nav a.train, #clie #nav a.clie{text-decoration:none} #home #nav a.home span.arrow, #nav a:hover span.arrow, #nav a:active span.arrow, #nav a:focus span.arrow, #abou #nav a.abou span.arrow, #serv #nav a.serv span.arrow, #cont #nav a.cont span.arrow, #train #nav a.train span.arrow, #clie #nav a.clie span.arrow{position:absolute;bottom:-7px;left:50%;width:13px;height:7px;margin-left:-10px} #bread ul{font-size:1em} #bread{clear:both;padding: 6px 0 15px;margin-top:3.4em;position:absolute;left:-280px;width:985px} #bread h2{font-size:1em;float:left;margin:0;margin-right:5px;padding-right:5px} #bread a {display: block;font-weight: bold;margin-right: 3px;padding: 0 10px 0 0} #bread a:hover, #train #bread a:hover{background:none;text-decoration:underline} /* Navigation */ /* Goals Diagram */ #goals h2{font-size:1.3em} #goals ul{list-style:none;margin:0;padding:0} #goals li{float:left;width:231px;padding-left:99px} #goals li.e2e{background: url(../i-2012/end-to-end.gif) no-repeat 0 0} #goals li.cust-loya{background: url(../i-2012/cust-loya.gif) no-repeat 0 0} #goals li.touch{background: url(../i-2012/touch.gif) no-repeat 0 0} #goals li.conversion{background: url(../i-2012/conversion.gif) no-repeat 0 0} #goals li.strat{background: url(../i-2012/strat.gif) no-repeat 0 0} #goals li.prod{background: url(../i-2012/prod.gif) no-repeat 0 0} #goals li.mobile{background: url(../i-2012/mobile.gif) no-repeat 0 0} #goals li a{background: #392447;display:inline;box-shadow: 0px 0px 0px 3px #392447;position:relative;left:5px;line-height:1.3em} #goals li a:hover{text-decoration:none} #goals .dmore{padding: 10px 25px 10px;font-weight:bold;text-transform:lowercase;background: url(../i-2012/more-arrow.gif) no-repeat 0 50%;color:#80d6ff;visibility:hidden;margin:0} /* Goals Diagram - end */ /* Homepage layout */ #home #thinking{clear:both;background: url("../i-2012/bb.gif") repeat-x scroll 0 0;padding-top:11px} #home #thinking{*margin-top:11px} #home #thinking h3{float:left;margin-bottom:20px;margin-right:10px} #content #thinking p{clear:none} #content #thinking li{padding-left:0;background:none} #content #thinking img{border:0px solid blue!important} #thinking #blog p,#thinking #reports p, #thinking #events p{margin-left:90px} #home #hp-blog-reports{background:url(/i-2012/hp-thinking.gif) no-repeat 0 0 #4c335a;width:650px;float:left;margin-right:20px} #home #hp-blog, #home #hp-reports, #home #hp-events{width:288px;float:left} #home #hp-events #hpeventsitems li{float:left} #home #hp-blog,#home #hp-reports{margin-left:20px} #home #hp-blog p, #home #hp-reports p{margin-left:93px} #home #hp-events{margin-right:0;background: url(../i-2012/hp-events.gif) no-repeat 100% 0;position:relative;top:-40px;padding-top:27px;width:295px} #thinking #hp-events h2{padding-left:0;width:200px} #hp-blog #blogposts, #hp-reports #reportposts, #hp-events #eventposts, #high #caseposts, #high #goalsposts,#high #trainingposts {clear:both} /* Homepage layout - end */ /* Right col layout */ #thinking h2,#high #caseheader h2,#high #trainingheader h2{font:3.1em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;min-height:65px;padding-left:135px;padding-bottom:25px;text-transform: lowercase;padding-top:35px;margin-bottom:0;margin-top:0} #thinking h3, #high h3{text-transform: lowercase;font:1.7em gil,"trebuchet MS",helvetica,sans-serif;margin-top:0;margin-bottom:10px;line-height:1em} #thinking h4,#high h4{font-size:1.3em;margin:0} #thinking .more, #high .more{text-align:right;padding: 10px 25px 10px;font-weight:bold;text-transform:lowercase} #thinking img, #high img{float:left;padding-right:0} #thinking p, #high p{margin-top:5px} #thinking ul, #high img{list-style:none;margin:0;padding:0} #thinking div#reports,#thinking div#events,#home .thinkingheader, #high #caseheader{margin-bottom:0} #high #goalsposts{padding-top:0;margin-top:0} #high #goalsposts img{margin-left:10px;float:right} #high #test-eval{padding-bottom:10px} #high #test-eval h2{font:2.5em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;height:119px;padding-left:10px;text-transform: lowercase;padding-top:0;margin-bottom:0;margin-top: 0;position:relative} #high #test-eval h2 a{position: relative;z-index: 2;padding-top:35px;width:100px;display:block;color:white;background: url(/i-2012/nav/root-arrow.gif) no-repeat 0 52px;padding-left: 15px} #high #test-eval h2 img,#high #n-goals h2 img{position:absolute;top:0;right:-20px;z-index:1;padding-left:20px} #high #n-goals{background: url(../i-2012/bb.gif) repeat-x 0 100%;padding-bottom:10px;position:relative} #high #n-goals h2{font: 2.5em/0.9em gil,"trebuchet MS",helvetica,sans-serif;height: 119px;margin-bottom: 0;margin-top: 0;padding-left: 10px;padding-top: 0;position: relative;text-transform: lowercase} #high #n-goals h2 a{background: url("/i-2012/nav/root-arrow.gif") no-repeat scroll 0 52px transparent;color: white;display: block;padding-left: 15px;padding-top: 35px;position: relative;width: 200px;z-index: 2} #high #test-eval h3{margin-bottom:0;font: 1em arial,"trebuchet MS",helvetica,sans-serif} #high #test-eval h3 a{background: url("../i-2012/tool-arrow.gif") no-repeat scroll 5px 49% #69608c;padding-left:2px;display:block;padding: 8px 8px 8px 25px;position:relative} #high #test-eval ul,#high #n-goals ul{background:none;margin-top:5px;font-size:1.1em} #high #test-eval ul ul{margin-top:0;font-size: 0.9em;margin-bottom: 5px} #high #test-eval li{position:relative} #high #test-eval li a,#high #test-eval li strong{display:block;padding: 8px 18px 8px 24px;color:#fff;background: url("../i-2012/services-service-n-selected.gif") no-repeat 5px 50% #392347;min-height:20px;line-height:20px;margin-bottom: 5px} #high #test-eval li strong{margin-bottom:0;} #high #test-eval li li a{background: url("../i-2012/tricks-arrow.gif") no-repeat 15px 50% #4D335B} #high #test-eval ul ul li a{margin-bottom:0} #high #test-eval li strong, #high #test-eval li a:hover{background: url("../i-2012/services-service-selected.gif") no-repeat 5px 50% #69608c;} #high #test-eval li li strong, #high #test-eval li li a:hover{background: url("../i-2012/tricks-arrow-over.gif") no-repeat 15px 50% #69608C} #high #test-eval h3 a:hover{background: url("../i-2012/tool-arrow.gif") no-repeat scroll 5px 49% #69608c} #high #test-eval .now strong span, #high #test-eval a:hover span{display:block;border-color: transparent #69608C transparent transparent;border-style:solid;border-width:18px;width:0;height:0;padding:0;position: absolute;left:-36px;top:0;min-height:0} /* May also */ #high #mayalso{background: #392447;position:relative;margin-top:40px;padding:15px 20px 10px 20px;margin-bottom:20px;clear:both;position:relative;min-height:180px} #high #mayalso div{width:136px;height:242px;position:absolute;z-index:0;top: -37px;left: -17px} #high #mayalso ul{position:relative;z-index:1;width:250px;left:10px} #train #high #mayalso{background: #0E3D4B} #reso #high #mayalso, #blog #high #mayalso{background: #253652} #high #mayalso img{float:none;position:absolute;top:-50px;left:-40px} #high #mayalso h2{position:relative;z-index:1;margin-left:100px;background: none;margin-top:0;text-transform:lowercase;padding-right:10px;padding-bottom:10px;background: url("../i-2012/bb-dp.gif") repeat-x 0 100%;margin-bottom: 0;text-align:right} #high #mayalso p{margin-left:60px;position:relative;z-index:1} #reso #high #mayalso h2,#blog #high #mayalso h2{background: url("../i-2012/bb-v-dark-blue.gif") repeat-x 0 100%} #train #high #mayalso h2{background: url("../i-2012/bb-darkgreen.gif") repeat-x 0 100%} #high #mayalso ul{margin-top:0} #high #mayalso li{font-weight: bold;padding: 10px 25px;text-align: right;text-transform: lowercase;margin-bottom:-5px} #blog #mayalso li{font-weight: bold;padding: 10px 25px;text-align: right;text-transform: lowercase;margin-bottom:-5px} /* May also - end */ /* Case studies */ #high #caseheader h2{background: url(../i-2012/case-head.gif) no-repeat 0 0;padding-top:30px;padding-left:115px;min-height:90px} #blog #high #caseheader h2{background: url(../i-2012/case-head-blue.gif) no-repeat 0 0} #high #casestudies p{margin-left:92px} #high #casestudies h3{float:left;margin-right:10px} /* Adjustment for case studies page */ #clie #high #caseheader h2{background:none;height: 119px;min-height:auto;padding:0;padding-left: 10px;position:relative;font:2.5em/0.9em gil,"trebuchet MS",helvetica,sans-serif} /* Adjustment for case studies page - end */ /* Case studies - end */ /* Training */ #high #privateheader h2{font:3.1em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;background: url(../i-2012/private.gif) no-repeat 0 0;min-height:95px;padding-left:115px;padding-bottom:25px;text-transform: lowercase;padding-top:20px;margin-bottom:0;margin-top:0} #high #elearingheader h2{font:3.1em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;background: url(../i-2012/elearning.gif) no-repeat 0 0;min-height:95px;padding-left:115px;padding-bottom:25px;text-transform: lowercase;padding-top:20px;margin-bottom:0;margin-top:0} #high #creditheader h2{font:3.1em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;background: url(../i-2012/credits.gif) no-repeat 0 0;min-height:95px;padding-left:115px;padding-bottom:25px;text-transform: lowercase;padding-top:20px;margin-bottom:0;margin-top:0} #elearning, #privatecourses, #creditcourses{padding-bottom:5px;background: url(../i-2012/stars-high.gif) no-repeat 50% 100%;margin-bottom:10px} /* Training - end */ /* Goals */ #goalsheader{background: url("../i-2012/goals.gif") no-repeat 0 20px;margin-bottom: 0;margin-top: 0;min-height: 95px;padding-bottom: 42px;padding-left: 105px;padding-top: 20px;text-transform: lowercase} #blog #goalsheader{background: url("../i-2012/goals-blue.gif") no-repeat 0 20px} #n-goals{margin-bottom:20px} #h-goals h2{font: 2.6em/0.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom:20px;margin-top:20px} #blog #h-goals h2{margin-bottom:20px;margin-top:20px} #n-goals h3{font: 0.8em/1em avg,"trebuchet MS",helvetica,sans-serif;height: 54px;margin-top: 0;padding: 5px;text-transform: uppercase;margin-bottom:0} #n-goals ul{margin:0} #n-goals li{position:relative} #n-goals li a{color: #FFFFFF;display: block;line-height: 20px;min-height: 20px;padding: 8px 8px 8px 14px;background:url("../i-2012/goals-goal-n-selected.gif") no-repeat 5px 50% #392347;margin-bottom: 3px} #n-goals strong{color: #FFFFFF;display: block;min-height: 20px;line-height: 20px;padding: 8px 8px 8px 14px;background: url(i-2012/goals-goal-selected.gif) no-repeat 5px 49% #69608C;margin-bottom: 3px} #n-goals li a:hover{background: url(i-2012/arrow-single-lt-purple.gif) no-repeat 5px 49% #69608C} #n-goals strong span, #n-goals a:hover span{border-color: transparent #69608C transparent transparent;border-style: solid;border-width: 18px;display: block;height: 0;left: -36px;min-height: 0;padding: 0;position: absolute;top: 0;width: 0} /* Goals - end */ #thinking #blogitems, #thinking #eventsitems, #high #caseitems, #thinking #reportsitems{float:left;min-height:2em;z-index:1;margin:0} #home #thinking #blogitems, #home #thinking #eventsitems, #home #high #caseitems, #home #thinking #reportsitems{float:left;top:14px} #home #thinking #blogitems, #home #thinking #eventsitems, #home #thinking #reportsitems{left: 10px;top:5px} #thinking #blogitems li, #thinking #eventsitems li, #thinking #reportsitems li, #high #caseitems li, #high #goalsitems li, #high #trainingitems li{float:left} /* Right col layout - end */ /* Back to top */ .backtotop, .backtop{padding:20px 0;clear:both} #cont .backtop{width:965px} .backtotop a, .backtop a{padding: 10px 25px 10px} /* Back to top - end */ /* Footer */ #footer{clear:both} #footer #tni{padding:4px 0 30px 0;position:relative;top:5px;} #footer #tni{*height:1%} #footer h2{font:1.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom:0;text-transform: lowercase} #footer ul{list-style:none;margin:0;padding:0} #footer div#twitter{width:210px;height:200px;float:left;margin-right:20px;padding-top:0;padding-left:35px;padding-right:55px;font-size:0.9em} /*#footer div#twitter ul{position:relative;top:90px} #footer div#twitter p{position:relative;top:90px}*/ #footer div#twitter ul ul{position:absolute;bottom:10px;left:80px} #footer div#twitter ul ul li{float:left} #footer div#twitter p{position:relative;top:90px} #footer div#twitter span.tweetbody{display:block;position:relative;top:105px} #footer div#twitter ul ul li a{display:block;padding: 2px 2px 2px 10px} #footer div#twitter .tweet_time{display:block;margin-bottom:2px;display:none} #footer div#newsletter{width:360px;float:left;position:relative} #footer div#newsletter p{padding-right:120px} #footer div#newsletter p.sign,#footer div#newsletter li, #footer div#newsletter ul{padding-right:0;display:inline} #footer div#newsletter input{width:240px;border:none!important;margin-bottom:5px;padding:5px;-moz-border-radius:5px;-webkit-border-radius: 5px} #footer div#newsletter input#signup{width:auto;-moz-border-radius:15px;-webkit-border-radius:15px;padding:2px 5px 2px 28px;font:1.4em gil,"trebuchet MS",helvetica,sans-serif;margin-left:5px} #footer div#newsletter input#signup{*padding:2px 0 2px 12px;} #footer div#newsletter input#signup:hover{cursor:pointer} #footer div#intouch{width:275px;float:left;margin-right:0px;padding-left:30px} #footer .first { margin-right: 9px; } #footer .address { float: left; margin: 5px 0 0; width: 133px; } #footer .phone{margin:5px 0 0 0;font-size: 2.4em;font-weight:bold} #footer .email{margin:2px 0 0 0;font-size: 1.4em} #footer .address{ float: left; margin: 5px 0 0; width: 133px; } #footer .connect{padding:10px} #footer .connect ul{list-style:none;margin:0 0 0 170px ;padding:0;position:relative;top:5px} #footer .connect li{float:left;margin-right:10px} #footer .connect .sm{float:left} #footer .connect .share{float:right;margin-top:18px} #footer .connect .share a{padding:20px 20px 20px 40px;text-transform:uppercase;font-size: .9em} #footer .connect .share a:visited{color:#80d6ff} #footer #copy{margin-top:10px} #footer #copy p, #footer #copy ul, #footer #copy li{display:inline} #footer #copy a, #footer #copy span{border-right:1px solid #ccc;margin-right:4px;padding-right:6px} #footer #copy .last a,#footer #copy .last span{border-right:none} /* Footer - end */ /* Quotes */ .quote {margin-bottom:-40px} .quote blockquote{background: url("../i-2012/q-left-p.gif") no-repeat 0 0 ;margin:0 10px 0 10px;padding:2px 0 0 50px} #clie .quote p, #jobs .quote p,#serv .quote p{text-align:right;padding-right:60px;background: url("../i-2012/hereshow.gif") no-repeat 100% 100% ;padding-bottom:93px} #content .quote blockquote p {background: url("../i-2012/q-right-p.gif") no-repeat 100% 100% ;padding-bottom:20px;text-align: left} /* Quotes - end */ /* About us */ #meet #meetheader h2,#history #historyheader h2,#culture #cultureheader h2{clear:none;font: 3em/0.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 0;margin-top: 0;text-transform: lowercase;position:relative;z-index:1} #meet #meetheader p,#history #historyheader p,#culture #cultureheader p{font: 1.8em gil,"trebuchet MS",helvetica,sans-serif;color:#979ece;line-height:1em;margin-top:0;text-transform: lowercase} /* Meet */ #meet{margin-top:40px;margin-bottom:40px} #meet p.noborder{float:left;margin-right:10px;margin-top:0;margin-left:0} #meet p{margin-left: 204px} #meet #meetheader h2{padding-left: 135px} #meet #meetheader p{margin-bottom:0} /* Meet - end*/ /* History */ #history{background: url("/i-2012/history.gif") no-repeat 5px 10px} #history #historyheader h2{padding-left: 160px;padding-top: 50px} #history #historyheader p{padding-left: 160px} /* History - end */ /* Culture */ #culture{position:relative} #culture #cultureheader{min-height:100px} #culture #cultureheader p.landscape{position:absolute;top:-40px;right:0;margin:0} #culture #cultureheader p.landscape img{border:0px solid #543963} /* Culture - end */ /* About us -end */ /* Careers */ #wb-careers{background: url(/i-2012/careers.gif) no-repeat #422c4f;margin-top:20px;margin-bottom:20px;padding:10px 20px 20px 20px} #wb-careers-intro{float:left;width:300px;margin-right:20px} #wb-careers h2{font: 3em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 0;margin-top: 0;padding-left: 135px;padding-top: 40px;text-transform: lowercase;padding-bottom: 20px} #wb-careers p.more a{background: url("/i-2012/careers-arrow.gif") no-repeat scroll 0 50% transparent;padding: 5px 5px 5px 25px} #wb-careers-roles{margin-left:275px} /* Careers - end */ /* Upcoming events */ #up-events{background: #4c335a;margin-top:60px;padding:10px 20px 20px 20px;position:relative} #up-events div{float:left;width:180px;margin-right:10px;min-height:200px;position:relative;padding-left:90px;margin-top: 10px} #up-events #eventsicon{position:absolute;right:0;top:-34px;height:122px;width:131px;background:url(../i-2012/events.gif) no-repeat 0 0;padding:0;margin:0} #up-events div.up-events-ic{width:134px;height:122px} #up-events h2{font: 3em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 0;margin-top: 0;text-transform: lowercase;line-height:1em;background:url(../i-2012/bb-events.gif) repeat-x 0 100%;padding-bottom:10px} #up-events h3{margin-bottom:0} #up-events p{margin-top:0} #eventposts p,#eventposts h4{padding-left:90px} #up-events p.date, #eventposts p.date{position:absolute;left:0;top:0;background:url(../i-2012/calendarback-events.gif) no-repeat 0 0;width:88px;height:82px;font: 1.5em gil,"trebuchet MS",helvetica,sans-serif;text-align:center;padding-top:15px} #eventposts p.date{background:url(../i-2012/calendarback.gif) no-repeat 0 0;padding-left:0} #up-events p.date span, #eventposts p.date span{position:relative;left:-2px} #up-events p.date span, #eventposts p.date span{display:block} #up-events p.date span.month, #eventposts p.date span.month{position:relative;top:-10px;text-transform:uppercase;font-size:.8em} #up-events p.date span.year, #eventposts p.date span.year{position:absolute;left:-8000px;top:0} /* Upcoming events - end suspected unused */ #clie #high #caseheader h2 img{padding-left: 20px;position: absolute;right: -20px;top: 0;z-index: 1} #clie #high #caseheader h2 a {background: url("/i-2012/nav/root-arrow.gif") no-repeat scroll 0 52px transparent;color: white;display: block;padding-left: 15px;padding-top: 35px;position: relative;width: 200px;z-index: 2} /* Our clients list */ /* Client list - end */ #clie #caseclients{padding-top:20px} #clie #caseclients ul{margin-left:0} #clie #caseclients h2{margin-top:0;margin-bottom:0} #clie #caseclients h3{margin:0;font-size:1em} #clie #caseclients li{padding-left:0;float:left;width: 290px;margin-left:20px;background:#392347;margin-bottom:28px;border:10px solid #392347} #clie #caseclients li li{width: auto;background:none;margin:0 10px 0 0;border:none;font-size: .9em;padding-bottom:0} #clie #caseclients li p{margin:0} #clie #caseclients img{border:none} #clie #caseclients li.clear{margin-left:0} #clie #caseclients li h2{font-size:1em} /* Client list - end */ /* Our clients selections - end */ #clie .ourclients{left: -3px;position: relative;top: -23px} /* header */ #content #casestudyselect{background:#422C4F;padding:20px;min-height:330px;margin-bottom:20px} #content #casestudyselect div{padding-right:20px} #content #casestudyselect h2{margin-top:0.3em;background: url("/i-2012/bb-dp.gif") repeat-x scroll 0 100% transparent;font: 3em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 10px} #content #casestudyselect ul{margin-left: 0} #content #casestudyselect li{background:none;padding-bottom: 0px;padding-right: 0;padding-left:0;float:left;margin-right:-5px;margin-bottom:0} #content #casestudyselect img{border:none} #content #casestudyselect #cssel{float:right;background: none;border:none;color:#fff;position:relative;z-index:2;height:2em;overflow:hidden;background: #766C9A;width:180px;top:15px} #content #casestudyselect #cssel h3{font-size:1em;margin:0;line-height:2em;font-weight:normal;padding-left:27px;background: url(/i-2012/select-ind.gif) no-repeat 0 50% #766C9A;cursor:pointer} #content #casestudyselect #cssel ul{border-left:12px solid #422c4f;position:relative;z-index:10} #content #casestudyselect #cssel li{width:178px;position:relative;z-index:10;float:none;line-height:2em;padding-left:10px;margin:0} #content #casestudyselect #cssel.open{overflow:visible;height:auto} #content #casestudyselect #cssel li.sel{background: #543963;cursor:pointer} #content #casestudyselect #cssel a{color:#fff;font-weight:normal;display:block} /* Our clients selections - end */ /* Our clients list - end */ /* Our facilities */ #content #facilitiesh{margin-bottom:0} #content #facilitiesh span{padding:5px 20px} #content #facilities{padding:20px;margin-bottom:20px} #content #facilities p{margin-top:0} #content #facilities li{background: url("../i-2012/hire/bullet.gif") no-repeat 0 .2em } #content #facilities img{border:0px solid #543963!important} #content #facilities div{float:right;margin-left:10px;margin-bottom: 10px;width:300px} #content #facilities div div{width:300px;overflow:hidden;height:200px;position:relative;background:#fff} #content #facilities div div img{position:absolute;top:0;left:0} #content #facilities div ul{margin:0;float:right} #content #facilities div li{background:none;padding-left:0;float:left} #content #facilities div a{border-radius: 100%;font-size: 1.2em;font-weight: bold;margin-right: 5px;padding: 3px 7px} #content #facilities div a:hover, #content #facilities div a:active, #content #facilities div a:focus{background: #fff;color:#543962} #content #facilities p.more{text-align:right;padding: 5px 25px 5px 5px;background: url("/i-2012/arrows/arrow-472f56.gif") no-repeat 100% 50%} /* Our facilities - end */ /* Goals diagram */ #content #sintrodiagram {float:right;width:518px;position:relative;height: 440px} #content #sintrodiagram h4 img {display: block;padding: 5px 0 20px;width: 321px;height: 70px} #content #sintrodiagram img{border:none!important} #content #sintrodiagram li{display:inline;background:none;padding-left:0} #content #sintrodiagram li.loyal h3{left:130px;top:0;background: #392447} #content #sintrodiagram li.loyal.selected h3{background: url("/i-2012/goals/loyal.gif") no-repeat 50% 0 #766c9a;height:80px} #content #sintrodiagram li.digitaltouch h3{left:260px;top:0;background:#392447} #content #sintrodiagram li.digitaltouch.selected h3{background: url("/i-2012/goals/digitaltouch.gif") no-repeat 50% 0 #766c9a;height:80px} #content #sintrodiagram li.conv h3{left:390px;top:100px;background: #392447} #content #sintrodiagram li.conv.selected h3{background: url("/i-2012/goals/conv.gif") no-repeat 50% 0 #766c9a;padding-left:15px;left:385px} #content #sintrodiagram li.digital h3{left:390px;top:0;background: #392447} #content #sintrodiagram li.digital.selected h3{background: url("/i-2012/goals/digital.gif") no-repeat 50% 0 #766c9a;height:80px;padding-left:15px;left:385px} #content #sintrodiagram li.app h3{left:390px;top:200px;background: #392447} #content #sintrodiagram li.app.selected h3{background: url("/i-2012/goals/app.gif") no-repeat 50% 3px #766c9a;padding-left:15px;left:385px} #content #sintrodiagram li.mstrat h3{left:390px;top:300px;background: #392447} #content #sintrodiagram li.mstrat.selected h3{background: url("/i-2012/goals/mstrat.gif") no-repeat 50% 10px #766c9a;padding-left:15px;left:385px} #content #sintrodiagram li.end h3{left:0;top:0;background: #392447} #content #sintrodiagram li.end.selected h3{background: url("/i-2012/goals/end.gif") no-repeat 50% 10px #766c9a;height:80px} #content #sintrodiagram li.selected a{ position:absolute;left:-9000px;top:0} #content #sintrodiagram li.selected h3{cursor:text!important} #content #sintrodiagram .selected h3{z-index: 2} #content #sintrodiagram li h3{font: 1em avg,"trebuchet MS",helvetica,sans-serif;text-transform:uppercase;width:105px;height:75px;background:#462e55;padding:10px;position:absolute;line-height:1.2em;margin-top:0} #content #sintrodiagram div{position:absolute;left:0px;top:100px;background: #766c9a;width:325px;height:241px;padding:24px 30px 30px 30px} #content #sintrodiagram div.nselected{display:none} #content #sintrodiagram div h4{font: 1.4em avg,"trebuchet MS",helvetica,sans-serif;text-transform:uppercase;margin:0;background: url(../i-2012/bb-766c9a.gif) repeat-x 0 100%;padding-bottom:10px} #content #sintrodiagram div p{margin-top:10px} #content #sintrodiagram li div h4 a{position:static!important} #content #sintrodiagram p.more{text-align:right} #content #sintrodiagram p.more a {bottom:40px;padding: 5px 25px 5px 5px;background: url("/i-2012/arrow-m-goal.gif") no-repeat 100% 50%;position:static!important} /* Goals diagram - end */ /* Services diagram */ body.all #promotext h2, body.all #content #sintrotext,body#home #promotext h2, body#home #content #sintrotext {width:440px} /* content before the services diagram is shrunk */ #serv #servicesheader{background: url("/i-2012/bagoftricks.gif") no-repeat 5px 10px;min-height:165px} #serv #servicesheader h2{clear:none;font: 3em/0.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 0;margin-top: 0;padding-left: 110px;padding-top: 70px;text-transform: lowercase;position:relative;z-index:1} #serv #servicesheader p{margin-top:0;font: 1.8em gil,"trebuchet MS",helvetica,sans-serif;color:#979ece;padding-left: 110px;line-height:1em;text-transform: lowercase} #servicesdiagram{width:521px;height:516px;background: url("/i-2012/services/default.gif") no-repeat 50% 50%;position:relative} #servicesdiagram img{position:relative;z-index:11;display:block;border:none!important} #servicesdiagram div img{z-index:1} #servicesdiagram div{width:521px;height:516px;position:absolute;top:0;left:0;display:none} #servicesdiagram div#coreservcont{display:block;z-index:10} #servicesdiagram div.selected{display:block} #servicesdiagram h3{position:absolute;font: 1.2em avg,"trebuchet MS",helvetica,sans-serif;text-transform:uppercase;width:110px;line-height:1em} #servicesdiagram ul{margin-left:0} #servicesdiagram li{background:none;padding:0} #servicesdiagram li h3 a:focus,#servicesdiagram li h3 a:active{background: none;color:#80D6FF} #servicesdiagram li p{display:block;position:absolute;top:180px;left:50%;width:200px;margin-left:-110px;height:7em;display:none;margin-top:0} #servicesdiagram li p a{display:block;background: url(/i-2012/arrow-light.gif) no-repeat 100% 50%;padding: 5px 25px 5px 5px;text-align:right;margin-right:25px;margin-top:5px;position:absolute;top: 120px;left:60px} #servicesdiagram li p a.heading{display:block;font: 1.25em gil,"trebuchet MS",helvetica,sans-serif;text-transform:uppercase;line-height:1em;margin-bottom:5px;text-align:left;padding:0;background:none;margin-right:0;position:static;background: url("../i-2012/bb-69608c.gif") repeat-x 0 100%;padding-bottom:10px;margin-bottom:10px} #servicesdiagram li.selected p{display:block} #servicesdiagram li.selected h3 a{/*color:#fff;text-decoration:none;cursor:text*/} #servicesdiagram li.iur h3{left: 375px;top: 265px} #servicesdiagram li.te h3{left: 35px;top: 130px} #servicesdiagram li.ued h3{left: 115px;top: 355px} #servicesdiagram li.ces h3{left: 295px;top: 55px} /* Services diagram - end */ /* Element specific */ /* botr */ /* This is the element used to create the dynamic tools list - only useable on purple */ .botr{background:url(../i-2012/tools.gif) no-repeat 0 0;margin-bottom:20px} #serv #toolheader h2{clear:none;font: 3em/0.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 0;margin-top: 0;text-transform: lowercase} #serv #toolheader p{margin-top:0;font: 1.8em gil,"trebuchet MS",helvetica,sans-serif;color:#979ece;margin-bottom:0;line-height:1em;text-transform: lowercase} .botr h2{font: 2.1em gil,"trebuchet MS",helvetica,sans-serif;padding-top:50px;margin-top:0;margin-bottom:0;padding-left:135px;line-height:1em} .botr p{padding-left:135px;margin-top:0} .botr li div a, .botr li div strong{color:#80D6FF;padding-top:0} .botr li div a{background:url("/i-2012/arrow-light.gif") no-repeat 100% 0;padding-left:0} .botr div strong{font-size:1.3em;background:url(../i-2012/bbl.gif) repeat-x 0 100%;margin-bottom:40px;padding:0;min-height:auto} .botr li div strong{background: url("../i-2012/bbl.gif") repeat-x 0 100% } .botr li a, .botr li strong,.botr li span.link{color:#fff;padding:8px;padding-left:10px;padding-right:10px;font-weight:normal;display:block;min-height:20px;margin:0} .botr div img{position:relative;top:-3px;left:-3px;margin-right:5px} #content .botr li div img{float:left;border:none} #content .botr ul{background: #4D335B;margin-top:40px;width:280px;list-style:none;margin-left:0} #content .botr ul ul{width:auto;background:none;margin-top:0} #content .botr li{position:relative;padding-bottom:0;background:none;padding-left:0;margin-bottom:0;} #content .botr li li{padding-left:20px;margin-bottom: 10px;background: url(/i-2012/bullet-lilac.gif) no-repeat 0 .2em!important;font-weight:normal!important} .botr li p{padding-left:0} .botr li div p{margin:0} .botr li div p:last-child{padding-left:92px} .botr li div{background: #69608C;padding:10px;z-index:1;font-weight:normal;position:relative} .botr .js li div{position:absolute;left:316px;top:0;width:300px;cursor:text} .botr li div span{display:block;border-color: transparent #69608C transparent transparent;border-style:solid;border-width:18px;width:0;height:0;padding:0;position: absolute;left:-36px;top:0;min-height:0} .botr li a span.title{display:none;z-index:-1} .botr li span.link{cursor: pointer} .botr div p.dummylink{margin-bottom:0} .botr div p.dummylink a{padding:4px 0 1px 25px;background:url(../i-2012/arrow-light.gif) no-repeat 0 50%} #content .botr li.current{background:#392447;text-decoration:none; font-weight:bold;cursor:pointer} .botr .current span.title{display:block;border-color: #543963 #543963 #543963 #392447;border-style:solid;border-width:18px;width:0;height:0;padding:0;position: absolute;right:-36px;top:0;min-height:0} .botr li.current a, .botr li.current span{font-weight:bold} .botr li.current a:hover{text-decoration:underline} .botr .currentnoh span.title, #content .directionsb li:hover span.title{display:block;border-color: #543963 #543963 #543963 #392447;border-style:solid;border-width:18px;width:0;height:0;padding:0;position: absolute;right:-36px;top:0;min-height:0} #content .botr li.currentnoh{background:#392447;text-decoration:none; font-weight:bold} .botr li.currentnoh span.link{cursor: text} .botr li.currentnoh span.link {font-weight:bold} .directionsb{min-height:260px;background:none} .directionsb .js li div{width:600px} #content .directionsb li:hover{background:#392447;text-decoration:none; font-weight:bold} /* botr -end */ /* Element specific - end */ /* Our thinking */ #reso #latestreport, #reso #latestnewsletter{background:#2E527A;padding:10px} #reso #latestreport h2{clear:none} #reso #latestreport h3{margin-bottom:5px} #reso #latestreport p{margin-top:0} #reso #latestreport p.lr{margin-bottom:2em;position: relative;top: -0.5em} #reso #latestreport .latestreportimage{float:left;margin-right:10px} #reso #content #latestreport img,#reso #content #reportarchive img{border:0px solid #2E527A!important} #reso #latestnewsletter{position:relative;margin-top:50px} #reso #latestnewsletter h2, #reso #latestreport h2, #reso #reportarchive h3, #reso #reportarchivelist a{margin-top:0} #reso #latestnewsletter h2,#reso #latestreport h2{font: 3em gil,"trebuchet MS",helvetica,sans-serif;background: url("/i-2012/bb-dark-blue.gif") repeat-x 0 100%;margin-bottom:10px} #reso #newsletterarchive h3,#reso #reportarchive h3, #reso #reportarchivelist a{line-height: 1.6em;padding:6px;background: #31496F;margin-bottom:0} #reso #latestnewsletter li{background:url("../i-2012/bullet-dk-blue.gif") no-repeat 0 .2em!important} #reso #latestnewsletter p.lnpng{width:147px;height:191px;background: url("/i-2012/latest-newsletter.png") no-repeat 0 0;position:absolute;top:-30px;right:15px;padding-right:0} #reso #latestnewsletter p.showmore,#reso #latestreport p.showmore{text-align:right;margin-bottom:0;padding-right:0;text-transform:lowercase} #reso #latestnewsletter p.showmore a,#reso #latestreport p.showmore a{background:url("/i-2012/nla-sm.gif") no-repeat 100% 50%;padding:5px 30px 5px 5px;font-size: .95em} #reso #latestnewsletter p.showmore a.hide,#reso #latestreport p.showmore a.hide{background:url("/i-2012/nla-sl.gif") no-repeat 100% 50%} #reso #reportarchive{background: url("/i-2012/extendbox.gif") no-repeat 100% 0 #2B5F89;padding-top:17px;padding-bottom:10px;clear:both} #reso #reportarchive a, #reso #latestreport a, #reso #latestnewsletter a{color:#80D6FF} #reso #reportarchive div{padding:10px 10px 0} #reso #reportarchive div#reportarchiveheader{padding:0;clear:both} #reso #reportarchive h3{float:left} #reso #reportarchive h4{clear:both;font-size:1.5em;margin-bottom: 5px} #reso #reportarchive h5{padding-top:10px;margin-top: 5px;margin-bottom:5px} #reso #reportarchive h5.first{background:none} #reso #reportarchive h5{margin-bottom:0;margin-top: 0} #reso #reportarchive ul{list-style:none;margin:0;padding:0 0 0 120px} #reso #reportarchive ul{} #reso #reportarchive li{background: url(/i-2012/bullet-mid-blue.gif) no-repeat 0 .2em;margin-bottom:0} #reso #reportarchive p{padding-left:120px;position:relative;margin-top:0} #reso #reportarchive p.published, #abou #mediaarchive p{font-weight:bold;margin-top:5px;margin-left:0;padding-left:0} #reso #reportarchive img{border:none;margin-right:10px} #reso #reportarchive div.searchedrep li{background: url(/i-2012/bullet-dk-blue.gif) no-repeat 0 .2em} #reso #reportarchive .download a{background: url(/i-2012/arrows/arrow-2b5f89.gif) no-repeat 0 50%;margin-bottom: 0;padding: 5px 5px 5px 25px;text-transform: lowercase} #reso #reportarchiveheader{background:#31496F} #reso #reportarchivelist ul,#reso #reportarchivelist li{float:left;padding-bottom: 0} #reso #reportarchivelist li{background:none;padding-left:0} #reso #reportarchivelist li.selected a{background:#2B5F89;color:#fff} #reso #reportarchivelist li.selected a:hover{text-decoration:none;cursor:text} #reso #reportarchivelist a{font-size:1.2em;display:block} #reso #content .reportimage{float:left;padding-top:0} #reso #otherreports{padding-left:130px} #reso #latestnewsletter h3{margin-bottom:0;margin-top:0} #reso #latestnewsletter p{padding:0 180px 0 0;margin-top:0} #reso #latestnewsletter p.ln a,#reso #latestreport p.lr a{background:url("/i-2012/nla-ln.gif") no-repeat 0 50%;margin-bottom:0;padding:5px 5px 5px 25px;text-transform:lowercase} /* Blog stream on UFR */ #reso #thinking-blog{background: url("../i-2012/star.gif") repeat-x 0 0 ;margin-top:20px;margin-bottom: 20px;padding-bottom: 20px} #reso #thinking-blog h3{margin-top:0;margin-bottom:0;font-size:2em} #reso #thinking-blog p{margin-top:0} #reso #thinking-blog p.author{margin-bottom:0;background: url("../i-2012/bb-blue.gif") repeat-x scroll 0 0;padding-top:10px;margin-top:10px} #reso #thinking-blog .first{padding-top:20px} #reso #thinking-blog .first p.author{background: none;margin-top:10px} #reso #thinking-blog .more{text-align:right;margin-top:20px} #reso #thinking-blog .more a{background: url(../i-2012/arrow-left-bl-or.gif) no-repeat 100% 50%;padding: 10px 25px 10px 0} #reso #thinking-blog .authorex h3,#reso #thinking-blog .authorex p{padding-left:100px} #reso #thinking-blog .authorex{padding-top:10px;margin-bottom: -10px} #reso #thinking-blog .authorex div{width:89px;height:80px;float:left;position:relative;top:20px} #reso #thinking-blog .authorex ul{padding-left: 90px} /* Blog stream on UFR - end */ /* Our thinking - end */ /* Contact us */ #cont #content{padding-bottom:0;border-bottom: 10xpx solid #543963} #cont #intro{width:670px;float:left;margin-bottom:20px} #contact{margin-bottom: -70px;margin-right: 20px;padding-bottom: 70px;background: url(/i-2012/contact/findus.gif) no-repeat 0 100%} #content #contact img{border:0px solid #543963} #contact li{margin-bottom: 10px;background:none!important;padding-left:0} #contact li.fl{float:left;width:50%} #contact label{display:block;float:left;width:150px;text-align:right;margin-right:10px} #contact input{border:none;-mos-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 5px;width:300px} #contact textarea{border:none;-mos-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 5px;width:300px;height:100px} #contact .button{background: url("../i-2012/barrow.gif") no-repeat scroll 3px 50% #80D6FF;border-radius: 15px;font: 1.4em gil,"trebuchet MS",helvetica,sans-serif;padding: 2px 5px 2px 28px;width: auto;color:#543963;margin-left: 380px} #cont #content h2,#cont #content .h2{ margin-bottom:10px} #cont #condetails {background: url("../i-2012/stars-intro-bottom.gif") no-repeat 0 0;padding-top:10px; padding-bottom: 10px} #cont #conmain{float:left; width: 670px;background : url("../i-2012/vb.gif") repeat-y scroll 100% 0 transparent} #cont #condetails h3{margin-bottom:0} #cont #mapcontainer img{border:none} #cont #mapcontainer{-ms-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin-top:10px;margin-bottom:10px;padding:10px;background: #fff;margin-right:20px;float:left;width:450px;height:300px} #cont #map{height:300px;width:100%;background: #fff;color:black} #cont #office p{margin:0} #office span.arrow{display:block;background:url(/i-2012/arrow-left-lt-purple.gif) no-repeat 0 0;position: absolute;left:-9px;top:13px;height:18px;width:9px} #cont #office div.address{float:left;width:160px} #cont .directions{margin-top:10px;position:relative;clear:none;background:#4a3159;float:right;width: 275px;padding:20px;margin-bottom:10px} #cont #officecontainer{padding-top: 40px;background: url("../i-2012/contact/findus.gif") no-repeat 0 0 #543963;width:965px;border-top:20px solid #543963} #cont #officecontainer div.directions h3{margin-top:0;background: url(/i-2012/contact/bb-fu.gif) repeat-x 0 100%;padding-bottom: 10px} #cont #officecontainer div.directions ul{margin-left:0} #cont #officecontainer div.directions li{padding-left:20px;padding-bottom:0;background:url(/i-2012/contact/dir-arrow-right.gif) no-repeat 5px 2px;margin-bottom:10px} #cont #officecontainer div.directions li.selected{background:url(/i-2012/contact/dir-arrow.gif) no-repeat 5px 6px} #cont #officecontainer div.directions li ul{margin-top:10px} #cont #officecontainer div.directions li li{background: none;padding-left:10px} #cont #officecontainer div.directions span{color: #80D6FF;font-weight:bold;cursor:pointer} #cont #officecontainer div.directions li.selected span{color:#fff;cursor:text} #cont p.phone{font: 2.4em gil,"trebuchet MS",helvetica,sans-serif;line-height:1em;margin:0} #cont p.fax{font: 1.4em gil,"trebuchet MS",helvetica,sans-serif;line-height:1em;margin:0} #cont #officecontainer p.directions span:hover{text-decoration: underline} #cont #office .directions ul{list-style:circle;margin-left:10px} #cont #office .directions li{margin-bottom:5px} #cont .error {margin-top: 15px;padding: 10px 0;width:650px} #cont .error p{background: url("/i-2012/contact/error-stars.gif") no-repeat scroll 50% 0 transparent;font-weight: bold;margin-top: 0;padding-left: 20px;padding-right: 20px;padding-top: 30px} #cont .error p span{background: #971F5F;font: 1.7em gil,"trebuchet MS",helvetica,sans-serif;margin-top: 10px;padding: 5px} #cont #contact strong {display: block;margin-bottom: 10px} #cont #contact strong span {background: #971F5F;padding: 5px} #cont .error ul {background: url("/i-2012/contact/error-stars.gif") no-repeat scroll 50% 100% transparent;padding-bottom: 20px;margin-left:0;padding-left:25px} #cont #condetails{float:right; width:300px; background: none} #cont #contheader h2 {background: url("../i-2012/cont-header.gif") no-repeat scroll 0 0 transparent;min-height: 90px;padding-left: 115px;padding-top: 30px;font: 3.1em/0.9em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 30px;margin-top: 0;min-height: 65px;padding-bottom: 25px;padding-left: 125px;padding-top: 28px;text-transform: lowercase} #cont #condetails h3{margin-bottom:10px} #cont #condetails h4{font-size:1.2em;margin-bottom:0} #cont #condetails h3 span{background: #392447;font: 1.6em gil,"trebuchet MS",helvetica,sans-serif;padding: 5px} /* Contact us - end */ /* Training */ #train #content .daycontent{float:left;width:320px;margin-right:5px;margin-bottom:10px} #train #content .daycontent p{ margin-top:0px; } #train #content .streamlist{float:left;width:205px;margin-right:10px;margin-bottom:10px} #train #content .streamlist li{background: none;padding-left:0} #train #content .streamlist ul{list-style:none;margin:0;padding:0;min-height: 17em;border:1px solid transparent} #train #content .streamlist h2{background:#73AD5D;padding:10px;margin-bottom:3px;font-size:1.2em;margin-top:10px} #train #content .streamlist h2 a{color:#fff;background: url("/i-2012/arrow-double-green.gif") no-repeat 0 50%} #train #content .streamlist a{display:block;background: url("/i-2012/arrow-small-dark-green.gif") no-repeat 0 50%;padding-left:15px} #train #content .streamlist .streamdays{background:#11515b;padding:10px;min-height:260px} #train #content .streamlist p{margin:0} #train #content .streamlist p a{padding:0;position:relative;left:-10px;border:none;font-weight:bold;color:#9ACB58;text-align:left;width:205px;display:block;background: url("/i-2012/book-now.gif") no-repeat 100% 50% #392447} #train #content .streamlist p a span{background: url("/i-2012/purple-arrow.gif") no-repeat 5px 50%;padding:10px 20px 10px 30px;display:block} #train #content #lead{width:420px} #train #content #lead p a{width:420px} #train #content #lead li{width:50%;float:left} #train #content #lead p a span{margin-right:250px} #train #content #lead:after{content:".";clear:both;visiblity:hidden;height:0;display:block} #train #content #streamdays{float:left;width:370px;padding-bottom:20px} #train #streamdays li{clear:both;margin-top:20px;font-size:1.45em;line-height: 110%;margin-top:5px} #train #content #streamdays li{background: url("../i-2012/bb-green.gif") repeat-x scroll 0 0 transparent;padding-top:10px} #train #streamdays span{display:block;font-size:.69em;padding:5px} #train #streamdays span span{display:block;font-size:1em} #train #streamdays span.price{float:left;text-align:center} #train #streamdays span.from{padding:0} #train #streamdays span.cost{font: 2em gil,"trebuchet MS",helvetica,sans-serif;line-height:1em;padding:0} #train #streamdays span.vat{display:block;text-transform:uppercase;margin-top:-5px} #train #content #streamdays a.book{display:block;background:url(../i-2012/book-now-arrow.gif) no-repeat 100% 50% #392447;float:left;margin-left:5px;margin-top:.8em} #train #content #streamdays a.book span{padding:8px 15px 8px 30px;background: url(../i-2012/arrow-purple-green.gif) no-repeat 5px 50%} #train #content #streamreserve,#train #content #coursereserve{float:right;padding-top:30px;background: url(../i-2012/stream-booking-top.gif) no-repeat 100% 0 #9acb58;width:250px;clear:both;margin-bottom:10px} #train #content #streamreserve #tandc,#train #content #coursereserve #tandc{background: #146369;padding-top:10px;text-align:left} #train #content #streamreserve #tandc h3,#train #content #coursereserve #tandc h3{padding-left: 20px;margin-top:10px;margin-bottom:10px} #train #content #streamreserve #tandc p,#train #content #coursereserve #tandc p{padding-bottom:10px;padding-left:20px;padding-right:20px} #train #content #streamreserve #tandc p.details,#train #content #coursereserve #tandc p.details{font-size:.9em} #train #content #streamreserve #tandc p.twentypercent{background: url(../i-2012/greentandc.gif) no-repeat 7px 0} #train #content #streamreserve p,#train #content #coursereserve p{margin:0} #train #content #streamreserve , #train #content #coursereserve{text-align:center;position:relative} #train #streamreserve .streamintro,#train #coursereserve .courseintro{ font: 1.3em gil,"trebuchet MS",helvetica,sans-serif;line-height:1em} #streamreserve .streamprice,#coursereserve .courseprice{font: 2.8em gil,"trebuchet MS",helvetica,sans-serif;line-height:1em;padding-bottom:10px} #coursereserve .courseprice{padding-bottom:0} #streamreserve .streamprice .streamvat, #coursereserve .courseprice .streamvat{font-size:.4em;padding-top:15px;background: url(../i-2012/pricetandcstar.gif) no-repeat 0 5px} #coursereserve .standardprice .streamvat{font-size:.8em;padding-top:15px} #streamreserve .streamprice .coursevat{background:none} #streamreserve .reserve-stream,#coursereserve .reserve-course{/*padding: 8px 60px 8px 30px;text-align:left;position:absolute;bottom:-1.5em;width:160px;*/ background: url(../i-2012/book-stream.gif) no-repeat 0 50% #392447;padding: 12px 50px 12px 50px;text-align:left} #high #academynav{background: url("../i-2012/stars-high.gif") no-repeat scroll 50% 100% transparent;margin-bottom: 10px;padding-bottom: 25px} #high #academyheader h2{font:3.1em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;background: url(../i-2012/elearning.gif) no-repeat 0 0;min-height:95px;padding-left:115px;padding-bottom:25px;text-transform: lowercase;padding-top:20px;margin-bottom:0;margin-top:0} #high #academynav ul{margin:0;font-size: 1.1em} #high #academynav ul ul{font-size: 0.9em;margin-bottom:5px} #high #academynav ul a{margin-bottom:5px} #high #academynav a{background: url(../i-2012/academy-stream-n-selected.gif) no-repeat 5px 45% #104c57;position:relative} #high #academynav a:hover{background: url(../i-2012/academy-stream-selected.gif) no-repeat 5px 49% #73ad5d} #high #academynav ul ul a:hover{background: #73ad5d} #high #academynav strong, #high #academynav .now a{background: url(../i-2012/academy-stream-selected.gif) no-repeat 5px 49% #73ad5d;position:relative} #high #academynav ul ul li a{background: url(../i-2012/academy-course.gif) no-repeat 13px 45% #11515b!important;margin-bottom:0} #high #academynav ul ul li strong{background: url(../i-2012/academy-course-selected.gif) no-repeat 13px 45% #73ad5d!important;margin-bottom:0} #high #academynav a, #high #academynav strong{color: #FFFFFF;display: block;min-height: 24px;padding: 7px 8px 5px 25px} #high #academynav li li a, #high #academynav li listrong{min-height: 20px} #high #academynav ul a:hover span, #high #academynav strong span, #high #academynav .now a span{display:block;border-color: transparent #73ad5d transparent transparent;border-style:solid;border-width:18px;width:0;height:0;padding:0;position: absolute;left:-36px;top:0;min-height:0} #train #streamtitle{float:left;clear:none} #train #streamicon{float:right;margin-bottom: -60px;position: relative;top: -50px} #train .tbox{float:left;width: 400px} /* Calendar dates for each course */ #train #trainingdates{margin-bottom:20px} #train #trainingdates ul{margin:0} #train #trainingdates li {float:left;background:none!important;padding-left:0;margin-right:-2px} #train #trainingdates li div{background: url("/i-2012/calendar-green.gif") no-repeat scroll 0 0 transparent;font: 2.5em gil,"trebuchet MS",helvetica,sans-serif;height: 126px;margin-right: 10px;padding-top: 10px;text-align: center;text-transform: uppercase;width: 125px;line-height:1em} #train #trainingdates strong{display:block} #train #trainingdates strong.cd {font-size: 1.3em;margin-top:25px;margin-bottom:10px;position:relative;left:-8px} #train #trainingdates strong.cm {font-size: 0.8em;position: relative;top: -0.4em;text-transform:uppercase;position:relative;left:-8px} #train #trainingdates span.cp{position:relative;left:-8px;width: 115px;margin:0 auto;display:block;text-align:center;border:1px solid #0e3d4b;padding: 4px 0} #train #trainingdates span.cp span{width:15px;height:9px;position:absolute;top:-9px;left:50%;margin-left:-8px;background: url("/i-2012/places-arrow.gif") no-repeat 0} #train #trainingdates span.cdis{position:relative;left:-8px;width: 115px;margin:0 auto;display:block;text-align:center;padding: 4px 0;background: #392447} /* Calendar dates for each course - end */ /* Trainers */ #trainers div {clear:both} #train #trainers img{float:left;margin-right:10px} #train #trainers h3{margin-bottom: 0} #train #trainers p{margin-top: 0} /* Trainers - end */ /* Previous participants */ #train #participants ul{margin-left: 0} #train #participants li{background:none;float:left;padding-left:0;padding-right:0;margin-right: -5px} #train #participants img{border:none} /* Previous participants - end*/ #train #streamicon img{border:0} #train #coursereserve .viewstream a{display:block;background: url("/i-2012/view-stream.gif") no-repeat 100% 49%;line-height:130%;padding: 8px 20px 8px 30px;margin-bottom:0} #train .quote blockquote{background-image: url("../i-2012/q-left-p-g.gif")} #clie .quote, #jobs .quote, #clie .sectionbreak {background: url("../i-2012/stars-intro-bottom.gif") no-repeat 0 0;padding-top:30px} #train .quote{background: url("../i-2012/stars-line-g.gif") no-repeat 0 0;padding-top:30px} .quote blockquote p{background: url("../i-2012/q-right-p.gif") no-repeat 100% 100% ;padding:0 50px 0 0;font: 1.6em gil,"trebuchet MS",helvetica,sans-serif;line-height:1.2em;margin:20px 0 0 0;text-align:left} #train .quote blockquote p {background-image: url("../i-2012/q-right-p-g.gif")} #train #content .quote blockquote p{background-image: url("../i-2012/q-right-p-g.gif");margin-bottom: 0} #train .quote p{text-align:right;padding-right:60px;padding-bottom:25px;margin-bottom: 50px} .quote p span {background: #766c9a;color:#fff;padding:5px;font-weight:bold} #train .quote p span{background: #6da95e} .early{clear:both;font-size:.95em;background: url("../i-2012/greentandc.gif") no-repeat 7px 0;padding-bottom: 10px;padding-left: 20px;padding-right: 20px} .pricingtc{background: url("../i-2012/greentandc.gif") no-repeat 7px 0} .early span{padding:0!important} #train .tdates ul{position:relative;left:-10px} #train #trainingdates li {padding: 5px} #train #trainingdates li div {margin-right:0} #train #trainingdates span.cp {left:0} #train #content #coursereserve p.standardprice{font:1.3em/1em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom:10px} #train .tdates a{color:#fff;text-decoration:none} .tdates li.hover{background: #104C57!important;cursor:pointer} #train #trainingdates li.hover div{background: url("/i-2012/calendar-green-dark.gif") no-repeat 0 0} #train #trainingdates li.hover span.cp span {background: url("/i-2012/places-arrow-green-dark.gif") no-repeat 0 0} #train #trainingintro{background: url("/i-2012/train-intro.gif") no-repeat 5px 10px} #train #trainingintro h2{font: 3em/0.9em gil,"trebuchet MS",helvetica,sans-serif;line-height:.9em;padding-left:125px;text-transform: lowercase;padding-top:20px;margin-bottom:0;margin-top:0;padding-top:50px} #train #trainingintro #theader p{color: #73b3b7;font: 1.8em/1em gil,"trebuchet MS",helvetica,sans-serif;margin-bottom: 20px;margin-top: 0;text-transform: lowercase} #train #trainingintro p{padding-left:125px;margin-top:5px} #train #theader{float:left;width:500px} #train #tprice{float:right;width:8em;position:relative;top:1px;background: url("/i-2012/pricebottom.gif") no-repeat 50% 100% #9acb58;text-align:center;font-weight:bold;padding-bottom:4px} #train #tprice p{padding-left: 0;margin-bottom:5px} #train #tprice span{display:block;font: 3em gil,"trebuchet MS",helvetica,sans-serif;line-height:1em;position:relative} #train #tprice span.star{width:32px;height:31px;background: url("/i-2012/star.png") no-repeat 0 0;position:absolute;top:-18px;left:-22px} /* training - end */ #blog #relatedposts {background: url("../i-2012/star.gif") repeat-x 0 0;padding-top:30px} #blog #relatedposts ul{margin:0; padding:.6em 0 0 0;} #blog #relatedposts li{background: none; margin:0;padding:0;float:left;width:50%;} #blog #relatedposts:after{content:".";height:0;display:block;clear:both;visibility:hidden} #blog #relatedposts h2{float:left;margin-right:10px} #blog #relatedposts #relatedpostitems{clear:both;padding:0} #morecomments{clear:both;background: url("../i-2012/star.gif") repeat-x 0 0;padding-top:30px} #morecomments p{margin:0;} #blog #relatedposts p{padding-right:10px} #blog #relatedposts .avatar-related{height:80px;width:89px;float:left;margin-right:10px;padding-right:0} #blog #relatedposts span {display:block} #high #trainingheader h2{background: url("../i-2012/high-ta.gif") no-repeat 0 0; margin-top: 20px;padding-bottom: 35px;padding-top: 10px} #blog #high #trainingitems{margin-left: 135px;position: relative; top:-20px} #blog #comments, #blog #respond{background: url("../i-2012/star.gif") repeat-x scroll 0 0 transparent; padding-top: 30px;} #train #videoi{background: url(/i-2012/border-h-t.gif) no-repeat 0 0, url(/i-2012/border-h-t.gif) no-repeat 0 100%, url(/i-2012/border-v-t.gif) no-repeat 100% 0, url(/i-2012/border-v-t.gif) no-repeat 0 0; padding:1px} #blog #high #trainingposts p{margin-left:87px} #blog #respond .check input{width:auto;margin-left:210px} /* START - Bday CSS added 8th March 2014 */ #bday{background: url(../i/s-reg-10-bday.gif) no-repeat 100% 100% #fff;height:374px;margin-bottom:60px;margin-top:50px} #bday h2{position:relative;top:-20px;margin-bottom:-10px;font-size:1.2em} #bday h2 a:hover{text-decoration:underline!important} #bday h2 a{background:#888fc7;display:inline-block;padding:8px 5px;-ms-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);text-transform: uppercase;color:#fff} #bday p{font: 3em/100% avg,"trebuchet MS",helvetica,sans-serif;color:#553963;text-align:center;text-transform:uppercase} #train #bday{background: url(../i/s-tra-10-bday.gif) no-repeat 100% 100% #fff} #train #bday h2 a{background:#9BCC56;color:#fff} #train #bday p{color:#14525c} #blog #bday,#reso #bday{background: url(../i/s-thi-10-bday.gif) no-repeat 100% 100% #fff} #blog #bday h2 a,#reso #bday h2 a{background:#faa644;color:#fff} #blog #bday p,#reso #bday p{color:#2e527a} /* END - Bday CSS added 8th March 2014 */ /* Arron - added Nov 2013 //////////////////////////////////////////// */ /* Clients case studies formatting */ #clie #content img { border: none; } #content img.cs-img-left { float: left; margin: 10px 20px 20px 0; } #content img.cs-img-right { float: right; margin: 10px 0 20px 20px; } #clie #content h2 { display: inline-block; } #content #casestudyselect { clear: both; } #clie #content img.cs-img-border { border:11px solid #543963; -ms-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch; -moz-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch; border-image: url(/i-2012/image-frame-purple.gif) 11 stretch; -o-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch; -webkit-border-image: url(/i-2012/image-frame-purple.gif) 11 stretch; } #clie #banners { height: 260px; } #clie #banners img { border: none; } #clie #banners div { opacity: 1; top: -10px; } #clie #banners div p.tweet { background: #69608c url('/i-2012/tweet-banner.gif') no-repeat; } #clie #banners div p .tweet-space { width: 40px; display: inline-block; height: 10px; } #clie #banners div span.accred { position:absolute; bottom:10px; text-align:right; display:block; width:320px; padding:5px 0; text-transform: none; font-size: 1em; } #clie #intro { margin-bottom: 10px; background: transparent url('/i-2012/intro-dotted-intro.gif') repeat-x bottom; } img.cs-brand-box { float: right; margin-top: -30px !important; } .banner-pullout { position: absolute; top: 20px; right: 0px; z-index: 100 !important; } /* Blog author */ #authorbiog { width: 640px; float: left; } #authorbiog h1 { text-transform: uppercase; font-size: 5.5em; } #authorbiog .blogauthor { top: 32px; left: 10px; font-size: 1.2em; z-index: -1; } #authorbiog .blogauthor span { background: #253652; padding: 0 .5em; } p.nicknames { font-size: 1.3em; margin: 0; width: 550px; } #authorbiog p.avatar { margin-top: 20px; } #authorqs-col1, authorqs-col2 { width: 300px; float: left; } #authorqs-col1 { margin-right: 35px; } #authorqs, #authorqs .question { background: none; margin: 0; padding: 0; float: left; } #authorqs .question { float: left; height: auto; width: 300px; margin-bottom: 30px; position: relative; } #authorqs h2 { text-transform: uppercase; font-size: 20px; } #content #authorqs h2 span { background: none; font-size: inherit; padding: 0; margin: 0; display: inline-block; } /* Q1 */ #authorqs .question#q1 { background: #2b5f89; width: 640px; padding-top: 10px; margin-top: 15px; } #authorqs #q1 .decoration { display: block; background: #237aa9 url('/i-2012/blogauthor/read-on.png') no-repeat right; height: 86px; width: 64px; position: absolute; top: -66px; right: 0; } #authorqs #q1 .question { width: 300px; margin: 20px; float: left; } #authorqs #q1 .answer { width: 260px; float: left; } #authorqs #q1 h2 { background: url('/i-2012/blogauthor/whatyoudo-stars-underline.png') no-repeat bottom left; float: left; padding-bottom: 24px; } #authorqs #q1 h2 .left { font-size: 50px; line-height: 45px; float: left; display: inline-block; } #authorqs #q1 h2 .right { font-size: 18px; width: 148px; margin-left: 4px; float: left; display: inline-block; } #authorqs #q1 h2 .right span { font-size: 19px; } /* Q2 */ #authorqs #q2 h2 { float: left; padding-bottom: 10px; } #authorqs #q2 h2 .left { font-size: 60px; line-height: 45px; float: left; display: inline-block; } #authorqs #q2 h2 .right { font-size: 22px; line-height: 22px; width: 140px; margin-left: 4px; float: left; display: inline-block; } /* Q3 */ #authorqs #q3 { border: 1px solid #31496f; } #authorqs #q3 .inner { margin: 10px; } #authorqs #q3 h2 { float: left; width: 100%; height: 56px; padding-bottom: 10px; background: url('/i-2012/blogauthor/workedwith-stars-underline.png') no-repeat bottom; } #authorqs #q3 h2 .left { font-size: 50px; line-height: 45px; float: left; display: inline-block; } #authorqs #q3 h2 .right { font-size: 18px; line-height: 18px; width: 138px; margin-left: 4px; float: left; display: inline-block; } #authorqs #q3 h2 .right span { font-size: 19px; } /* Q4 */ #authorqs #q4 { background: url('/i-2012/blogauthor/what-website.png') no-repeat left top; height: 270px; text-align: center; } #authorqs #q4 h2 { margin-top: 28px; background: url('/i-2012/blogauthor/whatwebsite-stars-underline.png') no-repeat bottom; padding-bottom: 20px; margin-bottom: 5px; } #authorqs #q4 h2 .line1, #authorqs #q4 h2 .line2, #authorqs #q4 h2 .line3 { font-size: 30px; display: block; line-height: 30px; } #authorqs #q4 h2 .line2 { font-size: 40px; line-height: 35px; } #authorqs #q4 h2 .line3 { font-size: 47px; line-height: 44px; } #authorqs #q4 p { margin: 0; } /* Q5 */ #authorqs #q5 { background: url('/i-2012/blogauthor/what-grew-up.png') no-repeat left top; } #authorqs #q5 h2 { width: 270px; margin-top: 50px; height: 160px; } #authorqs #q5 .line1 { font-size: 65px; line-height: 55px; width: 100%; display: block; } #authorqs #q5 .line2 { line-height: 20px; } #authorqs #q5 h2 { text-align: center; } /* Q6 */ #authorqs #q6 { height: 270px; background: url('/i-2012/blogauthor/what-not-working.png') no-repeat left top; } #authorqs #q6 h2 { float: left; height: 96px; margin-top: 15px; } #authorqs #q6 h2 .left { font-size: 50px; line-height: 45px; float: left; display: inline-block; } #authorqs #q6 h2 .right { font-size: 15px; line-height: 18px; width: 148px; margin-left: 4px; float: left; display: inline-block; } #authorqs #q6 h2 .right span { font-size: 24px; line-height: 24px; } /* Q7 */ #authorqs #q7 { height: 270px;} #authorqs #q7 h2 { float: left; height: 96px; margin-top: 15px; } #authorqs #q7 h2 { font-size: 30px; line-height: 45px; margin-bottom: 20px; float: left; display: inline-block; } #authorqs #q7 h2 .right { font-size: 15px; line-height: 18px; width: 148px; margin-left: 4px; float: left; display: inline-block; } #authorqs #q7 h2 span { float: left; text-align: left; display: block; width: 200px; margin-left: 60px; font-size: 22px; line-height: 22px;} #authorqs #q7 h2 .figure { position: absolute; left: 0; font-size: 140px; line-height: 100px; margin-left: 0; } #authorqs #q7 h2 .line1, #authorqs #q7 h2 .line2 { font-size: 40px; line-height: 30px; } ul#authoritems { float: left; margin: 0 0 0 30px; } ul#authoritems li { margin: 0 0 1em !important; padding: 0; } ul#authoritems li .number { background: #31496f; width: 30px; line-height: 30px; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 30px; display: inline-block; margin-right: 10px; } #con #facilitiesn.train { background: none repeat scroll 0 0 #11515B; } #con #facilitiensh { margin-bottom: 0; } #con #facilitiesn { margin-bottom: 20px; padding: 20px; } #con #facilitiesnh span { background: none repeat scroll 0 0 #11515B; } #con #facilitiesn ul { margin-left: 25px; } #con #facilitiesn ul, #con dl.li { list-style: none outside none; margin: 0; } #con #facilitiesn li { margin-bottom: 10px; padding-left: 20px; } #con #facilitiesn li { background: url("i-2012/hire/bullet-g.gif") no-repeat scroll 0 0.2em rgba(0, 0, 0, 0); } #content #facilitiesnh { margin-bottom: 0; margin-top: 32px; }