/****** This stylesheet is divided into the following sections: 1. GLOBAL STYLES 2. HOMEPAGE SPECIFIC STYLES 3. HOMEPAGE - BILLBOARD SLIDESHOW STYLES 4. MAIN NAVIGATION STYLES 5. SUB NAVIGATION STYLES 6. CALL OUT STYLES 7. FOOTER STYLES ******/ /***************************************************/ /***************************************************/ /* GLOBAL STYLES */ html { /* height: 100%;*/ margin-bottom: 50px; } body { text-align: center; margin-top: 20px; background: url(/images/bg_a04.jpg) repeat-x top; background-color: #e0e0e0; } p, blockquote { color: #807d74; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-left: 25px; margin-right: 25px; } p.intro { font-size: 16px; line-height: 24px; } p strong { color: #333; } a { color: #cb6041; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #4a4843; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; margin-left: 25px; margin-right: 25px; } h1 { font-weight: normal; margin: 30px 20px 20px 25px; padding: 0px 0px 5px 0px; border-bottom: solid 1px #999; } h1.legal { border-bottom: 0px solid #999; } h2 { font-size: 16px; margin-bottom: 10px; margin-top: 30px; padding-top: 10px; border-top: dotted #999 1px; } h2.legal { margin-top: 0px; border-top: 0px; } h2.strong-top { border-top: solid #f08253 2px; } h3 { font-size: 12px; margin-bottom: 4px; padding-top: 0px; } h2~h3 { color: #cb6041; font-weight: normal; } td { vertical-align: top; } ul { list-style: disc; color: #666; font-size: 11px; padding: 0 0 0 10px; } img.outline { padding: 2px; margin: 0px 0 20px 25px; border: 1px #e0e0e0 solid; } img.services { margin: 30px 0 20px 25px; } img.arrow { margin: 7px 0 10px 0; vertical-align: middle; } #container { margin: 0 auto; width: 960px; text-align: left; background-color: #e0e0e0; } ul.more_options { list-style: none; } ul.more_options li { font-size: 11px; line-height: 14px; color: #807d74; margin: 0px 15px; padding: 0 0 5px 10px; background: url(/images/arrow_list.gif) no-repeat 0px 3px; } #left_shadow { width: 20px; height: 750px; background: url(/images/shadow_left_top.gif) no-repeat; } #right_shadow { width: 20px; height: 750px; background: url(/images/shadow_right_top.gif) no-repeat; } #center_piece { background: url(/images/bg_inside_01.png) no-repeat; background-color: #fff; } #center_piece_no_sub_nav{ background: #FFFFFF url(/images/bg_inside_02.png) no-repeat; } a.button { background: url(/images/button_sprite1.gif) no-repeat top left; display: block; float: left; color: #fff; height: 18px; margin-right: 15px; margin-left: 23px; font-size: 10px; text-decoration: none; } a.button span { background: url(/images/button_sprite1.gif) no-repeat right top; display: block; height: 14px; padding: 2px 10px 2px 0; margin-left: 10px; margin-right:-4px; cursor: pointer; } a:hover.button { background-position: 0px bottom; color: #fff; } a:hover span { background-position: right bottom; } /***** This fixed page height is needed on the homepage to prevent the rotating billboard from jumping to the top. If the homepage height should ever increase, this value should increase as well. *****/ body#homepage { height: 840px; } /***** Certain pages have people images sitting on the footer. A unique ID on the tag is used to identify which pages have that person image. *****/ body#about_us #wrapper_content { background: url(/images/person_01.jpg) bottom right no-repeat; } body#services_packaged_services #wrapper_content { background: url(/images/person_02.jpg) bottom right no-repeat; } body#services_packaged_services #wrapper_content_no_img { background: url(/images/person_02.jpg) bottom right no-repeat; } body#services_bolt_ons #wrapper_content { background: url(/images/person_02.jpg) bottom right no-repeat; } #col_main_content { padding-bottom: 30px; } #col_main_content #left_half .quote_box { margin-left: 25px; } div.details { margin: 0px; padding: 0px; width: 50%; } div.details p { font-size: 11px; line-height: 17px; } div.more { float: right; width: 50%; } form { padding: 25px 25px 10px 25px; color: #666; } textarea, input { width: 350px; border: 1px solid #999; font-size: 12px; color: #807d74; margin-top: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 5px; } input.is_email_radio { width: 20px; margin: 0px; margin-top: 5px; //margin-top: 0px; padding-bottom: 0px; border: 0px solid #999; } form td { vertical-align: middle; } .attributename { vertical-align: top; line-height: 25px; } #left_half form { padding-top: 5px; margin-top: 0px; } .formButton { width: 100px; font-weight: bold; } form p { margin-left: 35%; } /***************************************************/ /***************************************************/ /* HOMEPAGE SPECIFIC STYLES */ #home_col1 h1, #home_col2 h2, #home_col3 h2 { font-size: 16px; font-weight: bold; border: none; margin: 20px 20px 10px 25px; padding: 0; } #home_col1, #home_col2, #home_col3 { padding-bottom: 20px; } #home_col2 { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; } #home_col2 img { float: left; margin: 25px 12px 70px 15px; } #home_col2 div p{ font-size: 11px; line-height: 16px; } #home_col2_top { border-bottom: 1px dotted #ccc; } #home_col2 div div.doorway { /* float: right; */ padding-left: 55px; } #home_col3 p { font-size: 11px; line-height: 16px; padding: 0 0 10px 0; margin-bottom: 0px; } #home_col3 blockquote { font-size: 11px; line-height: 16px; margin: 0 10px 0 25px; padding: 10px 0; border-top: solid 1px #ccc; } #home_col3 blockquote span { color: #000; font-size: 10px; } #home_col3 img { float: right; margin: 25px 20px 10px 25px; } /***************************************************/ /***************************************************/ /* HOMEPAGE - BILLBOARD SLIDESHOW STYLES */ #fragment_1, #fragment_2, #fragment_3, #fragment_4, #fragment_5 { width: 920px; height: 272px; } .bba { background: transparent url(/images/billboard_sprite_01.jpg) no-repeat 0px 0px ; } .bbb { background: transparent url(/images/billboard_sprite_01.jpg) no-repeat 0px -272px; } .bbc { background: transparent url(/images/billboard_sprite_01.jpg) no-repeat 0px -544px; } .bbd { background: transparent url(/images/billboard_sprite_01.jpg) no-repeat 0px -816px; } .bbe { background: transparent url(/images/billboard_sprite_01.jpg) no-repeat 0px -1088px; } /* Tabs */ ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited, a#play_pause { margin:0; padding:0; border:0; outline:0; list-style:none; float:left; } ul.ui-tabs-nav { /* position:absolute; */ position: relative; bottom:26px; left:815px; z-index:10; padding: 0 5px; background-color: #4a4843; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } a#play_pause { position: relative; bottom:26px; left:815px; z-index:10; padding: 0 5px; background-color: #4a4843; border-top: 1px solid #ccc; } a#play_pause { display: block; height: 25px; width: 12px; background:#4a4843 url(/images/button_pause.gif) no-repeat; background-position: 0px 0px; } li.ui-tabs-nav-item a { display: block; height: 25px; width: 18px; } /* Non-Selected Tabs */ li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited { background:#4a4843 url(/images/rotator_sprite_01.gif) no-repeat; background-position: 0px 0px; } /* Hovered Tab */ #rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active { background:#4a4843 url(/images/rotator_sprite_01.gif) no-repeat; background-position: 0px -27px; } /* Active Tab */ #rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active { background:#4a4843 url(/images/rotator_sprite_01.gif) no-repeat; background-position: 0px -54px; } /* Content Panels */ #rotator { background: url(/images/bg_billboard.png) no-repeat; height: 273px; } #rotator .ui-tabs-panel { /* clear:left; */ height:272px; } #rotator h2 a img { vertical-align:-3px; } #rotator h1, #rotator h2 { width: 450px; } #rotator h1 { font-size: 30px; border: none; line-height: 33px; margin: 0 0 0 0; padding: 90px 40px 0 40px; } #rotator h1 strong { color: #f08253; font-weight: normal; } #rotator h1.punch-line, #rotator h1.sub { margin: 0 0 0 0; padding: 10px 0 0 40px; color: #f08253; } #rotator h1.sub { font-size: 16px; font-weight: bold; padding: 0 0 0 40px; } #rotator h2 { margin: 0 0 0 0; padding: 20px 0 0 40px; border: none; font-weight: normal; } #rotator a { color: #f08253; } #rotator .ui-tabs-hide { display:none; } /***************************************************/ /***************************************************/ /* MAIN NAVIGATION STYLES*/ #header { height: 74px; background: url(/images/bg_header.gif) repeat-x; border-bottom: 4px solid #f08253; } img#logo_image { padding: 17px 44px; background: url(/images/bg_logo.gif) repeat-x; float: left } ul#main_nav { list-style: none; margin: 0; padding: 0; width: 563px; height: 35px; background-color: #65625c; margin-left: 220px; margin-top: 9px; } ul#main_nav li{ float: left; margin: 0; } ul#main_nav a{ display: block; background-color: yellow; } ul#main_nav a#nav_about_us, ul#main_nav a#nav_services, ul#main_nav a#nav_buzz, ul#main_nav a#nav_insight, ul#main_nav a#nav_contact_us { background: url(/images/nav_sprite_01.png) no-repeat; } ul#main_nav a#nav_about_us { width: 118px; height: 35px; background-position: 0px 0px; } ul#main_nav a#nav_services { width: 119px; height: 35px; background-position: -118px 0px; } ul#main_nav a#nav_buzz { width: 94px; height: 35px; background-position: -237px 0px; } ul#main_nav a#nav_insight { width: 108px; height: 35px; background-position: -331px 0px; } ul#main_nav a#nav_contact_us { width: 124px; height: 35px; background-position: -439px 0px; } ul#main_nav a#nav_about_us:hover { background-position: 0px -35px; } ul#main_nav a#nav_services:hover{ background-position: -118px -35px; } ul#main_nav a#nav_buzz:hover { background-position: -237px -35px; } ul#main_nav a#nav_insight:hover { background-position: -331px -35px; } ul#main_nav a#nav_contact_us:hover { background-position: -439px -35px; } ul#main_nav li.selected a#nav_about_us { background-position: 0px -70px; } ul#main_nav li.selected a#nav_services { background-position: -118px -70px; } ul#main_nav li.selected a#nav_buzz { background-position: -237px -70px; } ul#main_nav li.selected a#nav_insight { background-position: -331px -70px; } ul#main_nav li.selected a#nav_contact_us { background-position: -439px -70px; } p#quick_info { font-family: Arial, Verdana, Helvetica, sans-serif; color: #eee; font-size: 11px; margin: 10px 0px 0px 250px; padding: 0; height: 20px; } p#quick_info a { color: #eee; text-decoration: none; } p#quick_info a:hover { text-decoration: underline; } /***************************************************/ /***************************************************/ /* MISC STYLES*/ .fixedHeightContent450 { height:450px; } .leadershipContent { padding-bottom:60px; } /***************************************************/ /***************************************************/ /* SUB NAVIGATION STYLES*/ #sub_nav { } #sub_nav ul{ margin-top: 30px; } #sub_nav li { list-style-type: none; border-bottom: 1px dotted #ccc; margin: 0 20px; padding: 6px 0 6px 10px; font-size: 12px; } #sub_nav li.selected { background: url(/images/arrow_sub_nav_active.gif) no-repeat; } #sub_nav li a, #sub_nav li.selected li a { color: #4a4843; text-decoration: none; } #sub_nav li.selected a, #sub_nav li li.selected a { color: #cb6041; } #sub_nav li a:hover, #sub_nav li.selected a:hover{ text-decoration: underline; color: #cb6041; } #box { display: none; } #sub_nav li ul { margin: 10px 0; padding: 0; } #sub_nav li li { list-style-type: disc; border-bottom: none; font-size: 10px; margin: 0 0 0 16px; padding: 0 0 2px 0; } #sub_nav li li.selected { background: none; } #workshops_list, #packaged_services_list, #bolt_ons_list { display: none; } /***************************************************/ /***************************************************/ /* CALL OUT STYLES */ .call_out_box_1 h3, .call_out_box_2 h3 { background-color: #363836; color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 8px 0 8px 18px; text-transform: uppercase; border-bottom: solid 3px #f08253; } .call_out_box_2 h3 { border-bottom: solid 3px #39bcff; } .call_out_box_1 p, .call_out_box_2 p { color: #d0d0ce; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; line-height: 14px; padding: 10px 20px 0px 18px; margin: 0px; } .call_out_box_1 strong, .call_out_box_1 a, .call_out_box_2 strong, .call_out_box_2 a { color: #fff; } .call_out_box_1, .call_out_box_2, .quote_box { background-color: #626059; padding-bottom: 15px; margin: 0 20px 20px 0; } .quote_box { background: url(/images/bg_quote_box.gif) repeat-x; background-color: #e8f0ea; } .quote_box blockquote { font-family: Georgia, Times New Roman, serif; color: #555; font-size: 12px; line-height: 19px; padding: 10px 20px 0px 18px; margin: 0px; } .quote_box p { font-family: Arial, Verdana, Helvetica, sans-serif; color: #8a8b84; font-size: 10px; line-height: 14px; padding: 10px 20px 0px 18px; margin: 0px; } .quote_box strong { font-size: 11px; color: #333; font-weight: normal; } img.icon_quote { float: left; margin: 3px 12px 10px 0; } /***************************************************/ /***************************************************/ /* FOOTER STYLES */ #footer { height: 60px; background: url(/images/bg_footer.jpg) repeat-x; } #footer p { color: #fff; padding: 10px 0 10px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; } #footer a{ color: #fff; text-decoration: none; } #footer a:hover{ color: #fff; text-decoration: underline; } #footer small { color: #ccc; }