/*-------------------------------------------------------------------- Copyright (c) 2009, www.langstonlaw.net Creator: www.michaelclaeys.com Version: v1.1 Date; 06-01-09 ----------------------------------------------------------------------*/ html,body {height:100%;} /* 16 x 0.75 = 12px/18px */ body {height:100%; font:75%/1.5 Arial, Helvetica, Verdana, sans-serif; text-align:left; color:#444; background: #0e0e0e url(../img/body-bg.jpg) no-repeat top center;} /* RESET */ html,body,blockquote,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,pre,textarea,td,th {margin:0; padding:0;} h1,h2,h3,h4,h5,h6,address,caption,cite,code,em,pre,strong,var {font-style:normal; font-weight:normal;} a,img,a img,abbr,acronym,form,fieldset {border:0;} em,blockquote,caption,ins,cite,q {font-style:italic;} strong,dt,th {font-weight:bold;} code,pre,samp,var {font-family: "Courier New", Courier, monospace;} h1,h2,h3,h4,h5,h6 {font-size:100%; letter-spacing:.02em;} /* HTML ELEMENTS */ a,a:visited {color:#006699; text-decoration:none;} a:active {outline:none;} a:hover {color:#006699; text-decoration:none; border-bottom: 1px solid;} a:focus {text-decoration:none;} a.external {padding-right:15px; background: url(images/icons/external10x10.gif) no-repeat 0 50%; white-space:nowrap;} a.pdf {padding-left:20px; background: url(images/icons/pdf12x12.gif) no-repeat 0 50%;} abbr,acronym {font-variant:small-caps;} abbr[title],acronym[title] {cursor:help; border-bottom:1px dotted #333;} address {font-style:normal;} blockquote,q {quotes:none;} blockquote p:before,blockquote p:after,q:before,q:after {content:'';content:none;} blockquote {margin-left:2em; padding-left:2em; border-left:1px solid #ccc;} caption {margin:.5em 0; text-align:left;} dd {margin-bottom: 1em;} del {text-decoration:line-through;} ins {text-decoration:none;} img {vertical-align:bottom; border:0;} sup {vertical-align:super; font-size: smaller;} sub {vertical-align:sub; font-size: smaller;} table {border-collapse:collapse; border-spacing:0;} th,tbody {text-align:left;} th,td {padding:.5em; line-height:1.5em;} /* -- Lists -- */ ul ul,ul ol,ol ol,ol ul,li {margin: 0;} /* nested lists */ ul, ol {position:relative; list-style-position:inside;} ul.off {list-style:none;} ul ol {list-style:decimal inside; margin-left:2em;} ul ul {list-style:circle inside; margin-left:2em;} ol ol {list-style:lower-alpha inside; margin-left:2em;} ol ol ol {list-style:lower-roman inside; margin-left:2em;} /* -- Block Offset -- */ blockquote,p,pre,ul,ol,dl,fieldset,form,table {margin:0 0 .5em 0;} /* -- Headings -- */ h1 {font-size:2em; line-height:2em;} /* 24px = 2.0em */ h2 {font-size:2em; line-height:1.83em; font-weight: bold;} /* 20px = 1.67em */ h3 {font-size:1.5em; line-height:1.5em;} /* 18px = 1.5em */ h4 {font-size:1.25em; line-height:1.33em; margin-bottom:.5em;} /* 15px = 1.25em */ h5, h6 {font-size:1em; line-height:1.2em; margin-bottom:.5em; font-weight:bold;} /* 12px = 1em */ /* COMMON CLASSES */ .access {height:0; width:0; position:absolute; overflow:hidden; left:-9999px;} .bottom {margin-bottom:0 !important;} .center {text-align:center;} .clear {clear:both;} .hide {display:none;} .first {margin-left:0 !important;} .last {margin-right:0 !important;} .left {float:left; overflow:auto;} .note {font-size:.92em; font-style:italic;} .right {float:right; overflow:auto;} .top {margin-top:0 !important;} /* GRID: 960px-10px margin */ .col {float:left; display:inline;} .col_1 {width:40px;} .col_2 {width:90px;} .col_2_push10 {width:100px;} .col_2_pull10 {width:80px;} .col_3 {width:140px;} .col_4 {width:190px;} .col_5 {width:240px;} .col2 {width:49%;} .col3 {width:33%;} .col4 {width:24%;} /* SKIP TO NAV: hides link text, visable when tabbed to it for focus */ #skip a, #skip a:hover, #skip a:visited {width:1px; height:1px; overflow:hidden;} #skip a:active, #skip a:focus {position:static; width:auto; height:auto;} /*-------------------------------------------------------------------- =STRUCTURE ----------------------------------------------------------------------*/ #page-wrap, #header, .content, #feat-wrap, #footer {position:relative; width:900px; margin:0 auto; text-align:left;} /*-------------------------------------------------------------------- =LAYOUT ----------------------------------------------------------------------*/ /* HEADER */ #header {height:144px;} #header #logo {padding:36px 0 0 0;} #header #logo a {border-bottom: none;} #header h1 {position:absolute; top:36px; left:630px; width:245px; height:36px; background: transparent url(../img/head-cda.png) no-repeat; text-indent: -9999px;} /* MAIN NAV*/ #main-nav {position:absolute; left:0; bottom:0; height:36px; width:900px; margin:0; padding:0; list-style:none; background: #423828 url(../img/nav-top-bg.gif) no-repeat top left;} #main-nav li.firm a {margin-left:24px;} #main-nav li {display: inline; padding:2px 0;} #main-nav li a {float:left; height:0; margin:0; padding-top:36px; background: transparent url(../img/nav.png) no-repeat top left; overflow: hidden;} #main-nav li.firm a {background-position: 0px 0px; width: 87px;} #main-nav li.firm a:hover {background-position: 0px -36px; width: 87px;} #firm #main-nav li.current a {background-position: 0px -72px; width: 87px;} #main-nav li.prac a {background-position: -87px 0px; width: 131px;} #main-nav li.prac a:hover {background-position: -87px -36px; width: 131px;} #practice #main-nav li.current a {background-position: -87px -72px; width: 131px;} #main-nav li.case a {background-position: -218px 0px; width: 119px;} #main-nav li.case a:hover {background-position: -218px -36px; width: 119px;} #cs #main-nav li.current a {background-position: -218px -72px; width: 119px;} #main-nav li.prof a {background-position: -337px 0px; width: 143px;} #main-nav li.prof a:hover {background-position: -337px -36px; width: 143px;} #profile #main-nav li.current a {background-position: -337px -72px; width: 143px;} #main-nav li.cont a {background-position: -480px 0px; width: 78px;} #main-nav li.cont a:hover {background-position: -480px -36px; width: 78px;} #main-nav li.call {position: absolute; right: 0; top: 0; background: transparent url(../img/nav.png) no-repeat -558px 0px; width: 248px; height:36px; text-indent: -9999px;} #contact #main-nav li.current a {background-position: -480px -72px; width: 78px;} /* CONTENT */ .content {background: #181818 url(../img/content-bg.gif) repeat-y center;} .content-top {background: url(../img/content-bg-top.gif) no-repeat; height: 11px;} .content-inner {width: 880px; margin: 0 10px; background: url() repeat-y 295px 0; padding-top: 20px;} .content-btm {background: url(../img/content-bg-btm.gif) no-repeat; height: 11px;} #content-main {min-height: 366px; height: auto !important; height: 366px; margin-left: 295px; padding: 0 0 1.5em 0; background-color: #ebe8df;} #content-main p, #content-main dl, #content-main h5 {margin: 0 15px; padding-bottom: 1em;} #content-main p.address {margin-left: 285px;} #content-main h1, #content-main h2, #content-main h3 {color: #423828; padding-left: 15px;} #content-main ul {margin-left: 30px;} #content-main ul li {margin: 0;} #content-main ul ul {list-style: none; margin-left: 1em;} #content-main .bulletlist {padding-left: 15px; list-style-type: disc; list-style-position: outside; color: black;} #content-main .service-areas {padding: 1em 0; font-size: .92em; font-style: italic; border-top: 1px solid black;} #content-main .case {border-top: 1px solid #625339; margin: 1em 15px;} #content-main .case h3 {padding: 0; margin: .5em 0;} #content-main .case h4 {padding: 0; margin: .5em 0 0 0;} #content-main .case p {padding: 0; margin: 0 0 .5em 0;} #terms #content-main dl {margin-left: 15px;} #terms #content-main dt a {text-decoration: none; border: none; color: black;} #contact #callbox {margin: 9px 10px; padding: 6px 15px; color: #c33b18; background-color: #d9d4cb;} /* SIDEBAR */ #sidebar {float: left; width: 284px; height: auto;} #sidebar .topbar {color: #c33b18; padding: 0 15px; font-size: 1.17em;} #sidebar ul, #sidebar li {list-style: none; margin: 0; padding: 0;} #sidebar ul {width: 100%; margin: 0 0 18px 0; background-color: black;} #sidebar li {line-height: 26px; border-bottom: 1px solid #625339;} #sidebar li a {display: block; padding: 0 15px; color: #d9c7a5;} #sidebar li a:hover {color: white; text-decoration: none; border-bottom: none; background: url(../img/nav-menu-bg.jpg) repeat-x;} #sidebar li.current a {color: white; padding-left: 25px; background: url(../img/nav-menu-bg-on.jpg) no-repeat;} .side-ad-ji {margin-bottom: 18px;} .side-ad-ji p {padding-right: 10px;} /* HOMEPAGE */ /* MARQUEE SLIDESHOW */ #slideshow {position: relative; width: 900px; height: 299px; margin-bottom: 18px; background: black url(../img/home/marquee-bg.gif) no-repeat; overflow: hidden; moz-box-shadow: 0 6px 6px -6px black;-webkit-box-shadow: 0 6px 6px black; box-shadow: 0 6px 6px -6px black; } #slideshow ul {margin: 0; padding: 0; list-style-type: none;} #slideshow li p {margin: 9px 0 0 20px; width: 270px; font-size: 1.17em; color: white;} #slideshow li.slide-one h2 {background: transparent url(../img/home/hp-headers.png) no-repeat 20px 0px; width: 220px; height: 70px; margin-top: 36px; overflow: hidden; text-indent: -9999px;} #slideshow li.slide-two h2 {background: transparent url(../img/home/hp-headers.png) no-repeat 20px -70px; width: 220px; height: 70px; margin-top: 36px; overflow: hidden; text-indent: -9999px;} #slideshow li.slide-three h2 {background: transparent url(../img/home/hp-headers.png) no-repeat 20px -140px; width: 220px; height: 70px; margin-top: 36px; overflow: hidden; text-indent: -9999px;} .slides {width:880px; height:279px; padding: 0;} .slide-one, .slide-two, .slide-three {width:890px; height:289px; margin: 10px;} .slide-one {background: #181818 url(../img/home/marquee-cuffs.jpg) no-repeat 0 0; width: 880px; height: 279px;} .slide-two {background: #181818 url(../img/home/marquee-drug.jpg) no-repeat 0 0; width: 880px; height: 279px;} .slide-three {background: #181818 url(../img/home/marquee-dui.jpg) no-repeat 0 0; width: 880px; height: 279px;} .slides-nav {position: absolute; bottom: 24px; left: 25px; height: 18px; width: 80px; margin: 0; list-style-type: none; z-index: 10; } .slides-nav a {float: left; height: 18px; width: 18px; margin-right: 6px; background-color: black; line-height: 1.5em; text-align: center; color: #d9c7a5; border: none;} .slides-nav a.activeSlide {color: white; background-color: #423828;} .slides-nav a:focus {outline: none;} /* FEATURETTE PODs */ #feat-wrap {margin-bottom:3em; color:#bcbcbc; overflow:hidden;} #feat-wrap .last2 {margin-right:0;} #feat-wrap a {color:#72aac3; text-decoration:none;} #feat-wrap a:hover { } #feat-wrap h3, #feat-wrap h4, #feat-wrap h5, #feat-wrap p, #feat-wrap ul {padding:0 20px;} #feat-wrap .cs-pod object {display:block; margin:0 0 12px 20px;} #feat-wrap h5 {color:#b29868;} #feat-wrap ul {list-style-type: none;} .cs-pod, .hour-pod, .where-pod {float:left; width: 290px; height: 100%; padding-bottom: 1000px; margin-bottom: -1000px; margin-right: 15px; background: #0e0e0e url(../img/home/hp-pod-bg.jpg) no-repeat -7px 0; } .cs-pod h3, .cs-pod h4, .hour-pod h3, .hour-pod h4, .where-pod h3, .where-pod h4 {background: transparent url(../img/home/hp-headers.png) no-repeat;} .cs-pod h3 {background-position: -200px 0px; width: 230px; height: 30px; margin:10px 0 5px 5px; overflow: hidden; text-indent: -9999px;} .cs-pod h4 {background-position: -200px -90px; width: 230px; height: 22px; margin:18px 0 5px 20px; overflow: hidden; text-indent: -9999px;} .hour-pod h3 {background-position: -200px -30px; width: 230px; height: 30px; margin:10px 0 5px 20px; overflow: hidden; text-indent: -9999px;} .hour-pod h4 {background-position: -200px -120px; width: 230px; height: 22px; margin:18px 0 5px 20px; overflow: hidden; text-indent: -9999px;} .where-pod h3 {background-position: -200px -60px; width: 230px; height: 30px; margin:10px 0 5px 20px; overflow: hidden; text-indent: -9999px;} .where-pod h4 {background-position: -200px -150px; width: 230px; height: 22px; margin:18px 0 5px 20px; overflow: hidden; text-indent: -9999px;} .where-pod h5 {background: transparent url(../img/btn/btn-contact.png) no-repeat 0 0;margin:1.5em 20px; overflow: hidden; text-indent: -9999px;} .where-pod h5:hover {background: transparent url(../img/btn/btn-contact.png) no-repeat 0 -41px; height:41px; width: 174px;} .where-pod h5 a {display:block; height:41px; width: 174px;} /* FOOTER */ #footer {padding: 18px 0 4em 10px;} #footer p {font-size: .92em; line-height: 1.2em; color: #444;} #footer a {margin: 0 3px; color: #666;} #footer a:hover {color: #bcbcbc;} /*-------------------------------------------------------------------- =Self-clearing floats The CSS class is applied to any container that has floating children and does not expand to enclose them. Doesn't work in IE. Add zoom:1 ----------------------------------------------------------------------*/ .content-inner:after, #slideshow ul:after, #feat-wrap:after, .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .content-inner, #slideshow ul, #feat-wrap, .clearfix {display:block; zoom:1;} /* ie fix */