/*-------------------------------- Brulant.com - Layout CSS Chad Milburn Brulant chad.milburn@brulant.com Created: 10 - 24 - 07 --------------------------------*/ /*----------------------- DEFAULT :: START -----------------------*/ body { margin: 0px; padding: 0px; text-align: center; } h1 { float: left; margin : 0px 0px 0px -10px; _margin-top: -5px; padding: 10px 0px 17px 0px; _padding-bottom: 10px } h2, h3, h4, h5 { } p { margin: 0px; padding: 3px 0px 10px 0px } ul, dl, dd { margin: 0px; padding: 0px; list-style-type: none; } /*----------------------- DEFAULT :: END -----------------------*/ /*----------------------- SKIP LINKS :: START -----------------------*/ .skip_points { position: absolute; left: -999px; } /*----------------------- SKIP LINKS :: END -----------------------*/ /*----------------------- FRAMEWORK :: START -----------------------*/ #container { width: 800px; height: auto; margin: 0px auto; display: block; padding: 0px; clear:both } #headerContainer { width: 800px; height: 85px; margin: 0px; padding: 25px 0px 0px 0px } #headerContainer #utilityNavigation { float: right; width: 250px; margin: 0px; padding: 0px; _padding-right:2px } #headerContainer #utilityNavigation ul { margin-right: 10px; _margin-right: 0px; padding: 0px } #headerContainer #utilityNavigation ul li { float: right; margin: 0px 11px 0px 0px; padding: 0px; font-weight: normal !important; font-size: .9em !important } #headerContainer #logo { float: left; margin-left: 10px; padding: 0px; _margin-left: 5px } #headerContainer #logo a img { margin: 0px; padding: 0px; } #headerContainer #foundations img { float: left; margin:33px 0px 0px -126px; } #headerContainer #searchBox { float: right; margin: 22px 25px 0px 0px; _margin: 22px 15px 0px 0px; padding: 0px } #headerContainer #searchBox input.go { margin-bottom: -5px; *margin-bottom: -3px } #topNavigation { float:left; width:100%; position: relative; line-height:normal; z-index:50 !important } #topNavigation ul li ul li { float:left; } #topNavigation ul { width: 100%; margin: 0px; padding: 0px } #topNavigation ul li ul { position: absolute; margin:8px 0px 0px -20px !important; list-style: none !important; top: 19px; left: -9999em !important } #topNavigation ul li.nav1 { float: left; width: 177px; position: relative; padding: 6px 0px 9px 20px } #topNavigation ul li.nav1 ul { position: absolute; left: 0px; _width: 197px } #topNavigation ul li.nav1 ul li { width: 197px; padding: 0px } #topNavigation ul li.nav2 { float: left; width: 179px; position: relative; padding: 6px 0px 9px 20px } #topNavigation ul li.nav2 ul { position: absolute; left: 0px; _width: 199px } #topNavigation ul li.nav2 ul li { width: 199px; padding: 0px } #topNavigation ul li.nav3 { float: left; width: 179px; position: relative; padding: 6px 0px 9px 20px } #topNavigation ul li.nav3 ul { position: absolute; left: 0px; _width: 199px } #topNavigation ul li.nav3 ul li { width: 199px; padding: 0px } #topNavigation ul li.nav4 { float: left; width: 182px; position: relative; padding: 6px 0px 9px 20px } #topNavigation ul li.nav4 ul { position: absolute; left: 0px; _width: 202px } #topNavigation ul li.nav4 ul li { width: 202px; padding: 0px } #topNavigation ul li ul, #topNavigation ul li ul li { } #topNavigation li:hover ul, #topNavigation li.sfhover ul { left: auto !important; } /*----------------------- FRAMEWORK :: END -----------------------*/ /*----------------------- CONTENT :: START -----------------------*/ /*.flashHomepageContainer { width: 800px; height: 261px; margin: 0px; padding: 0px }*/ .flashHomepageContainer { width: 800px; height: 344px; margin: 0px; padding: 0px; float: left; } .content, .contentNoBackground { float: left; text-align: left; min-height: 300px; width: 760px; margin: 0px 0px 10px 0px; padding: 5px 20px 0px 20px; } .content { min-height: 500px !important; _height: 500px } .contentHome { float: left; text-align: left; width: 760px; margin: 35px 0px 0px 0px; padding: 0px 20px 10px 20px; } .contentHome .columnLeft { float: left; width: 255px; height: 100% } .contentHome .columnLeft h2 { float: none; margin: 0px 0px 15px 0px; padding: 0px } .contentHome .columnLeft p { margin: 0px 0px 15px 0px; padding: 0px 20px 0px 0px } .contentHome .columnLeft p b { float:left; margin: 0px; padding: 0px 0px 5px 0px; width:230px !important } .contentHome .columnLeft p small { font-size: .8em } .contentHome .columnMiddle { float: left; width: 275px; height: 100% } .contentHome .columnMiddle h2 { float: none; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 20px } .contentHome .columnMiddle h3 { float: left; position:relative; margin: 0px 0px 3px 0px !important; *margin-bottom: -7px !important; padding: 0px 0px 0px 20px !important; font-size: 1em !important } .contentHome .columnMiddle p { float: left; width: 225px; margin: 0px 0px 10px 0px; padding: 0px 20px 0px 20px; *padding-bottom: 0px; _padding-bottom: 0px; _margin-bottom: 8px } .contentHome .columnMiddle p b { float:left; margin: 0px; padding: 0px 0px 5px 0px; width:230px !important } .contentHome .columnMiddle p.homepageViewLinks { float: left; *margin-top: 13px } .contentHome .columnMiddle p small { font-size: .8em } .contentHome .columnRight { float: left; width: 220px; height: 100% } .contentHome .columnRight h2 { float: none; margin: 0px 0px 13px 0px; padding: 0px 0px 0px 20px } .contentHome .columnRight ul li { margin: 0px 0px 5px 10px; padding: 0px 20px 0px 20px } .clientHeader img { } .breadcrumbs { float: left; width: 760px; margin: 0px; padding: 10px 0px 0px 0px } .breadcrumbs ul li { float: left } .breadcrumbs ul li span { margin: 0px 9px 0px 9px } .halfPageLeft { float: left; width: 760px; margin: 0px; padding: 0px 0px 30px 0px; height: 185px } .halfPageLeft .process { _margin-top: -250px !important } .halfPageLeft.SITup { padding-top: 10px; height: 100%; _padding-top: 75px } .halfPageLeft.SITup p { _float:left; _position: relative; _left: -30px } .halfPageLeft img { padding: 15px 0px 0px 0px } .halfPageLeft .phases { width: 342px; height: 144px; margin: 10px 0px 35px 0px; padding: 0px; _margin-bottom: 50px } .halfPageLeft p { width: 440px; margin: 10px 0px 0px 0px; padding: 0px; *margin-top: 5px } .halfPageLeft p.textBox { width: 440px; height: auto; margin: 10px 0px 20px 0px; padding: 0px; *margin-top: 5px } .halfPageLeft h1 { float: none; width: 425px; line-height:24px; margin: 0px; padding: 20px 0px 5px 0px } .halfPageLeft ul { float: none; margin: 0px; padding: 5px 0px 0px 20px } .halfPageLeft ul li { float: none; margin: 0px; padding: 0px; list-style-type: disc } .halfPageLeft #ourProcess1, #ourProcess2, #ourProcess3 { width: 720px; height: 50px; overflow: hidden; margin: 0px 0px 5px 0px; padding: 0px } .halfPageLeft #ourProcess1 h2, #ourProcess2 h2, #ourProcess3 h2 { float: left; width: 100%; height: 32px; margin: 10px 0px -5px 12px; padding: 11px 0px 0px 42px; _padding-left: 28px } .halfPageLeft .logoS, .halfPageLeft .logoIM, .halfPageLeft .logoT { float: left; width: 49px; height: 49px; position: relative; top: -46px } .halfPageLeft #ourProcess1 p, #ourProcess2 p, #ourProcess3 p { float: left !important; padding: 25px 0px 5px 55px; margin: 0px; } ul.ulWithDisc { margin:0px; padding: 0px 0px 5px 0px; list-style-type: disc } .aboutImage { width: 291px; height: 272px; margin: -160px 0px 0px 425px } .listIndustries { position: relative; top: 85px } .listIndustries.weCreateSolutions { left: 135px; _top: -200px } .listIndustries.aboutFix { margin-top: -140px } .listIndustries TABLE { margin-top:20px; *margin-top:28px; width: 300px } .listIndustries TABLE td.largeIcon img { float: left; margin: 0px 5px 0px 0px; padding: 0px } .listIndustries TABLE td.largeIcon p { float: left; width: 250px; margin-top: 5%; padding: 0px } .listIndustries TABLE td img { float: left; margin: 0px 5px 0px 5px; padding: 0px } .listIndustries TABLE td p { float:left; width: 250px; height: 20px; *height: 30px; margin-top: 3%; *margin-top: 5%; _margin-top: 3%; padding-left: 5px } .listIndustries.weCreateSolutions TABLE td p { height: 12px; *height: 20px; _height: 23px } .listInformationArchitectureLeft { float: left; width: 425px; margin-top: -20px } .listInformationArchitectureLeft h2 { float: left; width: 100%; height: 16px; margin: 10px 0px 3px 0px; *margin-top: 0px; display: block; color: #2e7dae; font-size: 1em } .listInformationArchitectureLeft ul { float: left; width: 100%; padding:0px 0px 24px 0px} .listInformationArchitectureLeft ul li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 10px } .listInformationArchitectureLeft ul li font { color: #534E4E !important } .listInformationArchitectureLeft p { float: left; margin: -3px 0px 12px 0px } .listInformationArchitectureLeft TABLE { float: left; _float: none; overflow: hidden } .listInformationArchitectureRight { float: right; width: 265px; position: relative; margin-top: 0px; *margin-top: -3px } .listInformationArchitectureRight.careers { float: right; width: 280px; position: relative; margin-top: -21px; *margin-top: -20px; _top: 788px; _margin: 0px; left: 30px } .listInformationArchitectureRight.careers ul.careerResource li { margin: 0px; padding: 0px 0px 0px 20px; line-height: 15px } .listInformationArchitectureRight.about { float: right; width: 280px; position: relative; margin: 0px; left: -30px; top: -115px; _top: -95px; _left: -15px } .listInformationArchitectureRight h3 { float: left; margin: 0px; padding: 8px 0px 4px 0px; *padding-top:0px } .listInformationArchitectureRight ul li { float: left; width: 285px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 12px } .listInformationArchitectureRight.about h3 { float: left; width: 285px; margin: 10px 0px 0px 0px } .listInformationArchitectureRight.careers h3 { float: left; margin: 25px 0px 0px 0px; padding: 8px 0px 4px 0px; *padding-top:0px } .listInformationArchitectureRight.about ul li { float: left; width: 285px; margin: 0px 0px 4px 10px; padding: 0px 0px 0px 12px; _margin-left: 5px } .listInformationArchitectureRight #footer { margin-bottom:0px; *margin-bottom:-15px; padding-bottom:0px } .ourProcessRelatedCapabilities { float: right; width: 260px; margin: 0px; padding: 0px; position: relative; top: 8px; *top: 17px; _top: 25px; _left: 80px } .ourProcessRelatedCapabilities h3 { float: left; margin: 0px 0px 0px 50px; padding: 8px 0px 15px 0px; *padding-top:0px } .ourProcessRelatedCapabilities ul { float: left; _margin-left: 0px } .ourProcessRelatedCapabilities ul li { float: left; width: 215px; _width: 270px; margin: 0px 0px 10px 0px; padding: 0px } #ourProcessExpand1, #ourProcessExpand2, #ourProcessExpand3 { display: none } #ourProcessShrunk1, #ourProcessShrunk2, #ourProcessShrunk3 { display: none } .halfPageLeft.SITup { _position: relative; _top:-250px; _margin-bottom: -250px } .mainLeftCol { float: left; } .mainLeftCol h2 b { width: 100%; height: 16px !important; margin: 10px 0px 5px 0px; *margin-top: 0px; display: block; color: #2e7dae; font-size: 1em}} .mainLeftCol ul { float: left } .partnershipImage { float: left; position: relative; left: -105px; top: -120px; *left: 0px; *top: 155px; _left: -380px; _top: 20px; } .partnershipImage.coremetrics { float: left; position: relative; left: -105px; top:-60px; *left: 0px; *top: 205px; _margin: -30px 0px 0px 0px !important } .partnershipInfo { float: left; width: 425px; margin: -220px 0px 0px 0px; *margin-top: -10px; _margin-top: -140px } .partnershipInfo ul { float: left; margin: 0px 0px 10px 0px; padding: 0px } .partnershipInfo ul li { margin: 0px; padding: 3px 0px 0px 12px; background: url(../images/bullet1.gif) no-repeat 2px 8px } .partnershipInfo.coremetrics { float: left; width: 425px; margin-left: -275px; margin-top: -225px; *margin: -170px 0px 0px 0px } .partnershipInfo h2 { float: left; width: 100%; margin: 0px; padding: 0px } .partnershipInfo h2 b { font-size: 8pt !important; color:#2E7DAE; margin-top:0px !important } .partnershipInfo p { float: left; margin-bottom:12px } .partnershipImage img { float: left; padding: 0px !important } .informationArchitectureQuote { position: relative; width: 274px; height: 167px; left: 430px; top: -150px; *top: -320px; margin: 0px; padding: 0px } .aboutLeft { float: left; width: 410px; position: relative; top: 50px; *top: 70px } .aboutLeft ul { float: left } .aboutLeft ul li { float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px } #find, #Button1, #clear { margin: 0px 0px -14px 0px; padding: 0px } .clientHeader img { float: left; margin: 0px !important; padding: 0px !important } #flashContainer, .splashLinkFrame { margin: 0px !important; padding: 0px !important } #flashSlideshow { float: left; height: 287px; margin: 30px 0px 10px 0px; padding: 0px } .flashClientPresentation { position: relative; top:-220px; *top: -223px; _top: -623px; margin: 0px 0px -220px -20px; padding: 0px; _margin-right: -20px; _margin-bottom:-600px !important } #descriptionContent { float: left; border-top:1px solid #D2D2D2; width: 735px; height: 100%; _height:auto!important; font-size: 1em; text-align: left; overflow: hidden; margin: 5px 0px 5px 10px; _margin-left: 5px; padding: 18px 0px 30px 0px; _margin-top: -260px; _margin-bottom: -260px } #descriptionContent p, #descriptionContent h2 { font-size: 1em !important } .descriptionHeader { margin: 0px 0px 8px 0px; padding: 20px 0px 0px 0px; font-size: 1em; color: #2E7DAE; font-weight:bold } #caseStudy { float:left; margin:-4px 0px 0px 10px; width:430px; _margin-bottom:-185px; padding:10px 0px 10px 0px; _margin-left: 5px; background: url("/Style Library/en-us/images/brulant_burst_sm.jpg") no-repeat -3px 4px; } #caseStudy h2 { margin: 0px 0px 8px 33px; font-size: 1em; color: #2E7DAE } #caseStudy h2 a { color: #2E7DAE !important } #caseStudy p { height: 185px } #caseStudy p a { float: left; margin: 10px 0px 0px 0px; padding: 0px } #caseStudy img { float:left; width: 100%; height: 2px; margin:0px; padding: 5px 0px 3px 0px } #caseStudy1, #caseStudy2, #caseStudy3, #caseStudy4, #caseStudy5, #caseStudy6, #caseStudy7, #caseStudy8, #caseStudy9, #caseStudy10, #caseStudy11, #caseStudy12, #caseStudy13, #caseStudy14, #caseStudy15, #caseStudy16, #caseStudy17, #caseStudy18, #caseStudy19, #caseStudy20, #caseStudy21, #caseStudy22, #caseStudy23, #caseStudy24, #caseStudy25, #caseStudy26, #caseStudy27, #caseStudy28, #caseStudy29, #caseStudy30, #caseStudy31, #caseStudy32, #caseStudy33, #caseStudy34, #caseStudy35, #caseStudy36, #caseStudy37, #caseStudy38, #caseStudy39, #caseStudy40, #caseStudy41, #caseStudy42, #caseStudy43, #caseStudy44, #caseStudy45, #caseStudy46, #caseStudy47, #caseStudy48, #caseStudy49, #caseStudy50, #caseStudy51, #caseStudy52, #caseStudy53, #caseStudy54, #caseStudy55, #caseStudy56, #caseStudy57, #caseStudy58, #caseStudy59, #caseStudy60, #caseStudy61, #caseStudy62, #caseStudy63, #caseStudy64, #caseStudy65, #caseStudy66 { display: none } #caseStudyContainer { display: none; } #retailConsumer1, #retailConsumer2, #retailConsumer3 { width: 360px; height: 100%; text-align: left; overflow: hidden; margin: 0px 0px 5px 20px; padding: 0px } #retailConsumer1 h2, #retailConsumer2 h2, #retailConsumer3 h2 { margin: 0px 0px 5px 55px; padding: 18px 0px 0px 0px } #retailConsumer1 p, #retailConsumer2 p, #retailConsumer3 p { margin: 25px 0px 5px 55px; padding: 0px } #retailConsumerExpand1, #retailConsumerExpand2, #retailConsumerExpand3 { display: none } #retailConsumerShrunk1, #retailConsumerShrunk2, #retailConsumerShrunk3 { display: none } .retailConsumerGoodsRight{ float: right; width: 275px; height: 100%; margin: 0px 10px 0px 0px; padding: 0px; _margin-right: 0px } .retailConsumerGoodsRight h2 { margin: 5px 0px 15px 0px; padding: 0px } .retailConsumerGoodsRight p { width: 260px; margin: 0px; padding: 0px 0px 13px 0px } .retailConsumerGoodsRight img { margin: 0px; padding: 0px 0px 10px 0px } .retailConsumerGoodsRightContainer { padding-bottom: 5px } .resourceContainer { float: left; width: 700px; height: 100%; margin: 20px 0px 10px 0px; padding: 20px 30px 5px 30px } .resourceContainer h2 { margin: 0px; padding: 0px 0px 20px 0px; font-size: 1.1em !important } .resourceContainer .resources { float: left; width: 300px; margin: 0px; padding: 0px 40px 0px 0px } .resourceContainer .resources ul { float: left; margin-bottom: 10px } .resourceContainer .resources ul.events li { margin: 0px; padding: 0px 0px 12px 30px } .resourceContainer .resources ul.documents li { float: left; *float: none; _float: left; margin: 0px; padding: 0px 0px 12px 30px } .resourceContainer .resources ul.documents li b { float: left } .resourceContainer .resources ul.documents li b a { float: left; width: 270px } .resourceContainer .boxSIT { float: left; width: 250px; margin: 0px; padding: 0px 0px 0px 106px } .resourceContainer .boxSIT ul.resourceStrategy li { margin: 0px; padding: 7px 0px 25px 45px } .resourceContainer .boxSIT ul.resourceInteractive li { margin: 0px; padding: 7px 0px 25px 45px } .resourceContainer .boxSIT ul.resourceTechnology li { margin: 0px; padding: 7px 0px 25px 45px } .meetOurClientsLeft { float: left; width: 300px; margin: 0px 0px 0px 20px; padding: 40px 0px 0px 0px; _margin-left: 10px; } .meetOurClientsLeft h1 { margin: 5px 0px 10px 0px; padding: 0px } .meetOurClientsLeft p { float: left; margin: 0px 0px 10px 0px; padding: 0px } .meetOurClientsLeft p b { float: right; margin: 0px 0px 0px 0px; padding: 0px; font-weight: normal } .meetOurClientsRight { float:left; width: 235px; height: 400px; position:relative; top:-595px; left:420px; margin:0px 0px -400px 0px; padding:5px 0px 0px 100px; *padding-top:17px; *top:-700px } .meetOurClientsRight p { float: none; margin: 0px 0px 10px 0px; padding: 0px } .testimonial { float: left; width: 200px } .testimonial h2 { display: none } .rightBurstHeader { width: 195px; height: 50px; background: url("/Style Library/en-us/images/brulant_burst_sm.jpg") no-repeat scroll -3px 4px } .rightBurstHeader h2 b { float: left; width:100%; padding: 11px 0px 0px 35px; font-size: 8pt !important; color:#2E7DAE } .rightBurstHeader.awards { position:relative; left:540px; top:-315px; *top: 213px; *left: 90px; _top: -450px; _left: 230px; _margin-bottom: -200px } .rightBurstHeader.partners { position:relative; left:540px; top:-527px; *top: -489px; *left: -220px; _top: -545px; _left: 230px; margin-bottom: -500px; *margin-bottom: -200px; _margin-bottom: -400px } .rightBurstHeader.partners.individual { position:relative; left:540px; top:0px; *top: 0px; *left: 550px; _top: 0px; _left: 0px; margin-bottom: 0px; *margin-bottom: -200px; _margin: -380px 0px 0px 70px } .rightBurstHeader.partners.individual.coremetrics { position:relative; left:540px; top:40px; *top: 55px; *left: 550px; _top: 0px; _left: 0px !important; margin-bottom: 0px; *margin-bottom: -200px } .rightBurstHeader.awards h2 b { float: left; width:100%; padding: 11px 0px 0px 35px; font-size: 8pt !important; color:#2E7DAE } .rightBurstHeader.partners h2 b { float: left; width:100%; padding: 11px 0px 8px 34px; font-size: 8pt !important; color:#2E7DAE } .rightBurstHeader.partners.individual h2 b { float: left; width:100%; padding: 3px 0px 8px 34px; *padding: 11px 0px 8px 34px; font-size: 8pt !important; color:#2E7DAE } .rightBurstHeader.partners.individual.coremetrics h2 b { float: left; width:100%; padding: 11px 0px 8px 34px; font-size: 8pt !important; color:#2E7DAE } .rightBurstHeader.culture { float: left; width: 195px; position: absolute; margin: 23px 0px 0px 525px; *margin: -370px 0px 0px 100px; _position: fixed; _margin: -370px 0px 0px 265px; height: 50px; background: url("/Style Library/en-us/images/brulant_burst_sm.jpg") no-repeat scroll -3px 4px; padding: 11px 0px 0px 33px } .createSolutionsLeft { float: left; width: 390px; margin: 10px 0px 0px 0px; padding: 0px 0px 25px 0px; _margin-left: 0px } .createSolutionsLeft img { float: left; margin: 0px 15px 5px 0px; padding: 6px 0px 0px 0px } .createSolutionsLeft h2 { margin: 5px 0px 3px 0px; padding: 0px } .createSolutionsLeft p { margin: 0px 0px 30px 0px; padding:0px 0px 0px 65px } .createSolutionsLeft p a { float: left; margin: 10px 0px 5px 0px; padding: 0px; _margin-left: 3px } .createSolutionsLeft p img.arrow { float: left; margin: 8px 0px 0px 5px !important } .createSolutionsLeft p small { font-size: .7em !important; position:relative; top: -1px } .pressNav { float: left; position: relative; left: 110px; top: 198px; _margin-bottom: -130px; *top: 193px; _top: 2px; _left: 568px } .pressNav.individual { float: left; position: relative; left: 560px; top: 210px; margin-bottom: -210px; *top: 197px; *left: 450px; _top: 405px; _left: 370px; } .cultureImage { float:left; position:relative; left:555px !important; top:-235px; margin-bottom: -323px } #iconFlash { width: 0px; height: 0px; position: relative; left: 469px; *left: 469px; top: -70px; *top: -70px; _margin-bottom: -300px; z-index:0 } #iconFlashRecruit { width: 0px; height: 0px; _margin:0px; position: relative; left: 469px; *left: 469px; top: -78px; *top: -78px; _margin-bottom: -300px; z-index:0 } #titleDIV span a, #titleDIV span span { display: none } #titleDIV .breadcrumbCurrent { display: block !important } .career_image.professional { float: left; position: relative; left: 453px; top: -160px; *top:-173px; _top:-160px; margin: 0px 0px -300px 0px; padding: 0px } .career_image.college { float: left; position: relative; left: 429px; top: -160px; *top:-158px; _top:-145px; margin: 0px 0px -300px 0px; padding: 0px } .career_image.intern { float: left; position: relative; left: 445px; top: -160px; *top: -170px; _top:-145px; margin: 0px 0px -300px 0px; padding: 0px } .careerIE { float:left; padding-top:6px; _position:relative; _top: -183px; _margin: -5px 0px -180px 0px } img.careerLogo { padding-top:7px; *margin-top: -2px } .careersFix { float: left; width: 100px; height: 200px; border: 1px solid gold; margin: 0px; padding: 0px } #ctl00_ctl15_toggleContainerColorBar TABLE{ float: none !important } .level-section { margin-bottom: 12px !important } TABLE.slm-layout-main{ padding-top: 35px; _position:relative; _top:-800px; _margin-bottom:-800px; *padding-top:12px; _padding-top:5px } .logoBox { width: 275px } .logoBox img { cursor: pointer !important; padding-bottom: 9px; } .logoBox2 { width: 290px; } .logoBox2 img { padding-bottom: 10px; padding-left: 10px; vertical-align: top; cursor: pointer !important } .toc-layout-main .groupheader { display: none } .level-item-pos { margin:1px 0px; padding:1px 10px } .level-header, .level { padding:2px 0px 4px 0px !important } .level-item a { font-family: Verdana !important } .moveLeadershipBio { float: left; width: 415px; margin-top: -25px; _margin-left: -15px } .leaderHeader { float: left; width: 100%; margin: 0px; padding: 41px 0px 0px 0px; _padding: 43px 0px 0px 20px } .leaderName { float:left; margin:0px; padding:0px; text-align:center; } #descriptionContent .leaderName h2 { float:left; color:#2F7DAE !important; margin:0px; padding:0px 5px 0px 0px; text-align:left; font-size: 1.5em !important } #descriptionContent h2 { color: #FFFFFF !important } .leaderTitle { float:left; margin:0px; padding:0px; } .leaderTitle h2 { float:left; color: #47BFDE; margin:0px; padding:4px 0px 0px 0px; text-align:left; width:100%; font-size:1em !important } .leaderContentLeft { float:left; margin:0px; height:700px!important; padding:10px 15px 0px 0px; text-align:left; width:100%; _padding-left: 20px } .moveLeadershipBio a { float: left; width:100%; margin: 10px 0px 0px 0px; padding: 0px } .leaderContentLeft a { float: left; width:100%; margin: 10px 0px 0px 0px; padding: 0px } .leaderContentLeft p { float: left; width: 100%; font-size: .9em !important } .leaderContentLeft h3 { float: left; width: 100%; font-size: 1.3em !important; margin: 0px 0px -5px 0px; padding: 0px } .leaderContentRight { float:left; margin:0px; padding:10px 15px 20px 0px; text-align:left; width:100%; _padding-left: 20px } .leaderBrilliantMoment { float:left; width: 100%; margin:0px; padding:0px } .leaderBrilliantMoment h2 { float:left; width: 100%; color: #A1BF26; font-size:1em !important; margin:0px; padding:0px 0px 5px 0px } .leaderLowerRightContent { float:left; width: 100%; margin:0px; padding:0px } .leaderLowerRightContent h2 { float:left; font-size:1.3em !important; margin:0px; padding:0px 0px 5px 0px; text-align:left; width:100% } .leaderLowerRightContent p { float: left; width: 100%; font-size: .9em !important } .CaseStudyHeader { float: left; width: 100% } .CaseStudyTitle { float: left; width: 100% } .CaseStudyTitle h2 { margin: 0px; padding: 20px 0px 15px 0px; text-align: center; color:#2F7DAE; font-size:1.6em } .CaseStudyContentLeft { float: left; margin: 0px; padding:0px 0px 0px } .CaseStudyContentLeft img { margin: 0px; padding: 10px 0px 10px 0px } .CaseStudyContentLeft p { float: left; margin: 0px; padding: 0px 20px 15px 0px; text-align: left } .CaseStudyContentLeft p strong { float: left; margin: 0px; width:400px; padding: 7px 0px 8px 0px; font-size: 1em; color: #2E7DAE; text-transform:capitalize } .CaseStudyCompanyLogo { left:535px;position:relative;top:-140px; } .CaseStudyImage { margin: 0px; padding: 0px 0px 10px 35px } .CaseStudyContentRight { float: left; margin: 0px; padding:0px 0px 0px } .CaseStudyContentRight p { float: left; margin: 0px; padding: 0px 20px 15px -20px; text-align: left } .CaseStudyContentRight p strong { float: left; width:400px; text-align: left; margin: 0px; padding: 0px 0px 3px 0px; font-size: 1em } .CaseStudyLinks p { float: left; width:400px; text-align: center; margin: 0px; padding: 0px } .CaseStudyLinks p a { float: left; color: #534E4E !important; text-align: left; margin: 0px; padding: 0px 0px 3px 0px; font-size: 1em } .CaseStudyLinks span p a { float: left; color: #534E4E !important; text-align: left; margin: 0px; padding: 0px 0px 3px 0px; font-size: 1em } .CaseStudyImage { } .CaseStudyLowerRightContent { } .CaseStudyLinks { } .about_image { float: left; position:relative; margin: 0px; padding: 0px; top: -175px; left: -30px; _left: 0px; margin-bottom: -90px } TABLE.clientTable { float: left !important; width:475px; margin: 0px; padding: 15px 0px 0px 0px } TABLE.clientTable TD a img { border: none !important } .awardsTable { float: left; position:relative; left:5px; top:95px; *top:90px; _top:90px; *padding-bottom: 0px; *margin-bottom: -80px } .awardsTable img { float: left; margin: 0px; padding: 0px 8px 0px 8px } #awardsImage { float:left; position:relative; margin-bottom: -52px; top: 50px; left:30px; *top: 50px; *left: 25px; _top: 50px; _left:-40px } .partnersTable { float: left; position:relative; left:5px; top:75px; *top:80px; _top:75px; padding-bottom:40px; } .partnersTable img { padding: 0px !important } .pressHeader { float:left; position:relative; margin-bottom :-11px; top:1px; *top:10px; _top:16px; *margin-bottom:0px;*padding-bottom :8px;_padding-bottom :2px} #wrap { width: 760px !important; float: left; padding: 0px 0px 100px 0px !important; background: url('/Style Library/en-us/images/map_shadow.gif') no-repeat 0px 401px !important } #wrap #header { display: none } #header h1 { color: #2E7DA8 !important; padding: 15px 0px 10px 30px !important } #myMap {float: left; width: 521px !important; margin: 0px 47px 0px 0px !important; _margin-left: 0px !important; border: 1px solid #AAAAAA !important } #mapControl { float: left; padding: 15px 0px 0px 0px !important } #mapControl h3 { font-size: 1em !important; color:#2E7DAE !important } .eventTitle { color:#2E7DA8 !important; width: 630px; font-weight:bold; margin:0px; padding: 25px 0px 6px 0px } .eventDate, .hover_text p strong, .hover_text_on p strong { float: left; font-weight: bold; width: 100%; margin: 0px; padding: 0px 10px 5px 0px } .eventDescription, .hover_text p a strong, .hover_text_on p a strong { float: left; width: 630px; text-align: left; margin: 0px; padding: 0px 10px 25px 0px; font-weight: normal !important } .hover_text, .hover_text_on, .hover_text p strong, .hover_text_on p strong, .hover_text p a strong, .hover_text_on p a strong { width: 440px } .hover_text_on p a strong { cursor: pointer } .eventDescription { padding: 0px 10px 15px 0px; } .eventHyperlink .eventRegister a { text-align: left; float:left; width:630px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: underline } .eventHyperlink { margin: 0px; float:left; width:630px; padding: 7px 0px 15px 34px; background:url("/Style Library/en-us/images/brulant_burst_sm.jpg") no-repeat -3px 0px; } .eventsImage { float: left; margin: 0px 0px -223px 0px; position: relative; left: 573px } .newsDate { float: left; width: 425px; margin: 0px;padding: 5px 0px 0px 0px; color:#FFFFFF;font-size:1.4em; font-weight: bold; font-family: Arial !important } .newsTitle { float: left; width: 450px; margin: 0px; height: 50px; padding: 25px 0px 5px 0px; color:#FFFFFF; font-size: 1.9em; font-weight: bold; font-family: Arial !important } .newsImage { float: left; margin: 0px 0px -223px 0px; position: relative; left: 573px } .newsByline { float: left; width: 450px; height: 60px; margin: 0px; padding: 10px 0px 5px 0px; color:#FFFFFF; font-size: 1em; font-weight: normal; font-family: Verdana !important } .newsBody { float: left; width: 660px; padding-top: 57px; *padding-top: 40px; _padding-top: 53px } .newsBody p { width: 450px } /*#contactUsForm { float: left; padding-top: 20px; *padding-top:5px; _position:relative; _left: -760px; _top: 220px; _margin-bottom:230px }*/ #contactUsForm{} #contactUsForm table.inputForm{clear:both;} .requiredFieldLabel { float: left; width: 200px; *position: relative; *top: -3px } .requiredField { float: left; position:relative; left:-202px; margin:1px 0px 0px 0px; padding-bottom:23px; top:14px; *top:27px; *left:-207px } .requiredField input { float:left; width: 236px } #contactUsForm .field { float: left; width:236px; position: relative; top: -2px; left: -226px; *left: -105px; *top:3px } #contactUsForm .field input { float: left; margin-left: 1px; *margin-left: 3px } #contactUsForm .field textarea { float:left; position:relative; left:-226px; margin-left:1px; top:56px; width:236px; *left:-104px } #contactUsForm #Image1 { position: relative; left: -452px; top: 60px; margin-bottom: 50px; *left: -209px; cursor: pointer !important } #contactUsForm #reset { position: relative; left: -452px; top: 60px; margin-bottom: 50px; *left: -209px; cursor: pointer !important } #newsletterSubscriptionForm { float: left; margin-top: 35px; _position: relative; _top:-130px; _margin-bottom: -150px } #newsletterSubscriptionForm #Image1 { position: relative; left: -452px; top: 5px; margin-bottom: 50px; *left: -209px; *top: 10px; cursor: pointer !important } #newsletterSubscriptionForm #reset { position: relative; left: -452px; top: 5px; margin-bottom: 50px; *left: -209px; *top: 10px; cursor: pointer !important } #submitRFPForm { float: left; position:relative; top: -40px; *top:-60px } #submitRFPForm .field { *float: left; *padding-bottom: 23px } #submitRFPForm .label { *position: relative; *top: -10px } #submitRFPForm .field input { float:left; position:relative; left:-452px; margin-left:1px; top:18px; width:236px; *left:-209px; *top: 25px } #submitRFPForm .field textarea { float:left; position:relative; left:-452px; margin-left:1px; top:56px; width:236px; *left:-209px; *top:47px } #submitRFPForm #Image1 { position: relative; left: -452px; top: 60px; margin-bottom: 50px; *left: -209px; cursor: pointer !important } #submitRFPForm #reset { position: relative; left: -452px; top: 60px; margin-bottom: 50px; *left: -209px; cursor: pointer !important } /*#submitRFPForm .required.requiredEmail { *border: 1px solid red; *margin-bottom: 140px !important }*/ .rightCol table { float:left; clear: both;} #eventRegistrationForm { float: left; padding-top: 20px; *padding-top:5px } #eventRegistrationForm .requiredField field { } #eventRegistrationForm .requiredField select.required.requiredSelect.event { float:left; width: 500px; margin-bottom: -16px; position:relative; left:220px; top:-13px; *left:-1px; *top:-3px; *margin-bottom:-3px; font-family:Verdana,sans-serif; font-size:8pt } #eventRegistrationForm .asterisk.event { float:left; position:relative; left:722px; top:-18px; margin-bottom: -10px; *left:1px; *top:-3px } #eventRegistrationForm .asterisk.address { float:left; position:relative; top:15px; left:2px; *top:26px; *left: -223px; _margin: 24px 0px 0px -223px } #eventRegistrationForm .asterisk.address2 { float:left; position:relative; top:2px; left:2px; *top:17px; *left: -223px } #eventRegistrationForm .requiredField select { font-family:Verdana,sans-serif; font-size:8pt } #eventRegistrationForm .requiredFieldLabel { float: left; height: 20px !important; margin: 0px !important; padding: 0px !important; width: 220px !important } #eventRegistrationForm .requiredField { float: left; left:-220px; position:relative; *left:-222px; } #eventRegistrationForm .field { float: left; position: relative; left: 0px; top: 0px; margin: 0px } #eventRegistrationForm .field input { float:left; margin: 15px 0px 7px -222px; width:236px; *position:relative; *left:-224px; *top:20px; *margin:0px 0px 0px 2px } #eventRegistrationForm .field input.field { float:left; margin:4px 0px 7px -222px; width:236px; *margin: 15px 0px 7px 2px } #eventRegistrationForm .requiredFieldLabel.address { *position: relative; *left: 0px; *top: 5px; } #eventRegistrationForm .field input.address { *float:left; *display:block; *margin: 18px 0px 7px 2px; position:relative; *top:8px; left:2px; *left:-224px; _left:-226px; *margin-bottom:0px!important } #eventRegistrationForm .field input.address2 { position: relative; top:-2px; left:2px; *left:-224px; *top: -4px; *margin-bottom: -10px } #eventRegistrationForm .field textarea { float:left; position:relative; left:-226px; margin-left:1px; top:56px; width:236px; *left:-104px } #eventRegistrationForm #Image1 { position: relative; left: -635px!important; top: 10px!important; margin-bottom: -27px; *left: -224px!important; *top: 24px!important; cursor: pointer !important } #eventRegistrationForm #reset { position: relative; left: -550px!important; top: -85px!important; margin-bottom: -83px; *top:7px!important;*left: -224px!important; cursor: pointer !important } #trOther { float:left } #trOther input { position:relative;left:222px!important;*left:-223px!important;top:0px!important;*top:15px!important } #mediaContactForm .field textarea { float:left; position:relative; margin-left:-450px; top: 55px; *margin-left:1px; *top:56px; width:236px; *left:-208px } #mediaContactForm #Image1 { position: relative; left: -452px; top: 65px; margin-bottom: 50px; *left: -209px; *top: 70px; cursor: pointer !important } #mediaContactForm #reset { position: relative; left: -452px; top: 65px; margin-bottom: 50px; *left: -209px; *top: 70px; cursor: pointer !important } .srch-Icon img { display: none } .ms-sbcell.ms-sbtext { font-weight: normal !important; padding: 0px 0px 0px 6px; font-size: 1.3em !important } #contactUsTable { float: left; margin: 100px 0px 0px 0px; padding: 0px !important } #contactUsTable INPUT, #contactUsTable SELECT, #contactUsTable TEXTAREA, #note, INPUT#name, #company, INPUT#fname, INPUT#lname, INPUT#attach, INPUT#mail, INPUT#phone, #title, INPUT#email { position:relative; left: -75px } #comments, #note { width: 200px !important; *width: 210px !important; margin: 0px; padding: 2px 0px 0px 2px; font-size: 1em !important; overflow-y: scroll !important; overflow-x: hidden !important } #mapControl { background: none !important } hr { width: 125px !important; color: #534E4E !important } .testimonial h2 { float: left; width: 100% } .testimonial h2 img { float: none; padding: 0px 20px 10px 0px } .testimonial p { float: left; display: block } .testimonialContent { float: left; font-style: italic !important } .quoteImageDiv { width: 240px !important; float:left; line-height: 15px; margin: -40px 0px 0px 0px; padding: 20px 27px 20px 49px; color : #FFFFFF; font-size: 1.7em; font-family: Arial } .quoteImageDiv span b { float: none; color: #b7ce58; font-size:2em; *position: relative; *top:-17px } .quoteImageDiv p { float: left; display:block; line-height:22px; margin:-30px 0px 0px; *margin-top: -25px; padding:0px 0px 0px 22px; width:225px !important } .quoteImageDiv p img { float: none; padding:0px 0px 0px 5px; position:relative; top: -5px } .quoteImageDiv small { float:left; font-size:0.7em; margin:0px; padding:9px 0px 15px 23px } .quoteImageDiv.awardsQuote{ width: 240px !important; float:left; line-height: 15px; position: relative; left: 445px; top: -530px; *left: -20px; *top: 12px; _left: 445px; _top: -668px; margin: 0px 0px -121px 0px; /*margin: -530px 0px 0px 445px; *margin-top: -665px; _margin: -500px 0px 0px 400px; */padding: 20px 27px 20px 49px; color : #FFFFFF; font-size: 1.7em; font-family: Arial } .quoteImageDiv.awardsQuote span b { *position: relative; *top: 0px } .quoteImageDiv.partnership { width: 240px !important; float:left; position: relative; left:440px; top:-470px; line-height: 15px; *margin: -465px 0px 0px 460px; _margin: 0px; /*-520px 0px 0px 220px;*/ padding: 20px 27px 20px 49px; color : #FFFFFF; *left:0px; *top: 0px; _left: 480px; _top: -520px; font-size: 1.7em; font-family: Arial } .quoteImageDiv.partnership span b { *position: relative; *top: 0px } .quoteImageDiv.pressQuote { width: 240px !important; float:left; line-height: 15px; position: relative; left: 445px; top: -150px; *top: -142px; _left: 445px; _top: -220px; margin: 0px 0px -119px 0px; _margin: 0px 0px -81px 0px; padding: 0px 27px 0px 49px; _padding: 20px 27px 20px 49px; color : #FFFFFF; font-size: 1.7em; font-family: Arial } .quoteImageDiv.pressQuote span b { *position: relative; *top: -17px } #grayTitle{float:left;} .blurb { margin: 0px 0px 10px 0px !important } .blurb h3 { float: left; width: 100%; margin: 0px 0px 4px 0px !important; padding-top: 11px; color: #2E7DAE !important; font-family: Tahoma !Important } .blurb h4 { float: left; width: 100%; margin: 0px 0px 4px 0px !important; font-size: 1em !important; font-weight: normal !important } .blurb a strong { margin: 0px; text-decoration: underline !important; font-size: 1em !important; font-weight: normal !important } TABLE#cbqwp .hover_text, TABLE#cbqwp .hover_text_on { float: left; margin-bottom: 20px !important } TABLE#cbqwp .hover_text p a strong { color: #2E7DAE !important; font-size: 1em !important; font-weight: bold !important; margin-bottom: 10px !important; padding: 0px !important } TABLE#cbqwp .hover_text_on p a strong, TABLE#cbqwp .hover_text_on p a { color: #2E7DAE !important; font-size: 1em !important; font-weight: bold !important; margin-bottom: 10px !important; padding: 0px !important } TABLE#cbqwp .hover_copy_wrapper { float: left !important } TABLE#cbqwp .hover_copy_wrapper p { float: left; margin: 0px; padding: 5px 0px 0px 0px !important } TABLE#cbqwp .hover_copy_wrapper p strong { float: left; margin: 0px; padding: 0px 10px 0px 0px !important } TABLE#cbqwp .hover_copy_wrapper ul { float: left; margin: 0px; padding: 10px 0px 10px 0px } TABLE#cbqwp .hover_copy_wrapper ul li { margin: 0px 0px 0px 3px; padding: 0px 0px 0px 13px; background: url('/Style Library/en-us/images/bullet1.gif') no-repeat 3px 5px !important} TABLE#cbqwp .hover_copy_wrapper a font { color: #2E7DAE !important } TABLE#cbqwp .registerNow { float: left; background: url('/Style Library/en-us/images/brulant_burst_sm.jpg') no-repeat -4px 15px } TABLE#cbqwp .registerNow a { float: left; font-weight: bold; margin: 15px 0px 0px 0px; padding: 9px 0px 10px 30px; color: #2E7DAE !important } .srch-Metadata a { color: #8C8C8C !important } .srch-Title a { font-weight: bold !important; text-decoration: underline !important } .srch-URL a { color: #2E7DA8 !important } /*------------------------ Homepage Content Query Web Parts ----------- */ .cbq-layout-main div#footer{ display:none; } .metadiv {float: left;} /*----------------------- CONTENT :: END -----------------------*/ /*----------------------- FOOTER :: START -----------------------*/ #footer { float: left; width: 800px; margin: 0px 0px 10px 0px; padding: 15px 0px 25px 0px; *margin-bottom: -25px } #footer #footerNavigation { width: 530px; float: left; margin: 0px; padding: 20px 0px 0px 20px; } #footer #footerNavigation ul { padding: 0px } #footer #footerNavigation ul li { float: left; margin: 10px 10px 0px 0px; padding: 0px 0px 20px 0px } #footer #copyright { width: 250px; float: right; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #footer #copyright ul { padding: 0px } #footer #copyright ul li { float: right; margin: 10px 0px 0px 0px; padding: 0px 20px 0px 0px } #footer #copyright ul li b { margin: 0px 3px 0px 3px } /*----------------------- FOOTER :: END -----------------------*/ /*----------------------- SITE ACTIONS MENU :: START -------------*/ table.ms-siteaction { position: absolute !important; top: 0px !important;} /*----------------------- SITE ACTIONS MENU :: END -------------*/