/******************************************** Global CSS Version: 1.0 Author: Poccuo (http://www.poccuo.com) *******************************************/ /****************************************** GLOBAL SETTINGS *******************************************/ body { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #F2F2F2; color: #666;} h1 { font-size: 24px; line-height: 24px; color: #016ED5; margin: 0 0 1em 0; } h2 { font-size: 18px; color: #016ED5; margin: 0 0 1em 0; } h3 { font-size: 14px; color: #016ED5; margin: 0 0 1em 0; } h4 { font-size: 12px; color: #016ED5; margin: 0 0 1em 0; } h5, h6 { font-size: 12px; color: #016ED5; margin: 0 0 1em 0; } h6 { font-weight: normal; color: #016ED5; } p,ul,ol,dl,dd { margin: 0 0 1em 0; } p,li,dt,dd { font-size: 12px; line-height: 18px; /* 15px */ } a { text-decoration: underline; color: #016ED5; } a:hover { text-decoration: none; } b, strong { font-weight: bold; } i, em { font-style: italic; } ul { margin: 0 0 1em 0; } ul li { list-style-type: disc; margin: 0; padding: 0; } ol { margin: 0 0 1em 0; } ol li { list-style-type: decimal; margin: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; } /****************************************** FOUNDATION SETTINGS *******************************************/ #container { overflow: hidden; height: 1%; margin: 0 auto; width: 960px; padding: 0 10px; background-color: #FFF; position: relative; } #header { width: 960px; overflow: hidden; } #header #logo { height: 105px; float: left; } #header #logo a { text-indent: -10000px; display: block; width: 187px; height: 105px; background-image: url(/images/_global/logo.png); } #header #logo a:hover { background-position: 187px 0; } #header h1 { display: block; float: left; margin: 40px 0 0 20px; } #content { overflow: hidden; height: 1%; min-height: 400px; } /****************************************** MENUS *******************************************/ ul#header_menu_one { width: 960px; background: url(/images/_global/patterns/3x3_666_30tall.gif) repeat-x -2px 0px; overflow: hidden; height: 1%; clear: both; position: absolute; z-index: 500; top: 105px; height: 30px; margin: 0; padding: 0; } ul#header_menu_one li { display: inline; margin: 0; padding: 0; } ul#header_menu_one li a { display: block; float: left; text-indent: -100000px; font-weight: bold; color: #000; text-decoration: none; margin: 0; padding: 0; } /* if inside the Our Work section the secondary menu needs to show always */ ul#header_menu_one_open { width: 960px; background: url(/images/_global/patterns/3x3_666_30tall.gif) repeat-x -2px 0px; overflow: hidden; height: 1%; clear: both; position: absolute; z-index: 500; top: 105px; height: 61px; margin: 0; padding: 0; } ul#header_menu_one_open li { display: inline; margin: 0; padding: 0; } ul#header_menu_one_open li a { display: block; float: left; text-indent: -100000px; font-weight: bold; color: #000; text-decoration: none; margin: 0; padding: 0; } /* - - - - Our Work - - - - */ li#menu_our_work a { background: url(/images/_global/menu_level_one_sprite.gif) 0px 0px; width: 102px; height: 30px; display: block; } li#menu_our_work a:hover { background: url(/images/_global/menu_level_one_sprite.gif) 0px -30px; } li#menu_our_work:hover>a { background: url(/images/_global/menu_level_one_sprite.gif) 0px -30px; } li#menu_our_work a.active { background: url(/images/_global/menu_level_one_sprite.gif) 0px -30px; font-weight: bold; } /* - - - - Capabilities - - - - */ li#menu_capabilities a { background: url(/images/_global/menu_level_one_sprite.gif) -102px 0px; width: 118px; height: 30px; display: block; } li#menu_capabilities a:hover { background: url(/images/_global/menu_level_one_sprite.gif) -102px -30px; } li#menu_capabilities a.active { background: url(/images/_global/menu_level_one_sprite.gif) -102px -30px; font-weight: bold; } /* - - - - Strategy - - - - */ li#menu_strategy a { background: url(/images/_global/menu_level_one_sprite.gif) -220px 0px; width: 98px; height: 30px; display: block; } li#menu_strategy a:hover { background: url(/images/_global/menu_level_one_sprite.gif) -220px -30px; } li#menu_strategy a.active { background: url(/images/_global/menu_level_one_sprite.gif) -220px -30px; font-weight: bold; } /* - - - - About Us - - - - */ li#menu_about_us a { background: url(/images/_global/menu_level_one_sprite.gif) -318px 0px; width: 99px; height: 30px; display: block; } li#menu_about_us a:hover { background: url(/images/_global/menu_level_one_sprite.gif) -318px -30px; } li#menu_about_us a.active { background: url(/images/_global/menu_level_one_sprite.gif) -318px -30px; font-weight: bold; } /* - - - - Contact Us - - - - */ li#menu_contact a { background: url(/images/_global/menu_level_one_sprite.gif) -417px 0px; width: 94px; height: 30px; display: block; } li#menu_contact a:hover { background: url(/images/_global/menu_level_one_sprite.gif) -417px -30px; } li#menu_contact a.active { background: url(/images/_global/menu_level_one_sprite.gif) -417px -30px; font-weight: bold; } /* - - - - Client Login - - - - */ li#menu_client_login a { background: url(/images/_global/menu_level_one_sprite.gif) -833px 0px; width: 127px; height: 30px; display: block; position: absolute; left: 833px; } li#menu_client_login a:hover { background: url(/images/_global/menu_level_one_sprite.gif) -833px -30px; } li#menu_client_login a.active { background: url(/images/_global/menu_level_one_sprite.gif) -833px -30px; font-weight: bold; } ul#header_menu_two { height: 30px; border-bottom: 1px #FFF solid; border-top: 1px #FFF solid; position:absolute; z-index:500; top:auto; display: none; margin: 30px 0 0 0; padding: 0; left: 0; width: 960px; background-color: #F6F6F6;} ul#header_menu_two li { display: inline; margin: 0; padding: 0; } ul#header_menu_two li a { display: block; float: left; text-indent: -100000px; font-weight: bold; color: #000; text-decoration: none; margin: 0; padding: 0; } ul#header_menu_two li ul { border-bottom: 1px #FFF solid; position: absolute; z-index: 700; top: auto; display: none; margin: 30px 0 0 0; padding: 0 0 10px 0; left: 0; width: 960px; background-color: #F6F6F6;} ul#header_menu_two li ul li { display: inline; margin: 0; padding: 0; } ul#header_menu_two li ul li a { display: block; height: 73px; width: 170px; font-size: 10px; line-height: 13px; margin: 10px 0 0 10px; padding: 0 10px 0 0; background: #FFF; color: #666; float: left; text-indent: 0; font-weight: bold; text-decoration: none; font-weight: normal; } ul#header_menu_two li ul li a:hover { color: #FFF; background: #016ED5; } ul#header_menu_two li ul li a img { float: left; border-right: 1px #FFF solid; margin: 0 8px 0 0; } ul#header_menu_two li ul li a .title { display: block; margin: 4px 0 0 0; } ul#header_menu_two li ul#header_menu_three_a { border-bottom: 1px #FFF solid; position:absolute; z-index:700; top:auto; display: none; margin: 30px 0 0 0; padding: 0 0 10px 0; width: 960px; background-color: #F6F6F6; } /* if inside the Our Work section the secondary menu needs to show always */ ul#header_menu_two_open { height: 30px; border-bottom: 1px #FFF solid; border-top: 1px #FFF solid; position:absolute; z-index:500; top:auto; margin: 30px 0 0 0; padding: 0; left: 0; width: 960px; background: #F6F6F6; } ul#header_menu_two_open li { display: inline; margin: 0; padding: 0; } ul#header_menu_two_open li a { display: block; float: left; text-indent: -100000px; font-weight: bold; color: #000; text-decoration: none; margin: 0; padding: 0; } ul#header_menu_two_open li ul { border-bottom: 1px #FFF solid; position: absolute; z-index: 700; top: auto; display: none; margin: 30px 0 0 0; padding: 0 0 10px 0; left: 0; width: 960px; background-color: #F6F6F6; } ul#header_menu_two_open li ul li { display: inline; margin: 0; padding: 0; } ul#header_menu_two_open li ul li a { display: block; height: 73px; width: 170px; font-size: 10px; line-height: 13px; margin: 10px 0 0 10px; padding: 0 10px 0 0; background: #FFF; color: #666; float: left; text-indent: 0; font-weight: bold; text-decoration: none; font-weight: normal; } ul#header_menu_two_open li ul li a:hover { color: #FFF; background: #016ED5; } ul#header_menu_two_open li ul li a img { float: left; border-right: 1px #FFF solid; margin: 0 8px 0 0; } ul#header_menu_two_open li ul li a .title { display: block; margin: 4px 0 0 0; } ul#header_menu_two_open li ul#header_menu_three_a { border-bottom: 1px #FFF solid; position:absolute; z-index:700; top:auto; display: none; margin: 30px 0 0 0; padding: 0 0 10px 0; width: 960px; background-color: #F6F6F6; } /* - - - - Medical - - - - */ li#medical a { background: url(/images/_global/menu_level_two/medical.png) 0px 0px; width: 85px; height: 30px; display: block; } li#medical a:hover { background: url(/images/_global/menu_level_two/medical.png) 0px -30px; } li#medical:hover>a { background: url(/images/_global/menu_level_two/medical.png) 0px -30px; } li#medical a.active { background: url(/images/_global/menu_level_two/medical.png) 0px -30px; font-weight: bold; } /* - - - - Consumer - - - - */ li#consumer a { background: url(/images/_global/menu_level_two/consumer.png) 0px 0px; width: 109px; height: 30px; display: block; } li#consumer a:hover { background: url(/images/_global/menu_level_two/consumer.png) 0px -30px; } li#consumer:hover>a { background: url(/images/_global/menu_level_two/consumer.png) 0px -30px; } li#consumer a.active { background: url(/images/_global/menu_level_two/consumer.png) 0px -30px; font-weight: bold; } /* - - - - Commercial - - - - */ li#commercial a { background: url(/images/_global/menu_level_two/commercial.png) 0px 0px; width: 121px; height: 30px; display: block; } li#commercial a:hover { background: url(/images/_global/menu_level_two/commercial.png) 0px -30px; } li#commercial:hover>a { background: url(/images/_global/menu_level_two/commercial.png) 0px -30px; } li#commercial a.active { background: url(/images/_global/menu_level_two/commercial.png) 0px -30px; font-weight: bold; } /* the good stuff... the funky worm */ #header ul#header_menu_one li:hover ul#header_menu_two { display:block; } #header ul#header_menu_one li ul#header_menu_two li:hover ul { display:block; } #header ul#header_menu_one_open li:hover ul#header_menu_two_open { display:block; } #header ul#header_menu_one_open li ul#header_menu_two_open li:hover ul { display:block; } /****************************************** HOMEPAGE *******************************************/ #featuredModule { clear: both; margin: 30px 0 0 0; position: relative; } #featuredModuleSlides { height: 300px; } #featuredModule .controls { position: absolute; right: 25px; float: right; bottom: 25px; z-index:100; margin: 0; } #featuredModule .controls a { text-indent: -10000px; display: block; height: 12px; width: 12px; background-color: #FFF; border: 1px #F6F6F6 solid; float: left; margin: 0 3px 0 0; } #featuredModule .controls a.activeSlide { background-color: #1C3E66; border: 1px #1C3E66 solid; } #featuredModule .text { position: absolute; right: 10px; bottom: 10px; padding: 20px; width: 450px; background: rgba(28, 85, 199, 0.9); } #featuredModule .text.left { left: 10px; } #featuredModule .text.right { right: 10px; } #featuredModule .text h2 { line-height: 130%; font-size: 36px; color: #FFF; margin: 0 0 10px 0; } #featuredModule .text p { line-height: 140%; font-size: 15px; color: #FFF; margin: 0 0 30px 0; } #featuredModule .text a { color: #FFF; } #featuredWork h2 { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 12px; background-color: #CCC; margin: 20px 0; padding: 0; color: #016ED5; background: url(/images/_global/patterns/12xlong.gif) 110px 0 no-repeat; } #recentNews h2 { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 12px; background-color: #CCC; margin: 6px 0 20px 0; padding: 0; color: #016ED5; background: url(/images/_global/patterns/12xlong.gif) 93px 0 no-repeat; } #featuredWork { overflow: hidden; height: 1%; float: left; width: 708px; margin: 0; position: relative; } #featuredWork ul { margin: 0; padding: 0; } #featuredWork ul li { margin: 0; padding: 0; } #featuredWork .featuredWorkEntry { float: left; } #featuredWork .featuredWorkEntry h3 { font-size: 12px; color: #666; width: 236px; margin: 6px 0 0 0; margin: 0; padding: 0; } #featuredWork .featuredWorkEntry h3 img.featuredWorkArrow { padding: 0 0 30px 0; float: left; } #featuredWork .featuredWorkEntry h3 img.featuredWorkImage { margin: 0 0 10px 0; padding-bottom: 0; } #featuredWork .featuredWorkEntry a { text-decoration: none; color: #666; width: 230px; display: block; } #featuredWork .featuredWorkEntry a:hover .title { color: #016ED5; } p.prevNextNav { position: absolute; right: 0; top: 16px; background-color: #FFF; padding: 4px; } p.prevNextNav a { display: block; height: 13px; width: 13px; float: left; text-indent: -100000px; background: url(/images/_global/homepage/arrows.gif) 0 0 no-repeat; } p.prevNextNav a.prev { background-position: 0 0; margin: 0 2px 0 0; } p.prevNextNav a.next { background-position: -13px 0; } p.prevNextNav a.prev:hover { background-position: 0 -13px; cursor: hand; cursor: pointer; } p.prevNextNav a.next:hover { background-position: -13px -13px; cursor: hand; cursor: pointer; } #recentNews { overflow: hidden; height: 1%; float: left; margin: 13px 0 20px 20px; width: 230px; position: relative; } #recentNews p.prevNextNav { top: 1px; } #recentNews #recentNewsEntries { height: 300px; } #recentNews .recentNewsEntry img { margin: 0 0 10px 0; } #recentNews .recentNewsEntry h3 { width: 220px; } #recentNews .recentNewsEntry p { width: 210px; } /****************************************** OUR WORK *******************************************/ #ourWorkLanding { margin: 80px 0 40px 0; } #ourWorkLanding h1 { font-size: 36px; line-height: 46px; color: #016ED5; margin: 0 0 1em 0; width: 950px; } #ourWorkLanding h2 { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 12px; background-color: #CCC; margin: 20px 0; padding: 0; color: #016ED5; } #ourWorkLanding h2.featuredWork { background: url(/images/_global/patterns/12xlong.gif) 110px 0 no-repeat; } #ourWorkLanding h2.featuredClients { background: url(/images/_global/patterns/12xlong.gif) 120px 0 no-repeat; } #ourWorkLanding h2.aboutOurWork { background: url(/images/_global/patterns/12xlong.gif) 120px 0 no-repeat; } #ourWorkLanding #ourWorkFeatured { overflow: hidden; height: 1%; height: 260px; } #ourWorkCategory { overflow: hidden; height: 1%; width: 960px; margin: 80px 0 40px 0; } #ourWorkProjectPage { margin: 62px 0 40px 0; } #ourWorkProjectSlideshow { margin: 30px 0 40px 0; } #ourWorkProjectSlideshowSlides { height: 360px; } #ourWorkProjectSlideshowSlides .ourWorkProjectSlideshowSlide { width: 900px; margin: 0 0 0 30px; } #ourWorkProjectSlideshow img { display: block; margin: 0 auto; } #ourWorkFeaturedClients { position: relative; } #ourWorkFeaturedClients #featuredClients { height: 135px; overflow: hidden; } #ourWorkFeaturedClients #featuredClients img { float: left; margin: 0 7px 0 0; } #ourWorkFeaturedClients #featuredClients div { overflow: hidden; height: 135px; } #ourWorkFeaturedClients #featuredClients div img { border-bottom: 10px #FFF solid; } .ourWorkProjectSlideshowSlideCaption { font-size: 11px; color: #000; position: absolute; top: 370px /*Slide height +10px*/; width: 700px; height: 20px; margin: 0 0 0 220px; text-align: right; } #ourWorkProjectSlideshow #controls { margin: 4px 0 0 0; } #ourWorkProjectSlideshow #controls #pages a { background-color: #BFDDFF; text-indent: -10000px; display: block; float: left; margin: 0 2px 0 0; height: 12px; width: 12px; } #ourWorkProjectSlideshow #controls #pages a.activeSlide { background-color: #016ED5; } #ourWorkProjectSlideshow #controls #pages a:hover { background-color: #016ED5; } #ourWorkProjectSlideshowPagination { width: 940px; height: 22px; background: url(/images/_global/patterns/2x2_CCC.gif); margin: 1px 0 0 0; padding: 7px 10px 5px 10px; } #ourWorkProjectSlideshowPaginationNext { position: absolute; top: 167px; margin: 0 0 0 930px; } #ourWorkProjectSlideshowPaginationNext a { text-indent: -10000px; display: block; width: 30px; height: 360px; background: url(/images/_global/projects/next.gif); vertical-align: middle; } #ourWorkProjectSlideshowPaginationNext a:hover { background-color: #DDD; background-position: -30px 0; } #ourWorkProjectSlideshowPaginationPrevious { position: absolute; top: 167px; } #ourWorkProjectSlideshowPaginationPrevious a { text-indent: -10000px; display: block; width: 30px; height: 360px; background: url(/images/_global/projects/previous.gif); vertical-align: middle; } #ourWorkProjectSlideshowPaginationPrevious a:hover { background-color: #DDD; background-position: -30px 0; } /* - - - - ourWorkPaginationNext - - - - */ #ourWorkPagination #ourWorkPaginationNext { text-indent: -10000px; background: url(/images/_global/menu_level_two/next.png) 0px -60px; width: 125px; height: 30px; display: block; position: absolute; top: 135px; z-index:700; margin: 0 0 0 835px; } #ourWorkPagination #ourWorkPaginationNext a { background: url(/images/_global/menu_level_two/next.png) 0px 0px; width: 125px; height: 30px; display: block; } #ourWorkPagination #ourWorkPaginationNext a:hover { background: url(/images/_global/menu_level_two/next.png) 0px -30px; } #ourWorkPagination #ourWorkPaginationNext:hover>a { background: url(/images/_global/menu_level_two/next.png) 0px -30px; } #ourWorkPagination #ourWorkPaginationNext a.active { background: url(/images/_global/menu_level_two/next.png) 0px -30px; font-weight: bold; } /* - - - - ourWorkPaginationPrevious - - - - */ #ourWorkPagination #ourWorkPaginationPrevious { text-indent: -10000px; background: url(/images/_global/menu_level_two/prev.png) 0px -60px; width: 121px; height: 30px; display: block; position: absolute; top: 135px; z-index:700; margin: 0 0 0 715px; } #ourWorkPagination #ourWorkPaginationPrevious a { background: url(/images/_global/menu_level_two/prev.png) 0px 0px; width: 121px; height: 30px; display: block; } #ourWorkPagination #ourWorkPaginationPrevious a:hover { background: url(/images/_global/menu_level_two/prev.png) 0px -30px; } #ourWorkPagination #ourWorkPaginationPrevious :hover>a { background: url(/images/_global/menu_level_two/prev.png) 0px -30px; } #ourWorkPagination #ourWorkPaginationPrevious a.active { background: url(/images/_global/menu_level_two/prev.png) 0px -30px; font-weight: bold; } #ourWorkProjectOverview { width: 670px; padding: 0 10px; float: left; margin: 0 10px 0 0; padding: 0 0 125px 0; } #ourWorkProjectOverview h1 { font-size: 36px; line-height: 36px; color: #016ED5; margin: 0 0 20px 0; } #ourWorkProjectOverview p { font-size: 15px; line-height: 22px; } #ourWorkRelatedProjects { width: 240px; float: left; padding: 0 0 30px 0; } #ourWorkRelatedProjects h2 { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 30px; margin: 0; padding: 0; color: #016ED5; font-weight: bold; background: url(/images/_global/patterns/3x4_666.gif) left bottom repeat-x; } #ourWorkRelatedProjects .ourWorkRelatedProjectEntry { padding: 8px 0 0 0; color: #016ED5; font-weight: bold; background: url(/images/_global/patterns/2x2_666.gif) left bottom repeat-x; } #ourWorkRelatedProjects .ourWorkReleatedProjectEntryImage { margin: 0 0 10px 0; display: none; } #ourWorkRelatedProjects .ourWorkReleatedProjectEntryTitle { padding: 0 0 1px 0; } #ourWorkRelatedProjects .ourWorkReleatedProjectEntryTitle h3 a { font-size: 12px; line-height: 17px; color: #666; text-decoration: none; } #ourWorkRelatedProjects .ourWorkReleatedProjectEntryTitle h3 a:hover { color: #016ED5; text-decoration: underline; } #ourWorkRelatedProjects .ourWorkReleatedProjectEntryTitle h3 img { margin: 0 0 0 0; } .ourWorkEntry { float: left; margin: 0 9px 15px 0; } .ourWorkEntry h2, .ourWorkEntry h3 { font-size: 12px; color: #666; padding: 0; width: 310px; } .ourWorkEntry h2 img.ourWorkEntryImage, .ourWorkEntry h3 img.ourWorkEntryImage { margin: 0 0 10px 0; } .ourWorkEntry a { text-decoration: none; color: #666; } .ourWorkEntry a:hover .title { color: #016ED5; } /****************************************** CAPABILITIES *******************************************/ #capabilitiesHeadline { overflow: hidden; height: 1%; margin: 70px 0 20px 0; border-bottom: 1px #CCC solid; text-align: center; } #capabilitiesHeadline h1 { display: block; width: 100%; font-size: 48px; line-height: 120%; text-align: center; margin: 0 0 40px 0; padding: 0; } #capabilitiesListing .capabilityGrouping { overflow: hidden; height: 1%; margin: 0 0 20px 0; } #capabilitiesListing .capabilityEntry { width: 296px; float: left; padding: 12px; } #capabilitiesListing .capabilityEntry h2 { font-size: 42px; line-height: 42px; color: #016ED5; margin: 0 0 .5em 0; } #capabilitiesListing .capabilityEntry p { font-size: 13px; line-height: 19px; } #capabilitiesListing a.slideshowButton { display: block; width: 146px; background-image: url(/images/_global/capabilities/more_info_button_large.gif); height: 29px; text-indent: -10000px; display: block; } #capabilitiesListing a.slideshowButton:hover { background-position: -146px 0; } #capabilitiesChart { overflow: hidden; height: 1%; margin: 50px 0 30px 0; } #capabilitiesChartLeft { width: 312px; float: left; color: #016ED5; } #capabilitiesChartLeft .capability { overflow: hidden; height: 15px; padding: 5px; border-top: 1px #CCC solid; } #capabilitiesChartLeft .capabilityImage { height: 105px; padding: 5px; border-top: 1px #CCC solid; } #capabilitiesChartRight { width: 648px; height: 297px; float: left; overflow:auto; /* cater to the older browsers */ overflow-x:auto; /* scroll horizontal */ overflow-y:hidden; /* Hide vertical*/ } #capabilitiesChartLeft .capability a { float: left; display: block; text-indent: -10000px; width: 110px; height: 17px; background-image: url(/images/_global/capabilities/more_info_button.gif); } #capabilitiesChartLeft .capability a:hover { background-position: -110px 0; } #capabilitiesChartLeft .capability .capabilitiesChartLeftTitle { float: left; display: block; margin: 0 5px 0 0; } #capabilitiesChartLeft .capabilitiesChartLeftTitle { font-size: 13px; } #capabilitiesChartLeft .capability a.capabilitiesChartSlideshowButton img { display: none; } /****************************************** ABOUT US *******************************************/ #aboutUsImage { margin: 30px 0 10px 0; height: 520px; width: 960px; background-color: #016ED5; z-index: 1; } #aboutUsImage .aboutUs_slideWrapper {z-index: 1;} #aboutUsImage .aboutUs_slideWrapper img {z-index: 1; position: relative;} #aboutUsModule { opacity: .9; position: absolute; top: 300px; left: 480px; z-index: 999; } #aboutUsMenu { width: 472px; height: 30px; overflow: hidden; margin: 0; padding: 0; } #aboutUsMenu li { text-align: center; display: inline; float: left; margin: 0; padding: 0; } #aboutUsMenu li a { width: 117px; margin: 0 1px 0 0; height: 30px; display: block; background-color: #80B6EA; font-size: 11px; text-decoration: none; color: #FFF; padding: 5px 0 0 0; } #aboutUsMenu li a:hover { background-color: #A4D0F4; } #aboutUsMenu li a.aboutUsMenuActive { background-color: #016ED5; } #aboutUsContent { width: 471px; height: 315px; overflow: hidden; background-color: #016ED5; margin: 0; padding: 0; } .aboutUsCopy { width: 432px; height: 255px; color: #FFF; padding: 20px 10px; margin: 10px; overflow: auto; background: url(/images/_global/about_us/scroll_bkgd.gif) bottom; } .aboutUsCopy h2 { font-size: 26px; line-height: 32px; color: #FFFFFF; margin: 0 0 10px 0; } .aboutUsCopy p { font-size: 13px; line-height: 19px; } .aboutUsCopy p, .aboutUsCopy h2, .aboutUsCopy a { color: #FFFFFF; } .aboutUsCopy ul, .aboutUsCopy ol { margin: 0 0 30px 15px; } /****************************************** CONTACT *******************************************/ #contactImage { margin: 30px 0 10px 0; } #contactModule { opacity: .9; } #contactMenu { width: 236px; height: 30px; overflow: hidden; position: absolute; top: 145px; margin: 0 0 0 715px; } #contactMenu li { text-align: center; display: inline; float: left; } #contactMenu li a { width: 117px; margin: 0 1px 0 0; height: 30px; display: block; background-color: #80B6EA; font-size: 11px; text-decoration: none; color: #FFF; padding: 5px 0 0 0; } #contactMenu li a:hover { background-color: #A4D0F4; } #contactMenu li a.contactMenuActive { background-color: #016ED5; } #contactContent { width: 215px; overflow: hidden; padding: 10px 10px 20px 10px; height: 450px; overflow: auto; position: absolute; background-color: #016ED5; top: 175px; margin: 0 0 0 715px; } #contactContent h1, #contactContent h2, #contactContent h3, #contactContent h4, #contactContent li, #contactContent p, #contactContent a { color: #FFFFFF; } #contactContent li { margin: 0 0 0 15px; } form { width: 210px; height: 150px; } form input { width: 210px; border: none; color: #666; padding: 5px 2px; margin: 0 0 5px 0; } form input.button { width: 110px; border: none; color: #FFF; font-weight: bold; padding: 10px 2px; margin: 5px -5px 5px 0; background-color: #1d3f65; float: left; } form input.button:hover { background-color: #A4D0F4; cursor: hand; cursor: pointer; } form textarea { width: 210px; border: none; color: #666; padding: 5px 2px; margin: 0 0 5px 0; } form label { display: block; color: #FFF; width: 210px; margin: 0 0 3px 0; } h2.tabB_content { font-size: 24px; margin: 10px 0 20px 0; } /****************************************** STRATEGY *******************************************/ #strategySlideshow { margin: 30px 0px 20px 0; position: relative;} #strategySlideshow #strategySlides .slide { } #strategySlideshow #strategySlides h2 { font-size: 60px; position: absolute; top: 70px; width: 100%; text-align: center; line-height: 120%; color: #FFF; } #strategySlideshow #strategySlides h2.y { top: 35px; } #strategySlideshow #strategyNav { position: absolute; bottom: 20px; z-index: 1000; } #strategySlideshow #strategyNav a { width: 191px; height: 200px; float: left; background-image: url(/images/_global/strategy/menu.png); text-indent: -10000px; } #strategySlideshow #strategyNav a.idea { background-position: 0 0; } #strategySlideshow #strategyNav a.idea:hover { background-position: 0 -200px; } #strategySlideshow #strategyNav a.idea.activeSlide { background-position: 0 -400px; } #strategySlideshow #strategyNav a.research { background-position: -191px 0; } #strategySlideshow #strategyNav a.research:hover { background-position: -191px -200px; } #strategySlideshow #strategyNav a.research.activeSlide { background-position: -191px -400px; } #strategySlideshow #strategyNav a.develop { background-position: -382px 0; } #strategySlideshow #strategyNav a.develop:hover { background-position: -382px -200px; } #strategySlideshow #strategyNav a.develop.activeSlide { background-position: -382px -400px; } #strategySlideshow #strategyNav a.refine { background-position: -573px 0; } #strategySlideshow #strategyNav a.refine:hover { background-position: -573px -200px; } #strategySlideshow #strategyNav a.refine.activeSlide { background-position: -573px -400px; } #strategySlideshow #strategyNav a.launch { background-position: -764px 0; } #strategySlideshow #strategyNav a.launch:hover { background-position: -764px -200px; } #strategySlideshow #strategyNav a.launch.activeSlide { background-position: -764px -400px; } #strategySlideshow p.prevNextNav { z-index: 3000; position: absolute; top: 120px; left: 0; background-color: transparent; } #strategySlideshow p.prevNextNav a { width: 47px; height: 47px; background: url(/images/_global/strategy/arrows.png) 0 0 no-repeat; } #strategySlideshow p.prevNextNav a.prev { float: left; margin-left: 50px; background-position: 0 0; } #strategySlideshow p.prevNextNav a.next { float: right; margin-right: 50px; background-position: -47px 0; } #strategySlideshow p.prevNextNav a.prev:hover { background-position: 0 -47px; cursor: hand; cursor: pointer; } #strategySlideshow p.prevNextNav a.next:hover { background-position: -47px -47px; cursor: hand; cursor: pointer; } /****************************************** CHOI UPDATES *******************************************/ #choiUpdates { position: absolute; top: 0px; right: 0; width: 600px; height: 18px; display: none; } #choiUpdates h3 { width: 88px; font-size: 11px; display: block; float: left; padding-left: 3px; margin: 0; color: #FFF; background-color: #c2ddf3; } #choiUpdates h3 img { vertical-align: middle; } #choiUpdates p { font-size: 11px; width: 500px; color: #999; margin: 0 0 0 20px; } .choiUpdatesEntry { display: none; float: left; } .choiUpdatesEntry li { list-style-type: none; width: 380px; background-color: #dfedfa; padding: 2px 10px 3px; font-size: 11px; line-height: 14px; } .choiUpdatesEntry li a { text-decoration: none; } .choiUpdatesEntry li a:hover { text-decoration: underline; } /****************************************** 404 MESSAGE *******************************************/ #fourzerofour { margin: 60px 10px 10px 10px; } #fourzerofour h1 { font-size: 36px; color: #016ED5; margin: 0 0 .5em 0; } #fourzerofour p { font-size: 24px; line-height: 30px; color: #ccc; margin: 0 0 1em 0; } #fourzerofour a:hover { text-decoration: none; } /****************************************** CLIENT LOGIN *******************************************/ #clientLogin { overflow: hidden; height: 1%; background-color: #016ED5; padding: 20px; } /****************************************** FOOTER *******************************************/ #footer { overflow: hidden; height: 1%; padding: 20px 0; background: url(/images/_global/patterns/footer_top_border.gif) repeat-x; } #footer h3 { font-size: 13px; margin: 0 0 10px 0; padding: 0; text-transform: uppercase;} #footer .signup { width: 350px; float: left; padding-left: 10px; } #footer .signup form { width: 300px;} #footer .signup form input[type="text"] { color: #999; font-size: 12px; border: 1px #E9E9E9 solid; padding: 6px; width: 150px; margin: 0; height: 16px; float: left; } #footer .signup form input[type="text"].blur { color: #999; } #footer .signup form input[type="text"].error { border: 1px #016ED5 solid; color: #016ED5;} #footer .signup form input[type="submit"] { font-size: 12px; margin: 0; width: 70px; height: 30px; float: left; color: #FFF; padding: 6px 10px; border: none; background-color: #016ED5; } #footer .signup form input[type="submit"]:hover { background-color: #1C3E66; cursor: hand; cursor: pointer; } #footer .signup form label.error { position: absolute; top: -10000px; left: -10000px; } #footer .connect { width: 150px; float: left; } #footer .connect a { margin: 0 3px 0 0; } #footer .menu { width: 450px; float: right; } #footer .menu ul { float: right; margin: 0; padding: 0 0 5px 0; } #footer .menu ul li { display: inline; } #footer .menu ul li a { display: block; float: left; padding: 0 15px 0 0; } #footer .menu #copyright { float: right; padding: 0 15px 0 0;} #footer .menu p { font-size: 11px; } #footer .menu ul { font-size: 11px;} #footer .menu a { color: #1C3E66; text-decoration: none; } #footer .menu a:hover { color: #016ED5; } /****************************************** SPECIAL *******************************************/ .hidden { display: none; } #ourWorkLanding h1, #header h1, #ourWorkProjectOverview h1, #capabilitiesHeadline h1, #strategySlideshow h2, h2.capabilityTitle, h2.tabB_content, .aboutUsCopy h2, #featuredModule .text h2, .strategyOverlayItem h2 { font-family:'Avenir LT W01 35 Light', Arial, sans-serif; } h2.sectionTitle, #footer h3 { font-family:'Avenir LT W01 95 Black', Arial, sans-serif; }