/* ----------------------------------------------- Project: Solidea || Main Style Sheet Author: Freshthrills, llc Start Date: 2/20/09 ----------------------------------------------- */ /* Global Tag Styles */ body { font-family: arial, helvetica, verdana; background-color: #fff; color: #666; margin: 0; padding: 0; } p { margin: 0; padding: 0; font-size: 11px; line-height: 16px; } p em { font-style: normal; font-weight: bold; } a { text-decoration: none; font-size: 11px; color: #0466a0; } a:hover { text-decoration: underline; } :focus { outline: none; } ul, li { list-style: none; margin: 0; padding: 0; } /* Typography Styles */ h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; } .type_title { } .type_subtitle { font-size: 14px; color: #0466a0; } .type_page_header { } .type_box_title { font-size: 14px; color: #63778d; padding-bottom:10px; } .type_body { padding-bottom: 10px; line-height: 16px; } .type_caption { } .type_paraheader { } /* Layout Structure */ .clear { height: -1px; clear: both; } #wrapper { width: 100%; text-align: center; background: #d7dcdd url('../images/site_bg.jpg') repeat-x top left; } #container { width: 917px; text-align: left; margin: 0 auto; background-color: #fff; } #header { } #logo_hitarea { } #content { } #tier_1 { padding-top: 120px; background-color: #f6f6f6; } #tier_2 { } #footer { padding: 12px 0; text-align: center; background: #fff url('../images/footer_shadow.jpg') repeat-x top left; } #footer * { font-size: 10px; } #footer #footer_content { width: 917px; text-align: left; margin: 0 auto; } #footer #footer_nav { } #footer #footer_nav ul li { float: left; } #footer #footer_nav #primary { float: left; width: 630px; margin-bottom: 10px; } #footer #footer_nav #primary li a { color: #406e89; padding: 3px; } #footer #footer_nav #primary li em { color: #ccc; font-style: normal; padding: 3px; } #footer #footer_nav #secondary { float: right; width: 285px; } #footer #footer_nav #secondary li { float: right; } #footer #footernav_partner_login a { font-weight: bold; color: #e7871f !important; } #footer #footernav_careers { } #footer #footernav_contact a { font-weight: bold; color: #e7871f !important; } #footer #footernav_provacy { } #footer #footernav_linkedin_profile a { display: block; background: url('../images/icon_linkedin.gif') no-repeat top left; color: #39494f; padding: 2px 12px 2px 22px; } #footer #footernav_twitter_profile a { display: block; background: url('../images/icon_twitter.gif') no-repeat top left; color: #39494f; padding: 2px 0 2px 22px; } #footer #copyright { float: left; color: #999; padding-left: 3px; height: 35px; } #footer #credit { float: right; color: #999 !important; } #footer #credit a { color: #999 !important; } /* Navigation */ #header { position: relative; height: 0px; background-color: #333; } #header #logo_hitarea { position: absolute; top: 24px; left: 30px; display: block; width: 140px; height: 83px; background: url('../images/logo.gif') no-repeat top left; } #main_navigation { } #main_navigation ul { } #main_navigation li { float: left; } #main_navigation li a { display: block; width: 93px; height: 67px; } #main_navigation li a span { display: none; } #nav_about_us { z-index: 1; position: absolute; top: 19px; left: 318px; width: 93px; overflow: hidden; } #nav_about_us .nav_group { position: relative; width: 188px; } #nav_about_us .nav_group .item { position: relative; top: 0; left: 0; } #nav_about_us .nav_group .subitem { height: 20px; width: 188px; position: absolute; left: 93px; } #nav_about_us .nav_group .subitem span { display: none; } #nav_about_us .nav_group #nav_whoweare { top: 0; height: 26px; background: url("../images/nav_whoweare.gif") no-repeat top left; } #nav_about_us .nav_group #nav_whatwedo { top: 26px; height: 20px; background: url("../images/nav_whatwedo.gif") no-repeat top left; } #nav_about_us .nav_group #nav_ourpeople { top: 46px; height: 21px; background: url("../images/nav_ourpeople.gif") no-repeat top left; } #nav_about_us .nav_group #nav_whoweare:hover, #nav_about_us .nav_group #nav_whoweare.selected { background-position: 0px -26px !important; } #nav_about_us .nav_group #nav_whatwedo:hover, #nav_about_us .nav_group #nav_whatwedo.selected { background-position: 0px -20px !important; } #nav_about_us .nav_group #nav_ourpeople:hover, #nav_about_us .nav_group #nav_ourpeople.selected{ background-position: 0px -21px !important; } #nav_about_us.selected { left: 224px; width: 188px; } #nav_services { z-index: 2; position: absolute; top: 19px; left: 413px; } #nav_portfolio { z-index: 3; position: absolute; top: 19px; left: 508px; } #nav_whats_new { z-index: 4; position: absolute; top: 19px; left: 603px; } #nav_contact { z-index: 5; position: absolute; top: 19px; left: 698px; } #nav_partner_login { z-index: 6; position: absolute; top: 19px; left: 793px; } #nav_about_us a.item { background: url('../images/nav_about_us.gif') no-repeat top left; } #nav_services a.item { background: url('../images/nav_services.gif') no-repeat top left; } #nav_portfolio a.item { background: url('../images/nav_portfolio.gif') no-repeat top left; } #nav_whats_new a.item { background: url('../images/nav_whats_new.gif') no-repeat top left; } #nav_contact a.item { background: url('../images/nav_contact.gif') no-repeat top left; } #nav_partner_login a.item { background: url('../images/nav_partner_login.gif') no-repeat top left; } #main_navigation ul li a.item:hover { background-position: 0px -67px !important; } #main_navigation ul li a.item.selected { background-position: 0px -134px !important; } #main_navigation ul #nav_partner_login a.item.selected { background-position: 0px -67px !important; } /* Partner Login Area */ #partner_login_area { z-index: 1000; display: none; background-color: #e1e4e5; padding: 0 0 20px 0; position: absolute; top: 88px; left: 631px; width: 255px; height: 148px; } #partner_login_area .type_subtitle { background-color: #b9ccd7; padding: 6px 20px 6px 20px; margin-bottom: 10px; } #partner_login_area .entry { margin: 0px 20px 5px 20px; } #partner_login_area .entry h4 { font-weight: bold; font-size: 11px; color: #666; padding-bottom: 3px; } #partner_login_area .text, #partner_login_area .password { border: 1px solid #aaa; width: 200px; padding: 2px; color: #999; font-size: 11px; } #partner_login_area #btn_submit { display: block; width: 30px; color: #e7871f; font-weight: bold; font-size: 12px; padding: 5px 20px 5px 33px; background: url('../images/icon_orange_arrow_right.gif') no-repeat; background-position: 22px 8px; } #partner_login_area #invalid_login { display: none; font-weight: bold; color: #cc0000; position: absolute; top: 136px; left: 91px; } /* ----------------------------------------------- Page Styles ----------------------------------------------- */ /* Home Page */ #home #tier_1 { padding: 163px 0 0 30px; height: 189px; background: #f6f6f6 url('../images/home_main_photo.jpg') no-repeat top left; } #home #tier_1 h1 { width: 594px; height: 152px; background: url('../images/home_main_copy.gif') no-repeat top left; } #home #tier_1 h2, #home #tier_1 h1 span { display: none; } #home #tier_2 { height: 295px; background-color: #c9d0d4; } #home #tier_2 table td { padding-left: 136px; } /* */ /* About Pages */ /* */ /* Who We Are */ #whoweare #tier_1 { padding: 135px 0 28px 317px; } #whoweare #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_who_we_are.gif') no-repeat top left; } #whoweare #tier_1 h1 span { display: none; } #whoweare #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #whoweare #tier_2 { height: 285px; background: #fff url('../images/whoweare_infographic.gif') no-repeat top left; } #whoweare #tier_3 { height: 100px; background-color: #f6f6f6; } /* What We Do */ #whatwedo #tier_1 { padding: 135px 0 28px 317px; } #whatwedo #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_what_we_do.gif') no-repeat top left; } #whatwedo #tier_1 h1 span { display: none; } #whatwedo #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #whatwedo #tier_2 { height: 346px; background: #fff url('../images/whatwedo_infographic.gif') no-repeat top left; background-position: 37px 10px; } #whatwedo #tier_3 { height: 70px; background-color: #f6f6f6; } #whatwedo #tier_3 p { width: 545px; } /* Bios 6up */ #bios #tier_1 { padding: 135px 0 17px 317px; } #bios #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_our_people.gif') no-repeat top left; } #bios #tier_1 h1 span { display: none; } #bios #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #bios #tier_2 { position: relative; min-height: 250px; _height: 250px; background-color: #e1e1e1; overflow: hidden; } #bios #tier_2 #bio_group { position: absolute; z-index: 99; width: 1500px; top: 30px; left: 24px; } #bios #tier_2 #back_area { display: none; z-index: 98; position: absolute; top: 0; left: 0; width: 1200px; height: 300px; background-color: #fff; } #bios #tier_2 #reset_bios { display: none; position: absolute; width: 100px; height: 30px; z-index: 103; top: 207px; left: 30px; text-transform: uppercase; font-size: 10px; font-weight: bold; padding: 0 0 0 12px; background: url('../images/icon_blue_arrow_left.gif') no-repeat top left; } #bios #tier_2 .bio_box { width: 122px; margin-right: 27px; float: left; } #bios #tier_2 a.bio_photo { display: block; width: 98px; height: 112px; margin-bottom: 0px; } #bios #tier_2 a.bio_photo:hover { background-position: 0px -112px !important; } #bios #tier_2 .type_caption { background-color: #fff; padding: 5px 9px; } #bios #tier_2 .type_caption a { font-size: 10px; } #bios #tier_2 .type_box_title { font-size: 14px; color: #666; } #bios #tier_2 .bio_copy { display: none; } #bios #tier_2 .bio_box.selected a.bio_photo { background-position: 0px -112px !important; cursor: default; } #bios #tier_2 .bio_box.selected .type_caption { background-color: #e1e1e1; } #bios #tier_2 .bio_box.selected .type_box_title { color: #0466a0; } #bios .spacer { display: none; position: absolute; z-index: 1000; width: 125px; height: 200px; background: #333; } #bios #bio_1 .bio_photo { background: url('../images/bio_randall_kane.jpg') no-repeat top left; } #bios #bio_2 .bio_photo { background: url('../images/bio_doug_locke.jpg') no-repeat top left; } #bios #bio_3 .bio_photo { background: url('../images/bio_eric_baum.jpg') no-repeat top left; } #bios #bio_4 .bio_photo { background: url('../images/bio_nicole_ru.jpg') no-repeat top left; } #bios #bio_5 .bio_photo { background: url('../images/bio_celina_belizan.jpg') no-repeat top left; } #bios #bio_6 .bio_photo { background: url('../images/bio_justin_anderson.jpg') no-repeat top left; } #bios #tier_3 { position: relative; height: 200px; background-color: #f6f6f6; } #bios #tier_3 #bio_copy_area { display: none; z-index: 100; position: absolute; width: 520px; top: -246px; left: 293px; background-color: #fff; padding: 20px 25px; } /* Services */ #services #tier_1 { padding: 135px 0 28px 317px; } #services #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_services.gif') no-repeat top left; } #services #tier_1 h1 span { display: none; } #services #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #services #tier_2 { padding: 0 0 25px 30px; background-color: #f6f6f6; } #services .feature_box { color: #39494f; width: 262px; float: left; margin-right: 25px; } #services .feature_box img { margin-bottom: 1px; } #services .feature_box .type_caption { min-height: 81px; _height: 81px; padding: 11px 15px 17px 15px; background-color: #e1e4e5; } #services #feature_1 { } #services #feature_2 { } #services #feature_3 { } #services #tier_3 { padding: 0 0 50px 317px; background-color: #f6f6f6; } #services #tier_3 h3 { width: 566px; padding-top: 20px; border-top: 1px solid #dfdfdf; margin-bottom: 10px; } #services #tier_3 p { width: 545px; } #services #tier_3 #submit_ideas { padding: 0 0 0 12px; background: url('../images/icon_blue_arrow_right.gif') no-repeat top left; } /* Portfolio */ #portfolio #container, #portfolio #content { background-color: #f6f6f6; } #portfolio #column_a { padding: 152px 57px 30px 30px; float: left; width: 230px; background-color: #f6f6f6; } #portfolio #column_b { padding-top: 120px; float: left; width: 600px; background-color: #f6f6f6; } #portfolio #tier_1 { padding: 0; } #portfolio #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_portfolio.gif') no-repeat top left; } #portfolio #tier_1 h1 span { display: none; } #portfolio #tier_1 p.type_body { font-size: 15px; line-height: 20px; width: 545px; margin-bottom: 20px; } #portfolio #column_a h2.type_subtitle { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 16px; } #portfolio #column_a p.type_body { margin-bottom: 15px; } #portfolio #column_a a { display: block; font-size: 13px; line-height: 20px; } #portfolio #tier_2 { margin-bottom: 30px; } #portfolio #accordion .accordion_container { clear: both; padding-bottom: 6px; width: 564px; } #portfolio #accordion .accordion_header, #portfolio #accordion .accordion_content { clear: both; } #portfolio #accordion .accordion_header { margin-bottom: 2px; } #portfolio #accordion .accordion_header img { cursor: pointer; } #portfolio #accordion .accordion_content { overflow: hidden; width: 528px; padding: 14px 18px; background-color: #e1e4e5; margin-bottom: 5px; } #portfolio #accordion .folio_photo { width: 262px; float: left; margin-right: 2px; } #portfolio #accordion .folio_snippet { padding: 11px 18px; background-color: #e1e4e5; height: 115px; width: 264px; float: left; } #portfolio #accordion .folio_snippet .type_box_title { padding-bottom: 4px; } #portfolio #accordion .folio_snippet .type_caption { padding-bottom: 3px; } #portfolio #accordion ul { float: none; width: 500px; margin-bottom: 15px; } #portfolio #accordion li { font-size: 11px; line-height: 16px; color: #666; list-style-image: url("../images/icon_gray_bullet.gif"); margin-left: 15px; } /* Portfolio #portfolio #tier_1 { padding: 135px 0 12px 317px; } #portfolio #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_portfolio.gif') no-repeat top left; } #portfolio #tier_1 h1 span { display: none; } #portfolio #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #portfolio #tier_2 { position: relative; height: 308px; padding: 0; background-color: #f6f6f6; overflow: hidden; } #portfolio #tier_2 #back_area { display: none; z-index: 98; position: absolute; top: 0; left: 0; width: 1200px; height: 400px; background-color: #fff; } #portfolio #tier_2 #reset_items { display: none; position: absolute; width: 100px; height: 30px; z-index: 103; top: 240px; left: 40px; text-transform: uppercase; font-size: 10px; font-weight: bold; padding: 0 0 0 12px; background: url('../images/icon_blue_arrow_left.gif') no-repeat top left; } #portfolio #feature_group { position: absolute; top: 14px; left: 30px; z-index: 99; width: 1500px; } #portfolio .feature_box { color: #39494f; width: 262px; float: left; margin-right: 25px; } #portfolio .feature_box img { margin-bottom: 1px; } #portfolio .feature_box .type_caption { font-size: 11px; height: 98px; padding: 11px 15px 19px 15px; background-color: #e1e4e5; line-height: 14px; } #portfolio .feature_box .learn_more { display: block; margin-top: 6px; font-size: 11px; font-weight: bold; padding: 0 0 0 12px; background: url('../images/icon_blue_arrow_right.gif') no-repeat top left; background-position: 0px 1px; } #portfolio .feature_box .item_copy { display: none; } #portfolio #tier_2 .feature_box.selected .type_caption { display: none; } #portfolio #tier_2 .feature_box.selected .type_box_title { color: #0466a0; } #portfolio #feature_1 { } #portfolio #feature_2 { } #portfolio #feature_3 { } #portfolio #tier_3 { position: relative; min-height: 100px; _height: 100px; padding: 23px 0 50px 0px; background-color: #f6f6f6; } #portfolio #tier_3 #full_portfolio { margin-left: 317px; } #portfolio #tier_3 h3 { width: 566px; padding-top: 20px; border-top: 1px solid #dfdfdf; margin-bottom: 10px; } #portfolio #tier_3 p { width: 545px; } #portfolio #tier_3 ul { width: 287px; float: left; } #portfolio #tier_3 ul li { font-size: 12px; margin-bottom: 4px; color: #63778d; font-size: 11px; } #portfolio #tier_3 ul li a { color: #63778d; } #portfolio #tier_3 #featured_item_copy_area { display: none; z-index: 100; position: absolute; min-height: 400px; _height: 400px; width: 540px; top: -304px; left: 293px; background-color: #fff; padding: 32px 25px 10px 25px; } #portfolio #tier_3 #featured_item_copy_area p { width: auto; } #portfolio #tier_3 #featured_item_copy_area ul { float: none; width: 500px; margin-bottom: 15px; } #portfolio #tier_3 #featured_item_copy_area li { color: #666; list-style-image: url("../images/icon_gray_bullet.gif"); margin-left: 15px; } */ /* What's New */ #whats_new #tier_1 { padding: 135px 0 28px 317px; } #whats_new #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_whats_new.gif') no-repeat top left; } #whats_new #tier_1 h1 span { display: none; } #whats_new #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #whats_new #tier_2 { padding: 0 0 150px 30px; background-color: #f6f6f6; } #whats_new #tier_2 .column { float: left; width: 232px; margin-right: 55px; } #whats_new #tier_2 #latest_news { width: 263px; margin-right: 40px; } #whats_new #tier_2 #press { width: 263px; margin-right: 0px; } #whats_new .feature_box { color: #39494f; width: 231px; } #whats_new .feature_box img { margin-bottom: 1px; } #whats_new .feature_box .type_caption { padding: 11px 15px 17px 15px; background-color: #e1e4e5; } #whats_new .column h2.type_subtitle { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } #whats_new .column .news_title { padding-top: 9px; } #whats_new .column a, #whats_new .column h3 { color: #63778d; font-size: 12px; line-height: 16px; } #whats_new .column .date { color: #666; font-size: 10px; line-height: 14px; padding-bottom: 9px; } #whats_new #milestones .date { padding-bottom: 13px; } #whats_new #press .date { padding-bottom: 20px; } #whats_new .column .news_item, #whats_new .column .press_item { border-bottom: 1px solid #e5e5e5; } #whats_new .column .news_item .type_body, #whats_new .column .press_item .type_body { padding-bottom: 19px; } #whats_new #latest_news { position: relative; } #whats_new #latest_news .rss { position: absolute; top: 3px; left: 240px; width: 28px; height: 15px; background: url('../images/icon_rss.gif') no-repeat top left; } #whats_new #latest_news .rss span { display: none; } /* What's New 2010 */ #whats_new_2010 #tier_1 { padding: 135px 0 28px 317px; } #whats_new_2010 #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_whats_new.gif') no-repeat top left; } #whats_new_2010 #tier_1 h1 span { display: none; } #whats_new_2010 #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #whats_new_2010 #tier_2 { padding: 0 0 150px 30px; background-color: #f6f6f6; } #whats_new_2010 #tier_2 .column { float: left; width: 232px; margin-right: 55px; } #whats_new_2010 #tier_2 #latest_news { float: right; width: 565px; margin-right: 35px; } #whats_new_2010 #tier_2 #archive { float: right; width: 565px; margin-right: 35px; } #whats_new_2010 .feature_box { color: #39494f; width: 231px; } #whats_new_2010 .feature_box img { margin-bottom: 1px; } #whats_new_2010 .feature_box .type_caption { padding: 5px 10px 9px; background-color: #e1e4e5; line-height: 15px; } #whats_new_2010 .milestone_item { padding: 10px 0; border-bottom: 1px solid #e5e5e5; } #whats_new_2010 .column h2.type_subtitle { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } #whats_new_2010 .column .news_item { padding-top: 9px; } #whats_new_2010 .archive_item .image, #whats_new_2010 #latest_news .image { display: block; float: left; width: 93px; margin-right: 22px; } #whats_new_2010 .archive_item .archive_item_copy, #whats_new_2010 #latest_news .news_item_copy{ float: left; width: 420px; } #whats_new_2010 .column a, #whats_new_2010 .column h3 { color: #63778d; font-size: 16px; line-height: 20px; } #whats_new_2010 .column p { font-size: 12px; line-height: 18px; } #whats_new_2010 #content, #whats_new_2010 #milestones, #whats_new_2010 #latest_news { background-color: #F6F6F6; } #whats_new_2010 #milestones a, #whats_new_2010 #milestones h3 { color: #63778d; font-size: 12px; line-height: 16px; } #whats_new_2010 #milestones p { font-size: 11px; } #whats_new_2010 .column .date { color: #666; font-size: 10px; line-height: 14px; padding-bottom: 9px; } #whats_new_2010 #milestones .date { padding-bottom: 13px; } #whats_new_2010 #archive .date { padding-bottom: 0; } #whats_new_2010 #archive .archive_item { padding-right: 50px; } #whats_new_2010 #archive .type_subtitle { margin-bottom: 10px; } #whats_new_2010 .archive_item { padding-bottom: 18px; } #whats_new_2010 .column .news_item { border-bottom: 1px solid #e5e5e5; } #whats_new_2010 .column .last_item { border: 0; } #whats_new_2010 #latest_news { margin-bottom: 20px; } #whats_new_2010 .column .news_item .type_body, #whats_new_2010 .column .press_item .type_body { padding-bottom: 19px; } #whats_new_2010 #latest_news { position: relative; } #whats_new_2010 #latest_news .rss { display: none; position: absolute; top: 3px; left: 240px; width: 28px; height: 15px; background: url('../images/icon_rss.gif') no-repeat top left; } #whats_new_2010 #latest_news .rss span { display: none; } /* Contact */ #contact #tier_1 { padding: 135px 0 28px 317px; } #contact #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_contact.gif') no-repeat top left; } #contact #tier_1 h1 span { display: none; } #contact #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #contact #tier_2 { padding: 0 0 250px 30px; background-color: #f6f6f6; } #contact #tier_2 .column { float: left; } #contact .column h2.type_subtitle { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 16px; } #contact #contacts.column { width: 220px; margin-right: 68px; } #contact #address.column { width: 177px; margin-right: 22px; } #contact #directions.column { width: 370px; } #contact #contacts .contact_item { border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; margin-bottom: 9px; } #contact #contacts .contact_item .dept { font-weight: bold; padding: 0; } #contact #contacts .contact_item .name { padding: 0; } #contact #contacts .contact_item a { padding: 0; } #contact #address p.type_body { padding-bottom: 1px; } #contact #address p.type_body .name, #contact #address p.type_body .value { display: block; float: left; } #contact #address p.type_body .name { width: 30px; } #contact #address p.type_body .value { width: 138px; } #contact #directions #map { margin-bottom: 8px; } #contact #directions #google_directions { } /* Privacy Policy */ #privacy #tier_1 { padding: 135px 0 50px 317px; } #privacy #tier_1 h3 { margin-bottom: 15px; } #privacy #tier_1 h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; } #privacy #tier_1 p.type_body { line-height: 18px; width: 550px; } /* Portfolio Pages */ /* Convos, Fone2Fone, Pogby, Dubset */ #single_company #tier_1 { padding: 135px 0 12px 317px; } #single_company #tier_1 h1 { width: 300px; height: 30px; margin-bottom: 0; background: url('../images/header_portfolio.gif') no-repeat top left; } #single_company #tier_1 h1 span { display: none; } #single_company #tier_1 p.type_body { font-size: 12px; line-height: 17px; width: 545px; } #single_company #tier_2 { position: relative; height: 450px; padding: 0; background-color: #fff; overflow: hidden; } #single_company #tier_2 #reset_items { position: absolute; width: 100px; height: 30px; z-index: 103; top: 240px; left: 40px; text-transform: uppercase; font-size: 10px; font-weight: bold; padding: 0 0 0 12px; background: url('../images/icon_blue_arrow_left.gif') no-repeat top left; } #single_company #feature_group { position: absolute; top: 14px; left: 30px; z-index: 99; width: 1500px; } #single_company #feature_group .item_copy ul { margin-bottom: 15px; } #single_company #feature_group .item_copy ul li { font-size: 11px; padding-bottom: 3px; } #single_company .feature_box { color: #39494f; width: 262px; float: left; margin-right: 25px; } #single_company .feature_box img { margin-bottom: 1px; } #single_company .feature_box .type_caption { font-size: 11px; height: 98px; padding: 11px 15px 19px 15px; background-color: #e1e4e5; line-height: 14px; } #single_company .feature_box .learn_more { display: block; margin-top: 6px; font-size: 11px; font-weight: bold; padding: 0 0 0 12px; background: url('../images/icon_blue_arrow_right.gif') no-repeat top left; background-position: 0px 1px; } #single_company .feature_box .item_copy { display: block; padding: 20px 0px 0px 0px; position: absolute; top: 0px; left: 287px; min-height: 450px; _height: 450px; width: 540px; } #single_company #tier_3 { position: relative; min-height: 100px; _height: 100px; padding: 23px 0 50px 0px; background-color: #f6f6f6; } #single_company .feature_box ul { float: none; width: 500px; margin-bottom: 15px; } #single_company .feature_box li { font-size: 11px; line-height: 16px; color: #666; list-style-image: url("../images/icon_gray_bullet.gif"); margin-left: 15px; }