/******************************************** 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; } #header #logo { height: 105px; } #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;} #content { overflow: hidden; height: 1%; min-height: 400px; } #footer { overflow: hidden; height: 1%; padding: 10px 0 5px 0; background: url(/images/_global/patterns/footer_top_border.gif) repeat-x;} #footer p, #footer ul { font-size: 10px;} #footer a { font-size: 10px; color: #666666; text-decoration: none;} #footer a:hover { text-decoration: underline; color: #016ED5;} /****************************************** 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: url(/images/_global/patterns/2x2_EEE_trans_60.png) -1px 0px; } 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: url(/images/_global/patterns/2x2_EEE_trans_100.png) -1px 0px; } 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: url(/images/_global/patterns/2x2_EEE_trans_100.png) -1px 0px; } /* 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: url(/images/_global/patterns/2x2_EEE_trans_100.png) -1px 0px; } 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: url(/images/_global/patterns/2x2_EEE_trans_100.png) -1px 0px; } /* - - - - 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; } #footer ul#footer_menu { width: 660px; overflow: hidden; height: 1%; float: left; } #footer ul#footer_menu li { display: inline;} #footer ul#footer_menu li a { display: block; float: left; padding: 0 15px 0 0; } #footer #copyright { float: right; } /****************************************** HOMEPAGE *******************************************/ #featuredModule { clear: both; margin: 30px 0 0 0; } #featuredModuleSlides { height: 300px; } #featuredModule .controls { position: relative; top: -55px; float: right; z-index:10; margin: 0 15px 0 0; } #featuredModule .controls a { text-indent: -10000px; display: block; height: 12px; background: url(/images/_global/blank.png); width: 12px; border: 1px #FFF solid; float: left; margin: 0 3px 0 0; } #featuredModule .controls a.activeSlide { background-color: #FFF; border: 1px #FFF solid; } #featuredModule .titles { font-family: Arial; font-size: 12px; color: #FFF; text-align: right; right: 0; width: 945px; position: absolute; top: 270px; margin: 0 18px 0 0;} #featuredWork h2 { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 12px; background-color: #CCC; margin: 20px 0; padding: 0; color: #016ED5; font-weight: bold; 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; font-weight: bold; background: url(/images/_global/patterns/12xlong.gif) 93px 0 no-repeat;} #featuredWork { overflow: hidden; height: 1%; float: left; width: 708px;} #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: 200px; display: block; } #featuredWork .featuredWorkEntry a:hover .title { color: #016ED5; } #recentNews { overflow: hidden; height: 1%; float: left; margin: 0 0 20px 20px; width: 230px;} #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: 26px; line-height: 48px; color: #016ED5; margin: 0 0 1em 0; } #ourWorkLanding h2.featuredWork { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 12px; background-color: #CCC; margin: 20px 0; padding: 0; color: #016ED5; font-weight: bold; background: url(/images/_global/patterns/12xlong.gif) 110px 0 no-repeat;} #ourWorkLanding h2.aboutOurWork { font-size: 12px; line-height: 12px; text-transform: uppercase; height: 12px; background-color: #CCC; margin: 20px 0; padding: 0; color: #016ED5; font-weight: bold; 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;} .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; margin: 6px 0 0 0; margin: 0; padding: 0;} .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 *******************************************/ #capabilitiesChart { overflow: hidden; height: 1%; margin: 50px 0 30px 0; border-bottom: 1px #CCC solid;} #capabilitiesListing .capabilityGrouping { overflow: hidden; height: 1%; margin: 0 0 20px 0;} #capabilitiesListing .capabilityEntry { width: 296px; float: left; padding: 12px;} #capabilitiesListing .capabilityEntry h2 { font-size: 36px; line-height: 36px; color: #016ED5; margin: 0 0 .5em 0; } #capabilitiesChartLeft { width: 312px; float: left; color: #016ED5; } #capabilitiesChartLeft .capability { overflow: hidden; height: 15px; padding: 5px; border-top: 1px #CCC solid; border-right: 1px #CCC solid;} #capabilitiesChartLeft .capabilityImage { height: 105px; padding: 5px; border-top: 1px #CCC solid; border-right: 1px #CCC solid;} #capabilitiesChartRight { width: 648px; height: 297px; float: left; border-top: 1px #CCC solid; 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 .capability a.capabilitiesChartSlideshowButton img { display: none;} #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;} /****************************************** STRATEGY *******************************************/ #strategyDiagram { margin: 30px 0 10px 0;} /****************************************** ABOUT US *******************************************/ #aboutUsImage { margin: 30px 0 10px 0; height: 520px; width: 960px; background-color: #016ED5;} #aboutUsMenu { width: 472px; height: 30px; overflow: hidden; position: absolute; top: 300px; margin: 0 0 0 480px; z-index: 500; } #aboutUsMenu li { text-align: center; display: inline; float: left;} #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; position: absolute; background-color: #016ED5; top: 330px; margin: 0 0 0 480px; z-index: 500; } .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: 24px; line-height: 28px; color: #FFFFFF; margin: 0 0 10px 0;} .aboutUsCopy p, .aboutUsCopy h2, .aboutUsCopy a { color: #FFFFFF;} .aboutUsCopy ul, .aboutUsCopy ol { margin: 0 0 30px 15px;} /****************************************** CONTACT *******************************************/ #contactImage { margin: 30px 0 10px 0;} #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 *******************************************/ #strategyOverlay { position: absolute; height: 310px; overflow: hidden; width: 960px; top: 330px; left: auto;} #strategyOverlay .strategyOverlayItem { float: left; width: 171px; height: 310px; padding: 5px 10px 0px; border-left: 1px #FFF dotted;} #strategyOverlay .strategyOverlayItem.first { border-left: 0px #FFF dotted;} #strategyOverlay .strategyOverlayItem h2 { color: #FFF; font-size: 30px; margin: 0 0 10px 0;} #strategyOverlay .strategyOverlayItem p { color: #FFF; font-size: 11px; line-height: 16px;} /****************************************** CHOI UPDATES *******************************************/ #choiUpdates { position: relative; top: 0px; float: right; width: 600px; background-image: url(/images/_global/choi_updates_bkgd.gif); height: 18px;} #choiUpdates h3 { width: 80px; font-size: 11px; display: block; float: left; margin: 0 5px; color: #FFF;} #choiUpdates p { font-size: 11px; width: 500px; color: #999; margin: 0 0 0 20px; } .choiUpdatesEntry { display: none; float: left;} /****************************************** 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; } /****************************************** SPECIAL *******************************************/ .hidden { display: none; }