/* ============================= Taber Estes Thorne & Carr StyleSheet by CLANG - InSite Interactive A. Global HTML Styles B. Header Styles C. Content Area Layout Styles D. Homepage Styles E. Attorney Bios Styles X. Footer Styles ============================= */ @import url("_reset.css"); /* Meyer Reset Reloaded */ @import url("_global.css"); /* Global Styles */ /* ===================== A. Global HTML Styles ===================== */ BODY {background:#96876f url(images/bg.jpg) repeat-x; color:#543019; font-family:Arial, sans-serif; font-size:100%; line-height:.95em; text-align:center;} P {margin-bottom:1em; font-size:.7em;} A:link {color:#4db9be; text-decoration:underline;} A:visited {color:#3a979b; text-decoration:underline;} A:hover {color:#3a979b; text-decoration:underline;} A:active {color:#3a979b; text-decoration:underline;} UL {list-style:square; padding:0 0 1.4em 1.3em; font-size:.7em;} UL UL {font-size:1em; padding:0 0 0 1.3em} OL {list-style:decimal; padding:0 0 1.4em 1.5em; font-size:.7em;} OL LI {vertical-align:top;} ul.publications li {margin-bottom:1em;} SUP {bottom:0.33em; font-size:smaller; position:relative; vertical-align:baseline;} H1 {font-weight:bold; font-size:1em; margin-bottom:.6em;} H2 {font-weight:bold; font-size:.75em; margin:1.6em 0 .6em 0; color:#b29c54;} H3 {font-weight:normal; font-size:.7em; color:#96876F;} p.nextLink {margin-top:4em; text-align:left;} p.nextLink a, p.nextLink a:visited {text-decoration:underline; color:#4db9be;} p.nextLink a:hover {color:#3a979b; text-decoration:underline;} /* ================ B. Header Styles ================ */ .headerCont {margin:0 auto; text-align:left; width:970px; padding:12px 16px 0 16px; background:url(images/shadow_header.png) repeat-y; behavior:url(_iepngfix.htc);} #header {border:16px solid #543019; border-bottom:none; width:938px; height:92px; background:url(images/header_bg.jpg);} #logo {position:relative; float:left; width:168px; height:60px; background:url(images/header_logo.gif) no-repeat; margin:16px;} #logo span {position:absolute; left:-999em;} #logo a {display:block; width:100%; height:100%;} /* Nav Styles */ #nav {padding:0 48px 0 0; list-style:none; float:right;} #nav li {position:relative; float:left; width:61px; height:61px; margin-left:5px; background-repeat:none; background-position:0 -61px;} #nav li a {display:block; width:100%; height:100%; background-repeat:none; background-position:0 0;} #nav li a span {position:absolute; left:-999em;} #nav1, #nav1 a {background-image:url(images/nav_1_aboutUs.gif);} #nav2, #nav2 a {background-image:url(images/nav_2_practiceAreas.gif);} #nav3, #nav3 a {background-image:url(images/nav_3_companyBios.gif);} #nav4, #nav4 a {background-image:url(images/nav_4_newsEvents.gif);} #nav5, #nav5 a {background-image:url(images/nav_5_contactUs.gif);} #nav1 {margin-top:11px;} #nav2 {margin-top:22px;} #nav3 {margin-top:6px;} #nav4 {margin-top:18px;} #nav5 {margin-top:11px;} #nav li a:hover {background-image:none;} #nav li.active a {background-position:0 -122px;} /* ============================= C. Content Area Layout Styles ============================= */ .contentArea {margin:0 auto; text-align:left; width:970px; padding:0 16px 0 16px; background:url(images/shadow_content.png) repeat-y; behavior:url(_iepngfix.htc);} #content {border:16px solid #543019; border-top:none; border-bottom:none;} #subpage {border:6px solid #f0da92; border-left:none; border-right:none; background:#fff;} #overlay {display:none; position:fixed; z-index:1101; background:#fff; border:10px solid #9FE6EA; width:350px; height:auto; padding:20px 20px 0; text-align:left; font-size:1.2em; line-height:1.3;} #coverup {display:none; position:fixed; z-index:1100; left:0; top:0; width:100%; height:100%; background:#000;/* opacity:0.80; -moz-opacity:0.80; filter:alpha(Opacity=80);*/} #overlay p.links {font-size:.7em;} #overlay span {font-size:.7em; color:#88796F; line-height:2.5; display:block; text-align:center; padding-top:30px;} #overlay span a {color:#88796F;} /* Left Nav */ #leftnav {float:left; width:174px; min-height:300px; margin:36px 0 0 0; padding:0 0 20px 0; list-style:none;} #leftnav li {position:relative; background-repeat:no-repeat !important; width:175px; height:32px;} #leftnav li.subHead {font-weight:bold; font-size:1.1em; margin:1.2em 0 0 0; padding:4px 0 4px 39px; color:#b29c54;} #leftnav.aboutUs li {background:url(images/leftnav_aboutUs.gif);} #leftnav.practiceAreas li {background:url(images/leftnav_practiceAreas.gif);} #leftnav.companyBios li {background:url(images/leftnav_companyBios.gif);} #leftnav.newsEvents li {background:url(images/leftnav_newsEvents.gif);} #leftnav.contactUs li {background:url(images/leftnav_contactUs.gif);} #leftnav li a {display:block; width:175px; height:32px;} #leftnav li a span {position:absolute; left:-999em;} #leftnav li ul {padding:5px 0 0 0; margin:0; list-style:none;} #leftnav li ul li {background-image:none !important; width:136px; height:auto; font-size:.95em;} #leftnav li ul li a {color:#88796f; text-decoration:none; padding:4px 0 4px 39px; width:100%; height:auto;} #leftnav li ul li a:hover {color:#fff !important; background:#65c8cd;} #leftnav li ul li.active a {color:#65c8cd; font-weight:bold;} #centerCol {float:left; width:396px; padding:44px 47px 20px;} #centerCol.wideCol {width:635px; padding:44px 82px 20px 47px;} #centerCol.wideCol p {width:396px;} #rightCol {float:left; width:274px; padding:44px 0;} #leftnav.news {background:url(images/photo_news.gif) no-repeat; width:152px; height:429px; margin-left:22px;} #leftnav.contactUs {background:url(images/photo_news.gif) no-repeat; width:152px; height:429px; margin-left:22px;} /* Right Column Photos */ .photos3Rect {position:relative; width:209px; line-height:.1em;} .photos3Rect div {position:absolute; background:url(images/photoBoxes_3rects.gif) no-repeat; width:238px; height:234px; left:-14px; top:80px;} .photosPracticeAreas {padding-top:32px;} .photosBio {position:relative; width:209px; line-height:.1em; margin-bottom:40px;} .photosBio div.boxes1 {position:absolute; background:url(images/photoBoxes_bios1.gif) no-repeat; width:256px; height:205px; left:-22px; top:64px;} .photosBio div.boxes2 {position:absolute; background:url(images/photoBoxes_bios2.gif) no-repeat; width:239px; height:205px; left:-17px; top:74px;} .photosBio div.boxes3 {position:absolute; background:url(images/photoBoxes_bios3.gif) no-repeat; width:246px; height:160px; left:-16px; top:64px;} .rightPhotoCont {border:2px solid #65c8cd; margin-bottom:7px;} .rightPhotoCont img {border:8px solid #543019;} .photosAbout {position:relative; width:209px; line-height:.1em; margin-bottom:40px;} .photosAbout div.boxes1 {position:absolute; background:url(images/photoBoxes_bios1.gif) no-repeat; width:256px; height:205px; left:-22px; top:64px;} /* Sitemap */ #sitemap {padding:1em 0 0 0;} #sitemap li {list-style:none; font-size:1.2em; margin-bottom:.4em;} #sitemap li a {color:#543019; text-decoration:none; font-weight:bold;} #sitemap li ul li {list-style:square; font-size:.8em; margin-bottom:0;} #sitemap li ul li a {font-weight:normal;} /* ================== D. Homepage Styles ================== */ #home {background:#fff; position:relative; border:6px solid #f0da92; border-left:none; border-right:none;} #home #photo {float:left; margin:0; line-height:0; width:525px; height:401px; background:#744912;} #home #welcome {float:left; width:313px; padding:0 48px 0 42px;} #home #welcome #logo_mark {margin:29px 0 28px 0; line-height:0 !important;} #home #welcome h1 {position:relative; width:283px; height:31px; background:url(images/home_welcome.gif) no-repeat; margin:0 0 13px -2px;} #home #welcome h1 span {position:absolute; left:-999em;} #home #welcome h2 {font-size:.8em; font-style:italic; margin-bottom:13px;} #home #welcome p {line-height:1.5em;} #home #recentNews {position:absolute; left:333px; top:0; width:192px; height:401px; background:#fff; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;} #home #recentNews h2 {position:relative; background:url(images/home_recentNews.gif) no-repeat; width:104px; height:8px; margin:29px 0 0 21px;} #home #recentNews h2 span {position:absolute; left:-999em;} #home #recentNews p {margin:17px 20px 0 21px; color:#88796f;} #home #recentNews a {color:#543019; text-decoration:none; font-weight:bold;} #home #recentNews a:hover {color:#4db9be; text-decoration:none; font-weight:bold;} #home #recentNews p.homeArchive a, #home #recentNews p.homeArchive a:visited {text-decoration:underline; color:#4db9be;} #home #recentNews p.homeArchive a:hover {color:#4db9be; text-decoration:none;} #dmagIcon {padding: 5px 0 5px 28px;} /* ======================= E. Attorney Bios Styles ======================= */ #attorneysPg {float:left; padding-top:20px;} .attorneysPgRow {width:400px; height:100px; margin-bottom:3px;} .block {float:left; width:100px; height:100px;} .block a {display:block; width:100%; height:100%;} #sign {background:url(images/attorneysPg_sign.jpg) no-repeat;} #carr {background:url(images/attorneysPg_carr.jpg) no-repeat;} /* Lori Carr */ #blue {background:url(images/attorneysPg_blue.gif) no-repeat;} #crosby {background:url(images/attorneysPg_crosby.jpg) no-repeat;} /* Sheri Crosby - REMOVED*/ #estes {background:url(images/attorneysPg_estes.jpg) no-repeat;} /* Dawn Estes */ #anand {background:url(images/attorneysPg_anand.jpg) no-repeat;} /* Katherine Anand */ #pillow {background:url(images/attorneysPg_pillow.jpg) no-repeat;} #martin {background:url(images/attorneysPg_martin.jpg) no-repeat;} /* Laurie Martin */ #frames {background:url(images/attorneysPg_frames.jpg) no-repeat;} #thorne {background:url(images/attorneysPg_thorne.jpg) no-repeat;} /* Jessica Thorne */ #taber {background:url(images/attorneysPg_taber.jpg) no-repeat;} /* Jane Taber */ #creme {background:url(images/attorneysPg_creme.gif) no-repeat;} #spillman {background:url(images/attorneysPg_spillman.jpg) no-repeat;} /* Michele Spillman */ #okon {background:url(images/attorneysPg_okon.jpg) no-repeat;} /* Melanie Okon */ #muenster {background:url(images/attorneysPg_muenster.jpg) no-repeat;} /* Kevin Muenster */ #lang {background:url(images/attorneysPg_lang.jpg) no-repeat;} /* Cathy Lang */ #tucker {background:url(images/attorneysPg_tucker.jpg) no-repeat;} /* Paula Tucker */ #leslie {background:url(images/attorneysPg_leslie.jpg) no-repeat;} /* Paul S. Leslie */ #nameListing {float:left; padding:40px 0 0 38px;} h2#readMoreAbout {background:url(images/attorneysPg_readMoreAbout.gif) no-repeat; width:136px; height:9px; position:relative;} h2#readMoreAbout span{position:absolute; left:-999em;} #nameListing p {width:195px !important; line-height:1.7em;} #nameListing p a, #nameListing p a:visited{color:#543019; font-weight:bold; text-decoration:none;} #nameListing p a:hover {color:#65c8cd; font-weight:bold;} .bottomList {list-style:square; padding:0 0 0em 1.3em; font-size:.7em;} li.viewMore {list-style:none;} /* ======================= F. News Styles ======================= */ .newsContainer {width:610px;margin:0px;clear:both;float:left;} .newsCol {width:268px;padding-right:37px;float:left;margin:0px;display:inline;} #centerCol.wideCol .newsCol p {width:268px;} .newsContainer a:link {color:#543019; text-decoration:none; font-weight:bold;} .newsContainer a:visited {color:#543019; text-decoration:none; font-weight:bold;} .newsContainer a:hover {color:#4db9be; text-decoration:none; font-weight:bold;} .newsContainer a:active {color:#543019; text-decoration:none; font-weight:bold;} .newsDate {padding-right:10px;} .newsTitle {font-weight:bold;} .newsView {padding-left:20px;font-weight:normal;font-size:11px;} .newsView a:link {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsView a:visited {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsView a:hover {color:#4db9be; text-decoration:none;font-weight:normal;} .newsView a:active {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsViewTop {padding-left:362px;font-weight:normal;font-size:11px;} .newsViewTop a:link {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsViewTop a:visited {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsViewTop a:hover {color:#4db9be; text-decoration:none;font-weight:normal;} .newsViewTop a:active {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsViewBottom {font-weight:normal;font-size:11px;} .newsViewBottom a:link {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsViewBottom a:visited {color:#4db9be; text-decoration:underline;font-weight:normal;} .newsViewBottom a:hover {color:#4db9be; text-decoration:none;font-weight:normal;} .newsViewBottom a:active {color:#4db9be; text-decoration:underline;font-weight:normal;} /* ================ X. Footer Styles ================ */ .footerCont {margin:0 auto; text-align:left; width:970px; height:93px; padding:0 16px 12px 16px; background:url(images/shadow_footer.png) 0 bottom; behavior:url(_iepngfix.htc);} #footer {border:16px solid #543019; border-top:none; height:77px; background:url(images/footer_bg.jpg) repeat-y;} #footer ul {padding:15px 41px 0 0; list-style:none; float:right;} #footer ul li {float:left; height:21px; background-repeat:no-repeat; background-position:0 -21px;} #footer ul li a {position:relative; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0;} #footer ul li a span {position:absolute; left:-999em;} #footer ul li#ft1, #footer ul li#ft1 a {background-image:url(images/footer_1_contactUs.gif); width:72px;} #footer ul li#ft2, #footer ul li#ft2 a {background-image:url(images/footer_2_sitemap.gif); width:53px;} #footer ul li#ft3, #footer ul li#ft3 a {background-image:url(images/footer_3_legal.gif); width:53px;} #footer ul li a:hover {background-image:none !important;} #footer ul li.active {background-position:0 -21px;} #footer ul li.active a {background-position:0 -42px;} #addyFooter {margin:0 auto; text-align:left; width:970px; padding:4px 0 20px 43px;} #addyFooter .addy {color:#291b11;} #addyFooter .tetc {font-size:1.1em;} #addyFooter .addlInfo {color:#55331a;} #addyFooter .addlInfo a, #addyFooter .addlInfo a:visited {color:#55331a;} #wbenc {float: left; padding: 16px 0 0 16px;} #namwolf {float: left; padding: 16px 0 0 16px;}