/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body {min-width:962px; background: #5b707c; } html {height:101%} /* --------------------------------------------------*/ #outerWrap {width:962px; margin:50px auto 20px auto; border:1px solid #000;} #innerWrap {width:962px; border:1px solid #000; background: #fff url(/images/bkTile.jpg) repeat-y} #container {width:960px; background: url(/images/bkgTL.jpg) no-repeat} #foot { min-height:29px;font-size:.7em;color: #CCC; font-weight:bold; float:right; text-align:right;} #foot a { color:#999} .sidebar {float:left; width:250px; margin-right:30px} .content {float:right;width:630px; margin-right:50px } #container .sidebar {padding:0} #container .content {margin-top:50px; margin-bottom:20px} #foot a:hover {color:#000;} /* --------------------------------------------------*/ #pageTitle {display:block;margin:38px 0 25px 0; padding:0} #pageTitle h1 {text-indent:-5000px; margin-bottom:.2em } #home #pageTitle h1 {background: url(/images/txtWelcome.jpg) no-repeat; width:104px; height:19px; display:block} #about #pageTitle h1 {background: url(/images/txtAboutMe.jpg) no-repeat; width:110px; height:20px; display:block} #help #pageTitle h1 {background: url(/images/txtHowICanHelp.jpg) no-repeat; width:225px; height:20px; display:block} #services #pageTitle h1 {background: url(/images/txtServices.jpg) no-repeat; width:200px; height:21px; display:block} #approach #pageTitle h1 {background: url(/images/txtApproach.jpg) no-repeat; width:280px; height:20px; display:block} #problems #pageTitle h1 {background: url(/images/txtProblems.jpg) no-repeat; width:189px; height:20px; display:block} #forms #pageTitle h1 {background: url(/images/txtForms.jpg) no-repeat; width:151px; height:20px; display:block} #books #pageTitle h1 {background: url(/images/txtBooks.jpg) no-repeat; width:69px; height:20px; display:block} #links #pageTitle h1 {background: url(/images/txtLinks.jpg) no-repeat; width:59px; height:20px; display:block} #contact #pageTitle h1 {background: url(/images/txtContact.jpg) no-repeat; width:133px; height:20px; display:block} /* Forms Table */ #formsTable {width:90%} #formsTable td {border:none; width:25%; vertical-align:top; text-align:center} #formsTable a {color:#5b707c; font-size:.7em;} #formsTable a.pdf {background: none;padding-left:0; line-height: inherit } #formsTable a:hover { color:#880f31; background:none} /* --------------------------------------------------*/ #nav { padding:0; margin:150px 0 0 0; float:right; } #nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-5000px; margin-bottom:20px; margin-right:15px; float:right; clear:both; } #nav .home a {background: url(/images/navWelcome.png) no-repeat -65px 0; width:65px; height:12px;} #nav .home a:hover {background: url(/images/navWelcome.png) no-repeat 0 0; } #home #nav .home a {background: url(/images/navWelcome.png) no-repeat 0 0; cursor:default} #nav .about a {background: url(/images/navAbout.png) no-repeat -72px 0; width:72px; height:13px;} #nav .about a:hover {background: url(/images/navAbout.png) no-repeat 0 0; } #about #nav .about a {background: url(/images/navAbout.png) no-repeat 0 0; cursor:default} #nav .help a {background: url(/images/navHowICanHelp.png) no-repeat -149px 0; width:149px; height:13px;} #nav .help a:hover {background: url(/images/navHowICanHelp.png) no-repeat 0 0; } #help #nav .help a {background: url(/images/navHowICanHelp.png) no-repeat 0 0; cursor:default} #nav .services a {background: url(/images/navServices.png) no-repeat -137px 0; width:137px; height:13px;} #nav .services a:hover {background: url(/images/navServices.png) no-repeat 0 0; } #services #nav .services a {background: url(/images/navServices.png) no-repeat 0 0; cursor:default} #nav .approach a {background: url(/images/navMyApproach.png) no-repeat -184px 0; width:184px; height:13px;} #nav .approach a:hover {background: url(/images/navMyApproach.png) no-repeat 0 0; } #approach #nav .approach a {background: url(/images/navMyApproach.png) no-repeat 0 0; cursor:default} #nav .problems a {background: url(/images/navProblemsITreat.png) no-repeat -125px 0; width:125px; height:13px;} #nav .problems a:hover {background: url(/images/navProblemsITreat.png) no-repeat 0 0; } #problems #nav .problems a {background: url(/images/navProblemsITreat.png) no-repeat 0 0; cursor:default} #nav .forms a {background: url(/images/navClientForms.png) no-repeat -99px 0; width:99px; height:13px;} #nav .forms a:hover {background: url(/images/navClientForms.png) no-repeat 0 0; } #forms #nav .forms a {background: url(/images/navClientForms.png) no-repeat 0 0; cursor:default} #nav .books a {background: url(/images/navBooks.png) no-repeat -45px 0; width:45px; height:13px;} #nav .books a:hover {background: url(/images/navBooks.png) no-repeat 0 0; } #books #nav .books a {background: url(/images/navBooks.png) no-repeat 0 0; cursor:default} #nav .links a {background: url(/images/navLinks.png) no-repeat -40px 0; width:40px; height:14px;} #nav .links a:hover {background: url(/images/navLinks.png) no-repeat 0 0; } #links #nav .links a {background: url(/images/navLinks.png) no-repeat 0 0; cursor:default} #nav .contact a {background: url(/images/navContact.png) no-repeat -86px 0; width:86px; height:13px;} #nav .contact a:hover {background: url(/images/navContact.png) no-repeat 0 0; } #contact #nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; cursor:default} #nav .emaillink a {background: url(/images/btnEmail.png) no-repeat -164px 0; width:164px; height:46px; margin-right:0} #nav .emaillink a:hover {background: url(/images/btnEmail.png) no-repeat 0 0; } #dummy {} /* sometimes we need a dummy */ /* --------------------------------------------------*/ .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} /* --------------------------------------------------*/ .pagination {font-size:.9em;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none} .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;} .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#c26612; text-decoration:none} .pagination .current {border: 1px solid #000000;color:#000000; background-color:#c26612; cursor: default } .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* --------------------------------------------------*/ .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} .contactme {font-size:.9em; color:#880f31; font-weight:bold} .disclaimer { font-size:.8em; letter-spacing:normal; line-height:normal; color: #999} /* 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 {border:1px dotted #9ac2b9; border-left:none; border-right:none; padding:3px; margin:3px 0} h3.selected { color:#fff; background-color:#5b707c; border:1px solid #5b707c; } #accordion {margin:20px 0;} h3.toggler {cursor: pointer;border:1px dotted #9ac2b9; border-left:none; border-right:none; margin: 3px 0;padding: 3px; clear:both;} h3.back { } div.element { margin:0px;padding:4px 4px 4px 10px;} .toggler:hover {color:#fff; background-color:#5b707c;border:1px solid #5b707c;} /* image shadow */ .imgShadowLeft {float:left;background: url(/images/imagesCMS/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadowLeft img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} .imgShadowRight {float:right;background: url(/images/imagesCMS/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadowRight img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;}