/* Start of CMSMS style sheet 'main' */ /* begin -- set color of links for whole site */ a:link { color: #e86d20; text-decoration: none } a:visited { color: #e86d20; text-decoration: none } a:hover { color: #ff8a40; text-decoration: underline } a:active { color: #e86d20; text-decoration: none } /* end -- set color of links for whole site */ /* begin - classes for styling as needed ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .bold { font-weight: bold } .italic { font-style: italic } .underline { text-decoration: underline } .overline { text-decoration: overline } .strike { text-decoration: overline } .overflow_hidden { overflow: hidden } .hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */ /* end - classes for styling needed ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html { min-height: 910px; background: url(/uploads/images/shared/main_background01.gif) repeat-x bottom center #fff } * html { height: 910px } body { min-height: 910px; background: url(/uploads/images/shared/main_background02.gif) repeat-x top center; color: #6a6969 } * html body { height: 910px } #wrapper { width: 960px; min-height: 510px; margin: 0px auto; background: url(/uploads/images/shared/body_background.gif) no-repeat top center } * html #wrapper { height: 510px } #header { position: relative; width: 960px; height: 123px; margin: 0px auto; background: url(/uploads/images/shared/header_background.gif) no-repeat top center } #header h1 { position: absolute; top: 19px; left: 32px; z-index: 100; width: 252px; height: 70px; margin: 0px } #header h1 a { display: block; width: 252px; height: 70px; background: url(/uploads/images/shared/logo.gif) no-repeat 0px 0px; text-indent: -99999em } #header #main_nav { position: absolute; top: 71px; left: 334px; z-index: 100; width: 599px; height: 18px; margin: 0px; background: url(/uploads/images/shared/main_menu_sprite.gif) no-repeat 0px 0px } #header #main_nav li { margin: 0px; float: left; list-style-type: none } #header #main_nav li a { display: block; height: 18px; float: left; background: url(/uploads/images/shared/main_menu_sprite.gif) no-repeat 0px 0px; text-indent: -99999em } #header #main_nav li.proactive { width: 134px } #header #main_nav li.proactive a { width: 122px; background-position: 0px -18px } #header #main_nav li.proactive a:hover, #header #main_nav li.proactive a.on { background-position: 0px -36px } #header #main_nav li.networking { width: 182px } #header #main_nav li.networking a { width: 162px; margin-left: 10px; background-position: -144px -18px } * html #header #main_nav li.networking a { margin-left: 5px } #header #main_nav li.networking a:hover, #header #main_nav li.networking a.on { background-position: -144px -36px } #header #main_nav li.business { width: 152px } #header #main_nav li.business a { width: 133px; margin-left: 10px; background-position: -326px -18px } * html #header #main_nav li.business a { margin-left: 5px } #header #main_nav li.business a:hover, #header #main_nav li.business a.on { background-position: -326px -36px } #header #main_nav li.dc { width: 131px } #header #main_nav li.dc a { width: 123px; margin-left: 8px; background-position: -476px -18px } * html #header #main_nav li.dc a { margin-left: 4px } #header #main_nav li.dc a:hover, #header #main_nav li.dc a.on { background-position: -476px -36px } #header #utilities_nav { position: absolute; right: 16px; top: 10px; z-index: 100 } #header #utilities_nav li { display: inline; margin-left: 8px; padding-left: 8px; border-left: dashed 1px #6a6969; list-style-type: none; text-transform: lowercase } #header #utilities_nav li.phone { border: 0px; margin-left: 0px; padding-left: 0px; font: bold 110% "Tahoma", Arial, Helvetica, sans-serif } #header #utilities_nav li a { color: #6a6969 } #header #utilities_nav li a:hover { color: #ff8a40; text-decoration: none } #header #utilities_nav li.contact_us a { padding-left: 18px; background: url(/uploads/images/shared/contact_us_icon.gif) no-repeat 3px 4px } #header #utilities_nav li.contact_us a:hover { background-position: 3px -56px } #header form { position: absolute; top: 22px; left: 334px; z-index: 100; width: 262px; height: 22px } #header form fieldset { position: relative; width: 262px; height: 22px; background: url(/uploads/images/shared/search_input.gif) no-repeat 0px 0px } #header form input.text { position: absolute; left: 10px; top: 2px; width: 162px; padding-left: 3px; border: 0px; font-size: 95% } #header form input.button { position: absolute; left: 190px; top: 0px } #content_area { width: 900px; margin: 0px auto } #breadcrumbs { padding: 0px 0px 0.6em 0px; font-size: 86% } #content_area h2.page_header { margin: 0.5em 0px 0.4em 0px; padding: 0px 0px 0.2em 0px; font-size: 130% } #content_area blockquote { min-height: 28px; margin-left: 0em; margin-right: 2.2em; padding: 0.45em 1em 0.3em 3.6em; background: url(/uploads/images/shared/quote.gif) no-repeat 8px 1px; color: #3c3c3c } #content_area blockquote:after { content: '” '} #footer { position: relative; width: 900px; margin: 2em auto 1.8em auto; padding: 0.7em 0px; border-top: solid 2px #515558; font-size: 86% } #footer p.copyright { margin: 0px 0px 0.4em 0px } #footer div.vcard { margin: 0px 0px 0.4em 0px } #footer div.vcard #address, #footer div.vcard #phone_numbers { margin: 0px 0px 0.4em 0px } #footer div.vcard #phone_numbers #second { margin-left: 2px; padding-left: 6px; border-left: dashed 1px #6a6969 } #footer #tertiary_nav { position: absolute; top: 7px; right: 0px; z-index: 100; margin: 0px; text-transform: lowercase } #footer #tertiary_nav li { margin: 0px 0px 0px 6px; padding: 0px 0px 0px 8px; float: left; border-left: dashed 1px #6a6969; list-style-type: none } #footer #tertiary_nav li:first-child { margin-left: 0px; padding-left: 0px; border: 0px } #footer #tertiary_nav li a { color: #6a6969 } #footer #tertiary_nav li a:hover { color: #ff8a40; text-decoration: none } /* BEGIN - Home Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #home #first_read { position: relative; width: 900px; height: 220px; overflow: hidden } #home #first_read a.banner { display: none; position: absolute; top: 0px; left: 0px; z-index: 50 } #home #first_read a.button { position: absolute; top: 95px; z-index: 200; display: block; width: 30px; height: 30px; text-indent: -99999em } #home #first_read a.previous { left: 12px; background:url(/uploads/images/home/previous.png) no-repeat 0px 0px } #home #first_read a.next { right: 12px; background:url(/uploads/images/home/next.png) no-repeat 0px 0px } * html #first_read a.button { behavior: url("/uploads/js/iepngfix.htc") } #home #first_read a.button:hover { cursor: pointer } #home #first_read #banners_nav { position: absolute; top: 2px; right: 12px; z-index: 200; margin: 0px; font-size: 180% } #home #first_read #banners_nav li { float: left; margin: 0px 0px 0px 4px; padding: 0px; list-style-type: none } #home #first_read #banners_nav li a { padding: 0px 4px; color: #d5d5d5 } #home #first_read #banners_nav li a:hover { text-decoration: none } #home #first_read #banners_nav li a.on { color: #e86d20 } #home #modules { width: 900px; margin: 26px 0px 0px 0px; overflow: hidden; background: url(/uploads/images/home/modules_backgrounds.gif) repeat-y top center; font-size: 120% } #home #modules div.services { width: 262px; padding: 0px 20px 0px 18px; float: left } #home #modules div.services h2 { height: 26px; margin: 0px 0px 0.4em 0px; background: url(/uploads/images/home/header_services.gif) no-repeat 0px 0px; text-indent: -99999em } #home #modules div.services ul { width: 252px; margin: 0px; border-bottom: solid 1px #bdbcbc; font-weight: bold } #home #modules div.services ul li { margin: 0px; border-top: solid 1px #bdbcbc; list-style-type: none } #home #modules div.services ul li abbr { border: 0px } #home #modules div.services ul li a { position: relative; display: block; width: 243px; padding: 0.4em 0px 0.4em 9px; overflow: hidden; background: url(/uploads/images/home/home_arrow.gif) no-repeat 237px 9px; color: #3c4246 } #home #modules div.services ul li a:hover { text-decoration: none; background-color: #e86d20; background-position: 237px -206px; color: #FFF } #home #modules div.services ul li a:hover span { color: #FFF } #home #modules div.business { width: 264px; padding: 0px 18px 0px 18px; float: left } #home #modules div.business h2 { height: 26px; margin: 0px 0px 0.4em 0px; background: url(/uploads/images/home/header_business.gif) no-repeat 0px 0px; text-indent: -99999em } #home #modules div.experience { width: 260px; padding: 0px 18px 0px 22px; float: left; overflow: hidden } #home #modules div.experience h2 { height: 26px; margin: 0px 0px 0.4em 0px; background: url(/uploads/images/home/header_experience.gif) no-repeat 0px 0px; text-indent: -99999em } #home #modules div.experience img.thumbnail { float: right; margin-left: 20px } * html #home #modules div.experience img.thumbnail { margin-left: 10px } #home #modules a.learn_more { color: #3c4246; font-weight: bold } #home #modules a.learn_more span { color: #e86d20 } #home #modules a.learn_more:hover { text-decoration: none; color: #e86d20 } #home #modules a.learn_more:hover span { color: #ff8a40 } /* END - Home Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BEGIN - Search Results ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #search-results #content_area ol li { margin-bottom: 1em } #search-results #content_area h2 { border-bottom: solid 1px #e2e2e2 } #search-results #content_area h2 span.hidden { visibility: hidden } #search-results #content_area h2 span { float: right; font-size: 70%; font-weight: normal } /* END - Search Results ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BEGIN - Subpage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body.subpage #content_area { padding-bottom: 0.5em; border-top: solid 1px #dadcdc; overflow: hidden; background: url(/uploads/images/shared/subpage_background.gif) repeat-y 0px 0px } body.subpage #content_area #left_column { width: 186px; padding-bottom: 0.5em; float: left } body.subpage #content_area #left_column ul.subnav { margin: 0px; background-color: #FFF; font-size: 85% } body.subpage #content_area #left_column ul.subnav li { margin: 0px; border-bottom: solid 1px #efefef; list-style-type: none } body.subpage #content_area #left_column ul.subnav li a { display: block; padding: 1em 10px 1em 18px; background: url(/uploads/images/shared/subnav_linkbackground.gif) no-repeat 9px 17px; color: #4f5050 } body.subpage #content_area #left_column ul.subnav li a:hover { text-decoration: none; color: #fff; background-color: #ff8a40; background-image: url(/uploads/images/shared/subnav_linkbackground_over.gif) } body.subpage #content_area #left_column ul.subnav li a.on { color: #ff8a40 } body.subpage #content_area #left_column ul.subnav li a.on:hover { background-color: #fff; background-image: url(/uploads/images/shared/subnav_linkbackground.gif) } body.subpage #content_area #left_column ul.subnav li.second-level a {background-image:none;color:#4F5050;display:block;padding:1em 10px 1em 33px;} body.subpage #content_area #left_column ul.subnav li.second-level a:hover { text-decoration: none; color: #fff; background-color: #ff8a40; background-image:none;} body.subpage #content_area #left_column ul.subnav li.second-level a.on { color: #ff8a40 } body.subpage #content_area #left_column ul.subnav li.second-level a.on:hover { background-color: #fff; background-image:none; } body.subpage #content_area #content { width: 700px; padding-bottom: 0.5em; float: right } body.subpage #footer { margin-top: 0px } /* END - Subpage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BEGIN - DC Experience ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #dc_experience #content_area h2.page_header { height: 45px; margin: 0px; padding: 0px; border: 0px; background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -661px; text-indent: -99999em } #dc_experience #content_area #dcexperience_nav { position: relative; width: 900px; height: 92px; margin: 0px } #dc_experience #content_area ul.consulting { background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -184px } #dc_experience #content_area ul.partners { background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -276px } #dc_experience #content_area ul.connect { background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -368px } #dc_experience #content_area ul.flexible { background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -460px } #dc_experience #content_area ul.client { background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -552px } #dc_experience #content_area #dcexperience_nav li { position: absolute; top: 0px; left: 0px; z-index: 100; height: 61px; list-style-type: none } #dc_experience #content_area #dcexperience_nav li a { display: block; height: 61px; background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -27px 0px; text-indent: -99999em } #dc_experience #content_area #dcexperience_nav li.consulting { left: 17px; width: 169px } #dc_experience #content_area #dcexperience_nav li.consulting a { width: 169px; background-position: -27px 0px } #dc_experience #content_area #dcexperience_nav li.consulting a:hover { background-position: -27px -92px } #dc_experience #content_area #dcexperience_nav li.consulting #dc_nav_item_on { background-position: -27px -184px } #dc_experience #content_area #dcexperience_nav li.partners { left: 192px; width: 168px } #dc_experience #content_area #dcexperience_nav li.partners a { width: 168px; background-position: -202px 0px } #dc_experience #content_area #dcexperience_nav li.partners a:hover { background-position: -202px -92px } #dc_experience #content_area #dcexperience_nav li.partners #dc_nav_item_on { background-position: -202px -276px } #dc_experience #content_area #dcexperience_nav li.connect { left: 366px; width: 168px } #dc_experience #content_area #dcexperience_nav li.connect a { width: 168px; background-position: -376px 0px } #dc_experience #content_area #dcexperience_nav li.connect a:hover { background-position: -376px -92px } #dc_experience #content_area #dcexperience_nav li.connect #dc_nav_item_on { background-position: -376px -368px } #dc_experience #content_area #dcexperience_nav li.flexible { left: 540px; width: 168px } #dc_experience #content_area #dcexperience_nav li.flexible a { width: 168px; background-position: -550px 0px } #dc_experience #content_area #dcexperience_nav li.flexible a:hover { background-position: -550px -92px } #dc_experience #content_area #dcexperience_nav li.flexible #dc_nav_item_on { background-position: -550px -460px } #dc_experience #content_area #dcexperience_nav li.client { left: 714px; width: 169px } #dc_experience #content_area #dcexperience_nav li.client a { width: 169px; background-position: -724px 0px } #dc_experience #content_area #dcexperience_nav li.client a:hover { background-position: -724px -92px } #dc_experience #content_area #dcexperience_nav li.client #dc_nav_item_on { background-position: -724px -552px } #dc_experience div.subcontent { display: none; width: 864px; padding: 1em 20px 0px 16px; overflow: hidden; background: url(/uploads/images/dc_experience/menu_sprite.gif) repeat-y 890px 0px } #dc_experience div.subcontent h3 { margin: 0px } #dc_experience #content_area span.dc_experience_footer { display: block; width: 900px; height: 17px; line-height: 0px; font-size: 0px; text-indent: -99999em; background: url(/uploads/images/dc_experience/menu_sprite.gif) no-repeat -10px -644px } #dc_experience #consulting { width: 844px; padding: 1em 40px 0px 16px } #dc_experience #consulting div.content { width: 520px; padding: 1em 18px 1em 0px; float: left } #dc_experience #consulting div.content h3 { font-size: 150%; font-weight: normal; color: #737678 } #dc_experience #consulting div.content h3 span { display: block; border-bottom: solid 1px #bdbcbc; margin: 0px 0px 1.3em 0px; padding: 0.6em 0px 0.65em 0px; font-size: 90%; font-weight: bold; text-transform: none; color: #323232 } #dc_experience #consulting div.content ul { margin: 0px 0px 2.5em 0px; font-size: 110% } #dc_experience #consulting div.content ul li { margin: 0px; padding: 0px 0px 0px 1em; background: url(/uploads/images/shared/bullet.gif) no-repeat 0px 5px; list-style-type: none } #dc_experience #consulting div.content ul li h5 { margin-bottom: 0.2em } #dc_experience #consulting div.content h4 { margin: 0px 0px 1em 0px; text-transform: uppercase; font-size: 140%; font-weight: normal; color: #e86d20 } #dc_experience #consulting div.content img.banner01 { display: block; margin: 0px auto } #dc_experience #consulting div.quote { width: 276px; float: right } #dc_experience #partners div.content { width: 520px; padding: 1em 18px 1em 0px; float: left } #dc_experience #partners div.quote { width: 276px; float: right } #dc_experience #connect div.content { width: 520px; padding: 1em 18px 1em 0px; float: left } #dc_experience #connect div.quote { width: 276px; float: right } #dc_experience #flexible div.content { width: 520px; padding: 1em 18px 1em 0px; float: left } #dc_experience #flexible div.quote { width: 276px; float: right } #dc_experience #client div.content { width: 520px; padding: 1em 18px 1em 0px; float: left } #dc_experience #client div.quote { width: 276px; float: right } /* END - DC Experience ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BEGIN - News Module ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.NewsSummary { border-top: solid 1px #d2d2d2; margin-bottom: 1em; padding-top: 1em } div.NewsSummary h3 { width: 100%; margin: 0px 0px 0.4em 0px; padding: 0px 0px 0.3em 0px; border-bottom: dashed 1px #ececec; overflow: hidden } div.NewsSummary h3 span.NewsLink { display: block; width: 790px; float: left } div.NewsSummary h3 span.NewsSummaryPostdate { display: block; width: 90px; float: right; text-align: right; font-size: 80%; font-weight: normal } div.NewsCategoryAuthor { padding: 0px 0px 0.5em 0px; font-size: 86% } span.NewsSummaryAuthor { margin-left: 8px; padding-left: 8px; border-left: solid 1px #c6c6c6 } #NewsPostDetail {} #NewsPostDetail h3 { width: 100%; margin: 0px 0px 0.4em 0px; padding: 0px 0px 0.3em 0px; border-bottom: dashed 1px #ececec; overflow: hidden } #NewsPostDetail h3 span.NewsPostDetailTitle { display: block; width: 790px; float: left } #NewsPostDetail h3 span.NewsPostDetailDate { display: block; width: 90px; float: right; text-align: right; font-size: 80%; font-weight: normal } #NewsPostDetail div.NewsPostDetailCategoryAuthor { padding: 0px 0px 0.5em 0px; font-size: 86% } #NewsPostDetail div.NewsPostDetailCategoryAuthor span.NewsPostDetailAuthor { margin-left: 8px; padding-left: 8px; border-left: solid 1px #c6c6c6 } #NewsPostDetail div.NewsPostDetailReturnLink { padding-top: 0.8em; font-weight: bold; text-transform: uppercase } /* END - News Module ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BEGIN - Light Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #overlay { display: none; position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.80 } * html #overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') } #contact_us { display: none; position: fixed; width: 480px; margin-left: -243px; z-index: 1200; text-align: left; top: 10%; left: 50%; background-color: #FFF; border: solid 3px #1a1a1a } * html #contact_us { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 40) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } iframe { outline-style:none; outline-color:#ffffff; } #contact_us div.inner { position: relative } #contact_us div.inner div.info { margin: 0em 1.2em 0em 1.2em; padding: 1em 0em 0em 0em; border-bottom: solid 1px #999; font-size: 90% } #contact_us h3 { margin: 0px; padding: 0.5em 0.7em; font-size: 120%; background-color: #dcdcdc; color: #2f2f2f } #contact_us a.close { position: absolute; top: 11px; right: 12px; z-index: 10000; text-transform: uppercase; font-weight: bold; color: #2f2f2f; font-size: 82% } #contact_us a.close:hover { text-decoration: none; color: #ff8a40 } #contact_us form { width: 480px; margin: 0px auto; padding: 1.0em 0px 0em 0px } #contact_us label.hr { display: block; clear: both; width: 480px; padding: 0.3em 0px; overflow: hidden } #contact_us label.hr span.label { width: 200px; padding: 0em 10px 0em 0px; float: left; text-align: right; font-weight: bold } #contact_us label.hr span.field { width: 270px; float: right; text-align: left } #contact_us label.hr span.field input { width: 200px; padding-left: 2px; border: solid 1px #999 } #contact_us label.hr span.field textarea { width: 200px; margin: 0px; padding-left: 2px; height: 140px; border: solid 1px #999} #contact_us span.submit { float: right; width: 270px; padding: 0.5em 0px 1.2em 0px; display: block } /* END - Light Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* End of 'main' */