@charset "utf-8"; /* CSS Document */ @import url("css/reset.css"); @import url("css/style_forms.css"); /* = SiTE COLORS ------------------------------------------------------------------*/ /* = GLOBAL STYLES ------------------------------------------------------------------*/ a { text-decoration:none; color: #000; } /* TODO: Change color to site specific*/ a:hover{ text-decoration: none; color: #522110; } /* TODO: Change color to site specific*/ .hidden{ display: none; } .clear{ clear: both; } .left{ float: left; } .right{ float: right; } strong{ font-weight: bold; } em{ font-style: italic; font-weight: bold; color: #522110; } /* Clears floated children elements */ .clear-inner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Make IE track elements (makes hasLayout = 1) */ .clear-inner{ display: inline-block; } .clear-inner{ display: block; } h1, h2, h3, h4, h5, h6 { color: #1B3E51; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}/* TODO: Change color to site specific*/ /* = PAGE LAYOUT ------------------------------------------------------------------*/ body { background: url(images/bg_slice.gif) repeat-x left top scroll; } #wrapper { margin: 0 auto; } #header_container { background: url(images/header_bg.jpg) no-repeat center top scroll; height: 327px; width: 1058px; position: relative; left: 8px; margin: 0 auto; } #header { margin: 0 auto; } #logo { text-indent: -9000px; display: inline; } h1#logo a { padding-top: 6px; margin-left: 50px; display: block; height: 223px; width: 286px; } #main_nav { margin: 52px auto 0 90px; } #main_nav li { float: left; text-indent: -9000px; position: relative; z-index:201; } #main_nav li a { display: block; height: 45px; width: 150px; } /*drop-down*/ #main_nav li ul { display: none; position: absolute; top: 45px; left: 27px; width: 170px; z-index: 200; } /* Show/hide menus */ #main_nav li.m_hover ul, #main_nav li:hover ul { display: block;} /* Anchor styles */ #main_nav li ul li{ position: relative; z-index: 202; width: 170px; float: left; margin-left: 0px; text-indent: 0; border-top: 1px solid #777; } #main_nav li ul li a { display: block; padding: 3px 3px 3px 6px; background-image: none !important; border: none !important; color: #FFF !important; margin: 0; height: auto; background-color: #1B3E51 !important; width: 161px; float: left;} #main_nav li ul li a:hover { background-color: #5C2F18 !important; color: #FFF !important; } #main_nav li.fifth ul { left: 5px; } #main_nav li.second ul { left: 4px; } #main_nav li.third ul { left: 7px; } #main_nav li.fourth ul { left: 10px; } #main_nav li.first { margin-right: 22px; } #main_nav li.first a { background: url(images/nav_sprite.jpg) no-repeat 22px 0px scroll; } #main_nav li.first a:hover { background: url(images/nav_sprite.jpg) no-repeat 22px -45px scroll; } #main_nav li.first:hover a { background-position: 22px -45px; } #main_nav li.first a:active { background: url(images/nav_sprite.jpg) no-repeat 22px -90px scroll; } #main_nav li.second { margin-right: 21px; } #main_nav li.second a { background: url(images/nav_sprite.jpg) no-repeat -170px 0px scroll; } #main_nav li.second a:hover { background: url(images/nav_sprite.jpg) no-repeat -170px -45px scroll; } #main_nav li.second:hover a { background-position: -170px -45px; } #main_nav li.second a:active { background: url(images/nav_sprite.jpg) no-repeat -170px -90px scroll; } #main_nav li.third { margin-right:10px } #main_nav li.third a { background: url(images/nav_sprite.jpg) no-repeat -340px 0px scroll; } #main_nav li.third a:hover { background: url(images/nav_sprite.jpg) no-repeat -340px -45px scroll; } #main_nav li.third:hover a { background-position: -340px -45px; } #main_nav li.third a:active { background: url(images/nav_sprite.jpg) no-repeat -340px -90px scroll; } #main_nav li.fourth { margin-right: 19px; } #main_nav li.fourth a { background: url(images/nav_sprite.jpg) no-repeat -510px 0px scroll; } #main_nav li.fourth a:hover { background: url(images/nav_sprite.jpg) no-repeat -510px -45px scroll; } #main_nav li.fourth:hover a { background-position: -510px -45px; } #main_nav li.fourth a:active { background: url(images/nav_sprite.jpg) no-repeat -510px -90px scroll; } #main_nav li.fifth a { background: url(images/nav_sprite.jpg) no-repeat -679px 0px scroll; } #main_nav li.fifth a:hover { background: url(images/nav_sprite.jpg) no-repeat -679px -45px scroll; } #main_nav li.fifth:hover a { background-position: -679px -45px; } #main_nav li.fifth a:active { background: url(images/nav_sprite.jpg) no-repeat -679px -90px scroll; } #main_content_container { background: url(images/main_bg.jpg) no-repeat center 2px scroll; margin: 0 auto 0 15px; } #main_content { margin: 0 auto; overflow: auto; width: 933px; } div#col_main { margin-left: 19px; margin-top: 19px; width: 668px; } #col_side { } #service_locations { background: url(images/service_locations.jpg) no-repeat scroll left top; height: 194px; width: 223px; } #contact_info { background: url(images/contact_info.jpg) no-repeat scroll left top; height: 325px; width: 223px; } #footer_container { clear: right; width: 950px; margin: 0 auto; } #footer { clear: both; margin-bottom: 30px; } #sub_nav { background-color: #1B3E51; overflow: auto; margin: 0 auto; width: 950px; } #sub_nav ul { float: right; padding: 2px 0px; margin-right: 7px; } #sub_nav ul li { margin-right: 9px; float: left; font-size: 9pt; font-weight: bold; } #sub_nav ul li a { color: #FFF; } #sub_nav ul li a:hover { color: #C7C4C3; } #footer p { margin-top: 10px; margin-left: 10px; color: #878483; } div#home_pop_up { display: none; } #sbox-content div#home_pop_up { display: block; } .google-map-link { background-color: #522110; padding: 3px 5px; color: #FFF; } a.google-map-link:hover { background-color: #1B3E51; color: #FFF; } /* = PAGE SPECiFiC STYLES ------------------------------------------------------------------*/ body.home div.auto-accident-law { background: url(images/auto_accident_law.jpg) no-repeat scroll left top; height: 133px; margin-top: 10px; margin-left: 28px; width: 655px; } body.home .practice-areas { background: url(images/practice_areas_bg.jpg) no-repeat scroll left top; height:227px; margin-left: 35px; width: 632px; margin-bottom: 10px; float: left; } body.home div.practice-areas a {display:block; height:46px; margin-left:448px; margin-top:115px; width:174px; } body.home div#col_main { margin-left: 0px; } body.home div#col_main p { width: 630px; margin-left: 46px; clear: both; } body.about-us div.about-us { background: url(images/bios_bg.jpg) no-repeat scroll center top; height: 264px; width: 671px; } body.about-us div#col_main div.left, body.about-us div#col_main div.right { margin-top: 49px; width: 181px; font-size: 9pt; line-height: 1.3em; text-align: justify; } body.what-we-do div.auto-accidents { background: url(images/auto_accidents.jpg) no-repeat scroll left top; height: 254px; width: 626px; } body.what-we-do div.insurance-coverage{ background: url(images/insurance_coverage.jpg) no-repeat scroll left top; height: 212px; width: 260px; } body.what-we-do div.fair-compensation { background: url(images/fair_compensation.jpg) no-repeat scroll left top; height: 221px; width: 258px; clear: left; } body.home div.fair-compensation { background: url(images/fair_compensation.jpg) no-repeat scroll left top; height: 221px; width: 258px; clear: left; } body.home p.fair-compensation-text { margin-bottom: 10px; } body.home #sbox-content a { background-color: #522110; padding: 3px 5px; color: #FFF; } body.home #sbox-content a:hover { background-color: #1B3E51; color: #FFF; } body.what-we-do div.auto-accidents p { width: 406px; line-height: 1.3em; padding-top: 62px; text-align: justify; } p.insurance-coverage-text, p.fair-compensation-text { margin-left: 270px; width: 402px; line-height: 1.3em; text-align: justify; } body.what-we-do p.insurance-coverage-text { margin-top: 30px; } p.fair-compensation-text { margin-top: 35px; } body.contact-us p { width: 671px; } table.maps td { padding-top: 10px; } body.parent-about-us #main_nav li.first a{ background: url(images/nav_sprite.jpg) no-repeat 22px -90px scroll; } body.parent-what-we-do #main_nav li.second a{ background: url(images/nav_sprite.jpg) no-repeat -170px -90px scroll; } body.parent-contact-us #main_nav li.third a{ background: url(images/nav_sprite.jpg) no-repeat -340px -90px scroll; } body.parent-locations #main_nav li.fourth a{ background: url(images/nav_sprite.jpg) no-repeat -510px -90px scroll; } body.parent-more #main_nav li.fifth a{ background: url(images/nav_sprite.jpg) no-repeat -679px -90px scroll; } body.more .pagenav a { list-style: disc; font-size: 13pt; } /*lightbox css*/ #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } #sbox-overlay { position: absolute; background-color: #000; } #sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(images/closebox.png) no-repeat center; border: none; } .sbox-window-ie6 #sbox-btn-close { background-image: url(images/closebox.png); } .sbox-loading #sbox-content { background-image: url(spinner.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; } .sbox-content-iframe#sbox-content { overflow: visible; } .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; }