/* Site Layout Styles * Updated: Date @ Time * Author: Firstname Lastname * ---------------------------------------------*/ @import "thickbox.css"; /* -- TOC --------------------------------------- 1. Colors 2. Reset 3. Fix Floats 4. Links 5. Typography 6. Structure */ /* -- COLORS ---------------------------------------*/ /* blue = #003366 */ /* oak red = #da4100 */ /* green = #8b9330 */ /* drk grey = #444444 */ /* white = #ffffff */ /* black = #000000 */ /* -- RESET ---------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* -- FIX FLOATS ---------------------------------------*/ .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } * html .clearfix { height: 1%; } *+ html .clearfix { height: 1%; } /* -- LINKS ---------------------------------------*/ a { color: #444444; text-decoration: none; } a:hover { text-decoration: underline; } /* -- TYPOGRAPHY ---------------------------------------*/ h1, h2, h3, h4, h5 { text-align: left; } p { margin: 0 0 .8em; } /* -- STRUCTURE ---------------------------------------*/ body { color: #444444; font: 62.5%/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } /* -- container -- */ #container { width: 900px; margin: 0 auto; } /* -- header */ #header { height: 104px; background: url(../images/bg.gif) 0 0 no-repeat; } /* logo */ #header h1 { float: left; padding: 15px 4px 0; } /* places */ #header h2 { float: right; padding: 80px 10px 0; } /* -- navigation */ #nav { height: 36px; background: url(../images/bg.gif) 0 -104px no-repeat; } #nav ul { float: left; width: 536px; height: 36px; background: url(../images/btn-nav.gif) 0 0 no-repeat; } #nav li { position: relative; float: left; height: 36px; z-index: 99; } #nav li a { display: block; height: 36px; text-indent: -999em; background-image: url(../images/btn-nav.gif); } /* off state */ #nav li a.home { width: 65px; background-position: -471px 0; } #nav li a.ourfirm { width: 83px; background-position: 0 0; } #nav li a.aop { width: 144px; background-position: -83px 0; } #nav li a.law { width: 61px; background-position: -227px 0; } #nav li a.careers { width: 84px; background-position: -288px 0; } #nav li a.contactus { width: 99px; background-position: -372px 0; } /* over state */ #nav li a.home:hover { width: 65px; background-position: -471px -36px; } #nav li a.ourfirm:hover { width: 83px; background-position: 0 -36px; } #nav li a.aop:hover { width: 144px; background-position: -83px -36px; } #nav li a.law:hover, #nav li a.law-on { width: 61px; background-position: -227px -36px; } #nav li a.careers:hover { width: 84px; background-position: -288px -36px; } #nav li a.contactus:hover, #nav li a.contactus-on { width: 99px; background-position: -372px -36px; } /* dropdown */ #nav ul.sf-menu ul { position: absolute; top: -999em; width: 194px; } #nav ul.sf-menu li li:hover ul, #nav ul.sf-menu li li.sfHover ul { top: 0; left: 194px; } #nav ul.sf-menu ul li { float: left; width: 100%; height: auto; } #nav ul.sf-menu li:hover { visibility: inherit; } #nav ul.sf-menu li:hover ul, #nav ul.sf-menu li.sfHover ul { height: auto; padding: 0 0 7px; top: 36px; left: 0; z-index: 99; background: url(../images/bg-dropdown-corner.png) left bottom no-repeat; } #nav ul.sf-menu li li a { padding: 5px 15px; height: auto; color: #fff; font-size: 1.2em; text-indent: 0; text-decoration: none; } #nav ul.sf-menu li:hover a.ourfirm, #nav ul.sf-menu li.sfHover a.ourfirm { background-position: 0 -36px; } #nav ul.sf-menu li:hover a.aop, #nav ul.sf-menu li.sfHover a.aop { background-position: -83px -36px; } #nav ul.sf-menu li:hover a.law, #nav ul.sf-menu li.sfHover a.law { background-position: -227px -36px; } #nav ul.sf-menu li:hover a.careers, #nav ul.sf-menu li.sfHover a.careers { background-position: -288px -36px; } #nav ul.sf-menu li:hover a.contactus, #nav ul.sf-menu li.sfHover a.contactus { background-position: -372px -36px; } #nav ul.sf-menu li:hover li a, #nav ul.sf-menu li.sfHover li a { background: #da4100; } #nav ul.sf-menu li:hover li a:hover, #nav ul.sf-menu li.sfHover li a:hover { background: #003366; } #nav ul.sf-menu li li:hover a, #nav ul.sf-menu li li.sfHover a { background: #003366; } #nav ul.sf-menu li li:hover li a, #nav ul.sf-menu li li.sfHover li a { background: #da4100; } #nav ul.sf-menu li li span.sf-sub-indicator { display: block; position: absolute; top: 1em; /* ie6 */ right: 1em; width: 4px; height: 8px; text-indent: -999em; overflow: hidden; background: url(../images/icon-arrow.png) no-repeat; } /* search */ #nav form { float: right; width: 195px; padding: 9px 0 0 0; } #nav form input { float: left; width: 108px; padding: 2px 3px; border: 1px solid #ccc; } #nav form button { float: left; width: auto; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; text-indent: -999em; } #nav form button span { position: relative; display: block; width: 63px; height: 20px; margin: -1px 0 0 0; padding: 0; background: url(../images/btn-search.gif) 0 0 no-repeat; white-space: nowrap; } /* -- content */ #content h2 { color: #8b9330; font-size: 2.3em; font-weight: normal; padding-right: 20px; } #content h3 { color: #da4100; font-size: 1.2em; font-weight: bold; margin: 5px 0; } #content h4 { color: #003366; font-size: 1.1em; font-weight: bold; margin: 5px 0; } #content ul li { margin: 0px 15px; } #content li { list-style: disc; padding: 5px 0; } #content a { color: #003366; font-weight: bold; } #content #random_1 { float: left; position: absolute; top: 9px; right: 10px; height: 205px; width: 205px; } #content .record_content { padding: 25px 22px; } #content .record_content .law_table th { padding: 5px; border-right: 1px solid #ccc; width: 20%; } #content .record_content .law_table td { padding-left: 25px; } #content .record_content .border_right { border-right: 1px solid #ccc; } #content .record_content .inner_desc { padding-left: 25px; } #content { position: relative; background: url(../images/bg.gif) 0 -140px; font-size: 1.2em; } #content .record_content_left h2 { color: #8b9330; font-size: 2.1em; font-weight: normal; padding-right: 20px; } #content .record_content_left table { margin-top: 15px;} #content .record_content_left table td { padding: 5px; vertical-align: top; } #content .record_content_left table th { padding: 5px; vertical-align: top; } #content .record_content_left .extra_links { padding: 10px 0 0; } #content .record_content_left .extra_links li { list-style: none; margin: 0px; } #content .record_content_left .extra_links ul li a { padding: 3px 0px 3px 25px; color: #444; } #content .record_content_left .extra_links ul li a.print { background: url(../images/printer.gif) 0 0px no-repeat; } #content .record_content_left { float: left; width: 675px; margin-right: 7px; text-align: justify; } /* files list */ #content .record_content_left ul.files_list { margin: 15px 0 0; padding: 0; } #content .record_content_left ul.files_list li { margin: 0 0 5px; padding: 0; list-style: none; } #content .record_content_left ul.files_list li img { margin-right: 5px; vertical-align: middle; } #content .record_content_right { float: left; width: 192px; margin: 220px 0 0; } #content .record_content_right table { margin: 10px; } #content .record_content_right table .no_wrap { white-space: nowrap; } #content .record_content_right table h3 { vertical-align: top; margin-top: 0px; } #content .record_content_right td { padding: 5px; } #content .record_content_right .contact_bar { width: 200px; height: 35px; background: url(../images/bg.gif) -684px -222px; color: #fff; font-size: 1.5em; font-weight: normal; padding: 2px 0 0 15px; } #content .record_content_right ul { margin: 10px 0 0 18px; } #content .record_content_right .contact_label { font-weight: bold; color: #da4100; } #content .record_content_right .contact_label:after { content: ":"; } /* -- footer */ #footer { padding: 25px 0 15px; background: url(../images/bg.gif) 0 -3186px no-repeat; font-size: 1.1em; } #footer p { float: left; padding: 0 15px; } #footer p.external-link { float: right; } #footer p.external-link a { color: #aaa; } #footer img { vertical-align: middle; } /* -- ENQUIRY FORMS ---------------------------------------*/ form#info_form { margin-bottom: 30px; padding: 0; border: 0; } form#info_form fieldset, form#info_form legend { margin: 0; padding: 0; border: 0; } form#info_form div { margin: 15px 0 0; } form#info_form label { display: block; width: 100%; text-align: left; } form#info_form label:after { content: ":"; } form#info_form input, form#info_form textarea, form#info_form select { margin: 3px 0; width: 246px; } form#info_form textarea { width: 250px; height: 60px; } form#info_form br { clear: left; } form#info_form .cancel { display: none; } form#info_form { position: relative; padding: 0; } form#info_form #form_info_buttons { position: absolute; left: 0; } form#info_form fieldset fieldset div { background: none; } form#info_form .submit { float: right; margin: 0; width: auto; } .form-link { padding-left: 5px; width: 300px; }