/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body {min-width:995px; background: #5a5b5d; } html {height:101%} /* --------------------------------------------------*/ #outerWrap {width:995px; margin:0px auto 0 auto; background:url(/images/bkgShadowT.png) no-repeat; padding-top:14px} #innerWrap {width:995px; background: url(/images/bkgShadowLR.png) repeat-y;} #container { width:959px; background: url(/images/bkgPage.jpg) repeat-y; margin-left:18px; } #header {width:100%; height:188px} #content {width:100%; background:url(/images/bkgIvy.png) repeat-y; } #footer {width:100%; height:24px; line-height:23px} #siteId {background: url(/images/bkgShadowB.png) no-repeat; padding-top:5px} .sidebar {float:left; width:280px; border-right:1px solid #000} .mainbar {float:right; width:678px} /* --------------------------------------------------*/ /* Header */ #header .sidebar {background-color:#e8f2d3; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#8dbc22; max-height:188px; height:188px} #header .sidebar h1 {background:url(/images/logo.jpg) no-repeat; margin: 5px auto; height:105px; width:130px; display:block; text-indent:-5000px; line-height:inherit} #header .sidebar h1 a { display:block;height:105px; width:130px;} #header .sidebar h2, #header .sidebar h3, #header .sidebar h4 {font-weight:normal; margin:.2em 0} #header .sidebar h2 { font-size:.85em} #header .sidebar h3 { font-size:.85em; letter-spacing:.15em} #header .sidebar h4 { font-size:1em; color:#00583d} #header .mainbar {background:url(/images/hdrIvy.jpg) no-repeat bottom; width:678px; height:188px; display:block} /* Header Navigation */ #header .nav { background:#bcd778; height:31px; } #header .nav ul {margin:0; padding:0 0 0 10px;} #header .nav ul li {display:inline; float:left; list-style:none;background:url(/images/navDivider.gif) no-repeat right; padding:0 .6em } #header .nav ul li.last { background:none} #header .nav li a {text-decoration:none;font-weight:bold;text-transform:uppercase;line-height:31px;font-size:.8em;letter-spacing:.04em; color:#fff } #header .nav li a:hover {color:#a8005b} #home #header .nav .home a, #about #header .nav .about a, #famlaw #header .nav .famlaw a, #crimlaw #header .nav .crimlaw a, #estplan #header .nav .estplan a, #persinj #header .nav .persinj a, #probate #header .nav .probate a, #contact #header .nav .contact a {text-decoration:none; color:#a8005b; cursor:default;} /* Content */ #content .sidebar div { background:url(/images/bkgSidebarBox.png) repeat-y; margin-top:115px; padding:1.3em 10px 1em 10px ;width:260px; color:#8ba46b; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em} /* hide testimonial */ #contact #content .sidebar div, #probate #content .sidebar div, #persinj #content .sidebar div {background:none} #content .mainbar { padding:30px 30px 20px 49px; color:#58585a; width:599px} #content .mainbar a {text-decoration:underline; color:#00573c} #content .mainbar a:hover { color:#8ca56b} .sellMsg {font-weight:bold; border-top:1px dotted #8ca56b; margin:15px 0 5px 0; padding:3px 0; text-align:center} .tagline {width:599px; height:35px; background:url(/images/tagline.png) no-repeat; display:block; text-indent:-5000px} /* Footer */ #content #footer .mainbar {border-top:1px solid #000; padding:0; width:678px} #content #footer a {font-size:.8em; text-decoration:none} #content #footer .mail { float:left; text-align:center; width:139px;} #content #footer .mail a {color:#00583d; font-size:.85; letter-spacing:.1em} #content #footer .mail a:hover {color:#000} /* Footer Navigation */ #content #footer .nav {height:25px; background:#000;width:539px; float:left} #content #footer .nav ul {margin:0; padding:0} #content #footer .nav ul li {display:inline; float:left; list-style:none;padding:0 .3em 0 .4em} #content #footer .nav li a { text-decoration:none;font-weight:bold;text-transform:uppercase; line-height:23px;font-size:.7em; letter-spacing:.01em;color:#fff;} #content #footer .nav li a:hover { color:#8dbc22} #home #content #footer .nav .home a, #about #content #footer .nav .about a, #famlaw #content #footer .nav .famlaw a, #crimlaw #content #footer .nav .crimlaw a, #estplan #content #footer .nav .estplan a, #persinj #content #footer .nav .persinj a, #probate #content #footer .nav .probate a, #contact #content #footer .nav .contact a {color:#8dbc22; text-decoration:none; cursor:default} /* Site ID */ #siteId {color:#8ca56b;font-size:.7em;color:#eaf5ca; font-family:Georgia, "Times New Roman", Times, serif} #siteId .mainbar { text-align:right; padding-right:29px} /* --------------------------------------------------*/ .required {background:url(/images/imagesCMS/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;} #formContact {padding-top:10px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:.95em} #formContact table {padding:0; margin:0; width:80%} #formContact td {padding:0 5px 5px 0; margin:0; width:20%; text-align:right; border:none} #formContact .tdl {text-align:left; width:80%; vertical-align:top } #formContact input { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC; width:250px; padding:1px; letter-spacing:.04em; font-size:.95em; outline:none;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact input:focus, #formContact textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;} #formContact .button { margin-top:5px;background-color:#b0b388; border:1px solid black; cursor:pointer; color:#eee; width:255px; padding-top:3px;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact textarea { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;width:250px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none; font-size:.95em} /* --------------------------------------------------*/ .inpErr {background-color:#7a2a0b; color:#ffffff;} .inpOK {background-color:white; color:#000000} .errorDiv {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left } .noerror {font-weight:normal; margin:0; color:#333;text-align:left; border:1px solid #333; padding:3px;margin-top:20px;background-color:#DCDDD5; } #formContact .inpOK {background-color:#fff;} /* --------------------------------------------------*/ .clear {clear:both} .right {float:right; text-align:right} .left {float:left} .alignR {text-align:right} .none {display:none} .show {display:block} .visible {visibility:visible} .hidden {visibility:hidden} .SQLerror {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left; border:1px solid #7a2a0b; padding:5px } /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* --------------------------------------------------*/ a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; } a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;} /* --------------------------------------------------*/ h3.selected { color: #973513;} #accordion {margin:20px 0px;} h3.toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd; margin: 0 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:.95em; font-weight: normal;} h3.back { } div.element { margin:0px;padding:4px 4px 4px 10px;} .toggler:hover {color: #973513} /* --------------------------------------------------*/ #CMScontent p .arc90_imgcaptionTXT {font-size: .8em;text-align: left; padding-right:0; line-height: normal} .arc90_imgcaption {text-align: center;width: 9em; /*border: 1px solid #004716;padding: 1em;margin: 1em 0;*/ }