body { height: 100%; background: #151208; margin-top: 0; margin-left: 0;} /************************ header ************************/ #header { width: 800px; margin: 0 auto; background: #fff; } #header h1#logo { padding: 0; margin: 0; width: 200px; height: 281px; float: left; display: block; text-indent: -999em; background: transparent url('../images/all/logo.gif') no-repeat 10px 10px; } #header div#banner { padding: 0; margin: 0; width: 600px; height: 281px; float: left; display: block; text-indent: -999em; } #header div#banner.Home { background: transparent url('../images/banners/three.jpg') no-repeat 0 0; } #header div#banner.HomeChris { background: transparent url('../images/banners/chris.jpg') no-repeat 0 0; } #header div#banner.HomeCarter { background: transparent url('../images/banners/andrew.jpg') no-repeat 0 0; } #header div#banner.HomeGroup { background: transparent url('../images/banners/group4.jpg') no-repeat 0 0; } #header div#banner.HomeMeub { background: transparent url('../images/banners/meub2.jpg') no-repeat 0 0; } #header div#banner.HomeErin { background: transparent url('../images/banners/erin2.jpg') no-repeat 0 0; } #header div#banner.Attorneys { background: transparent url('../images/banners/attorneys.jpg') no-repeat 0 0; } #header div#banner.Practice.Areas { background: transparent url('../images/banners/group.jpg') no-repeat 0 0; } #header div#banner.Contact.Us { background: transparent url('../images/banners/contact.jpg') no-repeat 0 0; } #header h2.headline { padding: 0; margin: 0 auto; background: url('../images/all/tagline.gif') no-repeat 0 24px; width: 344px; height: 55px; display: block; text-indent: -999em;} #header ul#mainnav { padding: 0; margin: 0; list-style: none; } #header ul#mainnav li { display: block; float: left; margin: 0; padding: 0; } #header ul#mainnav li#home a { width: 100px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -1px -112px; display: block; text-indent: -999em; } #header ul#mainnav li#home a:hover { width: 100px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -1px -56px; display: block; text-indent: -999em; } #header ul#mainnav li#home.active a { width: 100px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -1px 0px; display: block; text-indent: -999em; } #header ul#mainnav li#attorneys a { width: 124px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -106px -112px; display: block; text-indent: -999em; } #header ul#mainnav li#attorneys a:hover { width: 124px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -106px -56px; display: block; text-indent: -999em; } #header ul#mainnav li#attorneys.active a { width: 124px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -106px 0px; display: block; text-indent: -999em; } #header ul#mainnav li#practiceareas a { width: 159px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -241px -112px; display: block; text-indent: -999em; } #header ul#mainnav li#practiceareas a:hover { width: 159px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -241px -56px; display: block; text-indent: -999em; } #header ul#mainnav li#practiceareas.active a { width: 159px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -241px 0px; display: block; text-indent: -999em; } #header ul#mainnav li#contactus a { width: 131px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -413px -112px; display: block; text-indent: -999em; } #header ul#mainnav li#contactus a:hover { width: 131px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -413px -56px; display: block; text-indent: -999em; } #header ul#mainnav li#contactus.active a { width: 131px; height: 55px; background: url('../images/all/mainnav_.gif') no-repeat -413px 0px; display: block; text-indent: -999em; } #header ul#mainnav li#holder { width: 86px; height: 55px; background: url('../images/all/holder.gif'); display: block; text-indent: -999em; } /************************ content ************************/ #content { width: 800px; margin: 0 auto; background: #white; padding: 0; } /************************ Right Nav ************************/ #rightnav { width: 200px; margin: 0; padding: 0; float: left; background: white; } #rightnav ul { padding: 0; margin: 0; list-style: none; } #rightnav ul li { display: block; margin: 0; padding: 0; } #rightnav ul li#info { width: 200px; height: 95px; background: url('../images/all/info.gif') no-repeat 0 0; text-indent: -999em; } #rightnav ul li a { width: 200px; height: 50px; } #rightnav ul li#PersonalInjury a { background: url('../images/all/righthandNav.gif') no-repeat 0 -60px; display: block; text-indent: -999em; } #rightnav ul li#PersonalInjury a:hover { background: url('../images/all/righthandNav.gif') no-repeat 0 0; display: block; text-indent: -999em; } #rightnav ul li#PersonalInjury.active a { background: url('../images/all/righthandNav.gif') no-repeat 0 0; display: block; text-indent: -999em; } #rightnav ul li#CarAccidents a { background: url('../images/all/righthandNav.gif') no-repeat -200px -60px; display: block; text-indent: -999em; } #rightnav ul li#CarAccidents a:hover { background: url('../images/all/righthandNav.gif') no-repeat -200px 0; display: block; text-indent: -999em; } #rightnav ul li#CarAccidents.active a { background: url('../images/all/righthandNav.gif') no-repeat -200px 0; display: block; text-indent: -999em; } #rightnav ul li#MedicalMalpractice a { background: url('../images/all/righthandNav.gif') no-repeat -400px -60px; display: block; text-indent: -999em; } #rightnav ul li#MedicalMalpractice a:hover { background: url('../images/all/righthandNav.gif') no-repeat -400px 0; display: block; text-indent: -999em; } #rightnav ul li#MedicalMalpractice.active a { background: url('../images/all/righthandNav.gif') no-repeat -400px 0; display: block; text-indent: -999em; } #rightnav ul li#WorkersCompensation a { background: url('../images/all/righthandNav.gif') no-repeat -600px -60px; display: block; text-indent: -999em; } #rightnav ul li#WorkersCompensation a:hover { background: url('../images/all/righthandNav.gif') no-repeat -600px 0; display: block; text-indent: -999em; } #rightnav ul li#WorkersCompensation.active a { background: url('../images/all/righthandNav.gif') no-repeat -600px 0; display: block; text-indent: -999em; } #rightnav ul li#ConstructionLaw a { background: url('../images/all/righthandNav.gif') no-repeat -800px -60px; display: block; text-indent: -999em; } #rightnav ul li#ConstructionLaw a:hover { background: url('../images/all/righthandNav.gif') no-repeat -800px 0; display: block; text-indent: -999em; } #rightnav ul li#ConstructionLaw.active a { background: url('../images/all/righthandNav.gif') no-repeat -800px 0; display: block; text-indent: -999em; } #rightnav ul li#FamilyLaw a { background: url('../images/all/righthandNav.gif') no-repeat -1000px -60px; display: block; text-indent: -999em; } #rightnav ul li#FamilyLaw a:hover { background: url('../images/all/righthandNav.gif') no-repeat -1000px 0; display: block; text-indent: -999em; } #rightnav ul li#FamilyLaw.active a { background: url('../images/all/righthandNav.gif') no-repeat -1000px 0; display: block; text-indent: -999em; } #rightnav ul li#RealEstate a { background: url('../images/all/righthandNav.gif') no-repeat -1200px -60px; display: block; text-indent: -999em; } #rightnav ul li#RealEstate a:hover { background: url('../images/all/righthandNav.gif') no-repeat -1200px 0; display: block; text-indent: -999em; } #rightnav ul li#RealEstate.active a { background: url('../images/all/righthandNav.gif') no-repeat -1200px 0; display: block; text-indent: -999em; } #rightnav ul li#EstatePlanning a { background: url('../images/all/righthandNav.gif') no-repeat -1400px -60px; display: block; text-indent: -999em; } #rightnav ul li#EstatePlanning a:hover { background: url('../images/all/righthandNav.gif') no-repeat -1400px 0; display: block; text-indent: -999em; } #rightnav ul li#EstatePlanning.active a { background: url('../images/all/righthandNav.gif') no-repeat -1400px 0; display: block; text-indent: -999em; } /************************ Body ************************/ #body { width: 600px; margin: 0; float: right; padding: 0; background: #white; color: #2d2c28; } #body a { text-decoration: none; color: #2d2c28; border-bottom: 1px #2d2c28 dotted; } #body a:hover { color: #eb8603; border-bottom: 1px #eb8603 dotted; } #body p { margin: 12px 24px; padding: 0; font: .95em Arial, Helvetica, sans-serif; line-height: 1.7em; } #body h1.consultation { width: 480px; margin: 12px auto; font: 1.7em Georgia, Sylfaen, serif; line-height: 1.4em; text-align: center; font-style: italic; font-weight: bold; color: #aeac48; border-width: 1px; border-style: solid; border-color: #aeac48; background: #fbf5d8 url('../images/all/h1_bg.gif') repeat-x 0 100%; padding: 12px 0; } #body h1.consultation.floatRight { width: 270px; margin: 24px 36px 24px 10px; float: right; font: 1.5em Georgia, Sylfaen, serif; display: block; } #body h1.consultation.floatRight .whisper { font: .69em Georgia, Sylfaen, serif; font-weight: bold; padding: 8px 0; display: block; } /************************ Bio ************************/ h3 { width: 200px; border-bottom: 1px #dbe7e3 solid; text-align: center; font-weight: bold; font: 1.2em Georgia, Sylfaen, serif; margin: 24px 0 0 0; background: url('../images/all/h3_bg.gif') no-repeat 50% 100%; padding: 5px 0; color: black; } #bio { border-bottom: 1px #ccc solid; } #bio .biopic { margin: 0 12px 12px 0; float: left; } #bio p { float: left; width: 350px; margin: -6px 0 0 0; } .readmore { text-align: right; margin: 12px 36px; clear: both; font-size:.9em; } /************************ Bio Details ************************/ .detailsHeader h3 { width:550px; font-size: 1.8em; } .detailsHeader { text-align: center; width: 550px; } dl { margin-left:48px; } /************************ Practice Areas ************************/ .headerred { width: 550px; display: block; border-bottom: 1px #dbe7e3 solid; text-align: center; font-weight: bold; font: 1.2em Georgia, Sylfaen, serif; margin: 24px auto 0 auto; background: url('../images/all/h3_bg.gif') no-repeat 50% 100%; padding: 5px 0; color: black; } #body ul { list-style: disc; margin-left: 36px; padding 12px; width:450px; } #body ul li { padding: 3px 6px; } /************************ Forms ************************/ table.forms { background-color: #FFFFDD; padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 20px; margin-bottom: 24px; border: 0px; } span.forms{ FONT-FAMILY: arial, verdana; color: #333333; FONT-SIZE: 9px; FONT-WEIGHT: normal; } .red{ color: #cc0033; } /******************************** Form Formatting ********************************/ #post { width: 450px; padding: 20px; margin: 12px 0 24px 36px; background: #FFFFDD; } #contact_form input.textField { width: 190px; color: #333; background:#DDD; } #contact_form textarea { width: 320px; height:120px; color: #333; background:#DDD; margin: 0; padding:0; } #contact_form { font-size: .75em; color: #333; margin-left: 60px; } #post p { margin: 12px auto 12px auto; width: 320px; } #post p.smallinput { width: 320px; text-align: right; margin: 0 0px 3px 0; } #post .formLable { font: .98em Arial, Helvetica, sans-serif; } /************************ Footer ************************/ #footer { width: 800px; margin: 0 auto; background: #2d2c28; padding: 12px 0; clear: both; color: #999; border-top: 8px #666 solid; } #footer p { width: 600px; padding: 0; margin: 12px auto; font-size: .78em; } #footer p a:link { color: #FFFFDD; text-decoration: none; border-bottom: 1px #FFFFDD solid; } .clearboth { clear: both; }