/*
----------------------------------------
file: main.css
app: LE portfolio
date: september 2008
desc: main style document
----------------------------------------
*/


/* elements
................................................................................ */
body {
   margin: 0;
   padding: 10px 0;
   font: 1em arial, helvetica, sans-serif;
   line-height: 1em;
   color: #333;
   background: #eaf7e1 url(../img/body_back.jpg) repeat-x 0 0;
   }

div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, tr, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }

img {
   display: block; /* remove inline whitespace (strict doctype) */
   }

body a {
   text-decoration: none;
   }

#main a:hover {
   border: 0 !important;
   }


/* layout
................................................................................ */
#main {
   width: 950px;
   margin: 0 auto;
   }

#pre-head {
   margin: 0 0 5px;
   padding: 7px 5px;
   background-color: #286c50;
   }

#head {
   position: relative;
   height: 110px;
   margin: 0 0 5px;
   border: 1px solid #999;
   background: #fff url(../img/head_back.gif) no-repeat 100% 0;
   }

#content {
   margin: 0 0 5px;
   padding: 20px;
   border: 1px solid #999;
   background-color: #fff;
   }

#left-col {
   float: left;
   width: 180px;
   padding: 10px 10px 5px;
   border: 1px solid #286c50;
   background-color: #f0f0f0;
   }

#left-col-plain {
   float: left;
   width: 200px;
   padding: 0;
   border: 0;
   background-color: none;
   }

#right-col {
   float: right;
   width: 680px;
   margin: 0 0 0 20px;
   }

#foot {
   padding: 7px 10px;
   background-color: #286c50;
   }


/* pre head
................................................................................ */
#pre-head p {
   margin: 0;
   font: 80% georgia, times, serif;
   line-height: 1;
   font-variant: small-caps;
   text-align: right;
   color: #fff;
   }

#pre-head a {
   margin: 0 5px;
   color: #fff;
   }


/* head
................................................................................ */
#head-logo {
   position: absolute;
   top: 22px;
   left: 10px;
   }

.brand {
   position: absolute;
   top: 6px;
   right: 6px;
   }


/* menus
................................................................................ */
h4 {
   margin: 0 0 4px;
   font: bold 100% georgia, times, serif;
   font-variant: small-caps;
   color: #666;
   }

h4.lower {
   font-variant: normal;
   letter-spacing: -0.05em;
   }

ul.menu {
   margin: 0 0 13px 10px;
   }

ul.menu li {
   padding: 0 0 3px 10px;
   font-size: 75%;
   background: url(../img/bullet1.gif) no-repeat 0 5px;
   }

ul.menu a {
   border-bottom: 1px solid #aaa;
   color: #0e5035;
   }


/* content
................................................................................ */
h2 {
   position: relative;
   margin: 0 0 15px;
   padding: 0 0 3px;
   border-bottom: 1px solid #286c50;
   font: 110% georgia, times, serif;
   color: #333;
   }

h2 span.date {
   position: absolute;
   right: 0;
   top: 3px;
   font: 75% verdana, arial, helvetica, sans-serif;
   color: #930;
   }

h3 {
   position: relative;
   margin: 25px 0 15px;
   padding: 4px 10px 6px;
   border: 1px solid #ccc;
   border-width: 1px 1px 0;
   font: bold 80% georgia, times, serif;
   color: #444;
   background-color: #eee;
   }

h3 span {
   position: absolute;
   right: 10px;
   top: 3px;
   padding: 0 0 2px; /* ie6 - allows link bottom borders to appear */
   }

h3 span a {
   border-bottom: 1px solid #999;
   font: 95% arial, helvetica, sans-serif;
   color: #0e5035;
   }

h3 em {
   margin: 0 0 0 2px;
   font: 95% verdana, arial, helvetica, sans-serif;
   color: #930;
   }

h5 {
   margin: 0 0 15px;
   }

p {
   margin: 0 0 15px;
   font-size: 80%;
   line-height: 1.4;
   }

p.note {
   color: #930;
   }

p.prof {
   font-size: 100%;
   font-weight: bold;
   color: #930
   }

p a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

p img.vidicon {
   display: inline;
   margin: 0 2px 0 1px;
   vertical-align: middle;
   }

table.basic, table.form {
   margin: 0 0 15px;
   border: 1px solid #aaa;
   border-width: 1px 0 0 1px;
   }

table.basic tr.even {
   background-color: #f3f3f3;
   }

table.basic th, table.basic td, table.form th, table.form td {
   border: 1px solid #aaa;
   border-width: 0 1px 1px 0;
   }

table.basic th, table.form th {
   padding: 3px 5px;
   font: bold 70% verdana, arial, helvetica, sans-serif;
   text-align: left;
   color: #333;
   background-color: #b0db9b;
   }

table.basic td {
   padding: 4px 5px;
   font-size: 75%;
   }

table.basic td a, table.form td a, table.label-value td a {
   margin: 0 1px;
   border-bottom: 1px solid #aaa;
   color: #0e5035;
   }

table.thumbs {
   margin: 0 0 15px;
   border-collapse: separate;
   }

table.thumbs td {
   width: 152px;
   padding: 7px;
   border: 1px solid #aaa;
   text-align: center;
   background-color: #f9f9f9;
   vertical-align: top;
   }

table.thumbs img {
   width: 150px;
   margin: 0 0 6px;
   }

table.thumbs p {
   margin: 0 0 2px;
   font-size: 70%;
   line-height: 1.2;
   color: #666;
   }

table.thumbs p.name {
   font-size: 80%;
   color: #930;
   }

table.thumbs p a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

table.thumbs em {
   font-style: normal;
   color: #930;
   }

table.form td {
   padding: 6px 10px;
   font-size: 75%;
   }

table.form td.label {
   padding: 6px 10px;
   border-right: 0;
   font-size: 75%;
   vertical-align: top;
   }

table.form a.txt {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

table.form textarea, dl.faq textarea {
   width: 40em;
   height: 6em;
   }

table input.txtbox, table textarea, table select, dl.faq textarea {
   font: 95% verdana, arial, helvetica, sans-serif;
   color: #111;
   }

table.label-value {
   margin: 0 0 15px;
   border: 1px solid #aaa;
   font-size: 80%;
   background-color: #fff;
   }

table.label-value td {
   padding: 3px 5px;
   }

table.label-value em {
   font-weight: bold;
   font-style: normal;
   color: #333;
   }

dl.faq {
   margin: 0 0 15px;
   font-size: 75%;
   }

dl.faq dt {
   margin: 0 0 3px;
   }

dl.faq dd {
   margin: 0 0 15px;
   }

ul.basic, ul.form, ul.todo {
   margin: 0 0 15px;
   font-size: 80%;
   }

ul.basic li {
   margin: 0 0 4px 25px;
   list-style-type: disc;
   }

ul.form li {
   margin: 0 0 2px;
   }

ul.todo li {
   margin: 0 0 4px;
   }

ul.basic a, ul.form a, ul.todo a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

ul.todo img {
   display: inline;
   vertical-align: middle;
   }

.ref, .ques {
   margin: 0 0 25px;
   }

.ref p, .ques p {
   margin: 0 0 5px;
   color: #555;
   }

.ref p.author, .ques p.author {
   color: #777;
   }

.ref p span, .ques p span {
   margin: 0 1px;
   color: #930;
   }

.ref .author img {
   display: inline;
   margin: 0 10px 0 0;
   }

.ques img {
   float: left;
   padding: 1px;
   border: 1px solid #999;
   }

.ques p {
   margin-left: 76px;
   }

.ques span.cat {
   color: #222;
   }

.leads {
   width: 480px;
   margin: 0 0 20px;
   padding: 10px;
   border-style: solid;
   border-width: 2px;
   background-color: #f9f9f9;
   }

.leads img {
   float: left;
   }

.leads h6 {
   margin: 0 0 5px 30px;
   font-size: 105%;
   }

.leads p {
   margin: 0 0 5px 30px;
   }

.pause {
   border-color: #900;
   }

.pause h6 {
   color: #900;
   }

.select {
   border-color: #c1a900;
   }

.select h6 {
   color: #c1a900;
   }

.priority {
   border-color: #0b7334;
   }

.priority h6 {
   color: #0b7334;
   }

.watch {
   float: right;
   width: 160px;
   margin: 0 0 5px 15px;
   padding: 2px 5px 5px;
   border: 1px solid #666;
   font-size: 70%;
   text-align: center;
   color: #333;
   }

.watch img {
   width: 160px;
   margin: 2px auto 0;
   }

.counties {
   margin: 0 0 20px;
   }

.counties ul {
   float: left;
   display: inline;
   width: 200px;
   }

.dir-listing {
   margin: 0 0 30px;
   }

.dir-listing .left {
   float: left;
   width: 245px;
   }

.dir-listing .left img {
   display: inline;
   margin: 0 auto 3px;
   padding: 1px;
   border: 1px solid #999;
   vertical-align: middle;
   }

.dir-listing h5 {
   margin: 0 0 5px 255px;
   font-size: 100%;
   color: #930;
   }

.dir-listing p {
   margin: 0 0 2px 255px;
   }

.advice {
   margin: 0 0 20px;
   }

.advice h6 {
   margin: 0 0 5px;
   font: bold 75% verdana, arial, helvetica, sans-serif;
   }

.advice h6 a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

.headshot {
   width: 64px;
   height: 70px;
   }

.left-10px {
   margin-left: 10px;
   }

.inline {
   display: inline;
   }

.p175 {
   width: 175px;
   height: 175px;
   }

.p165 {
   width: 165px;
   height: 75px;
   }

.state-map {
   margin: 0 auto;
   }

.login {
   margin: 0 0 20px;
   padding: 10px;
   border: 1px solid #286c50;
   font-size: 70%;
   background-color: #f0f0f0;
   }

.login label {
   display: block;
   }

.login input {
   display: block;
   margin: 0 0 2px;
   padding: 1px;
   }

.login .txt {
   width: 99%;
   }

.login .check {
   display: inline;
   vertical-align: middle;
   }

.login .subm {
   margin: 3px 0;
   }

.login a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

ul.brands {
   margin: 0 0 10px;
   }

ul.brands li {
   margin: 0 0 10px;
   }

ul.brands img {
   margin: 0 0 0 15px;
   display: inline;
   padding: 1px;
   border: 1px solid #999;
   }

ul.brands2 {
   width: 580px;
   height: 80px;
   margin: 0 0 20px 50px;
   }

ul.brands2 li {
   float: left;
   height: 80px;
   padding: 0 20px 0 0;
   }

ul.brands2 img {
   padding: 1px;
   border: 1px solid #999;
   }

.adpanel-sm {
   float: left;
   display: inline;
   width: 180px;
   margin: 0 0 20px 20px;
   padding: 10px;
   border: 1px solid #999;
   text-align: center;
   background-color: #f9f9f9;
   }

#adpack1 {
   margin-left: 0;
   }

.adpanel-sm h5, .adpanel-lg h5 {
   margin: 0 0 8px;
   padding: 0 0 8px;
   border-bottom: 1px solid #ccc;
   font-size: 105%;
   color: #930;
   }

.adpanel-sm p {
   margin: 0 0 8px;
   }

.adpanel-sm ul {
   margin: 0 25px 10px;
   font-size: 80%;
   text-align: left;
   }

.adpanel-sm li {
   list-style-type: disc;
   }

.adpanel-sm p.price, .adpanel-lg p.price {
   font-size: 100%;
   font-weight: bold;
   color: #0e5035;
   }

.adpanel-sm p.price em, .adpanel-lg p.price em {
   font-weight: normal;
   font-style: normal;
   color: #333;
   }

.adpanel-sm p.upgrade span {
   display: block;
   }

.adpanel-lg {
   width: 620px;
   margin: 0 0 20px;
   padding: 10px;
   border: 1px solid #999;
   background-color: #f9f9f9;
   }

.adpanel-lg .desc {
   float: left;
   width: 210px;
   margin: 0 20px 0 0;
   }

.adpanel-lg ul {
   float: left;
   display: inline;
   width: 220px;
   margin: 0 10px 0 20px;
   font-size: 80%;
   }

.adpanel-lg li {
   list-style-type: disc;
   }

.adpanel-lg p.price {
   clear: left;
   margin: 0;
   }

.adpanel-lg .sample {
   float: left;
   }

table.alt1 td {
   padding: 0 0 2px;
   }

table.alt1 td a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

span.soon {
   font-size: 90%;
   color: #930;
   }

table.logos {
   margin: 0 0 10px;
   border: 1px solid #aaa;
   border-width: 1px 0 0 1px;
   }

table.logos td {
   padding: 7px;
   border: 1px solid #aaa;
   border-width: 0 1px 1px 0 0;
   }

.shade1 {
   margin: 0 0 20px;
   padding: 10px;
   border: 1px solid #999;
   background-color: #eaf7e1;
   }

#lead-search {
   width: 550px;
   }

#lead-search label {
   float: left;
   font-size: 70%;
   color: #333;
   }

#lead-search input, #lead-search select {
   margin-right: 10px;
   margin-top: 1px;
   }

#lead-search .s-submit {
   margin: 17px 0 0;
   }

#lead-search .s-bustype {
   width: 270px;
   }

#lead-search .s-city {
   width: 180px;
   }

#states {
   clear: left;
   margin: 0 0 20px;
   }

#states .state-col {
   float: left;
   width: 200px;
   margin: 0 20px 0 0;
   }

#states h5 {
   margin: 0 0 5px;
   padding: 0 0 3px;
   border-bottom: 1px solid #286c50;
   font-weight: normal;
   color: #930;
   }

#states ul {
   margin: 0 0 15px;
   }

#states li {
   padding: 0 0 2px;
   font-size: 75%;
   }

#states a {
   border-bottom: 1px solid #999;
   color: #0e5035;
   }

table.bus-context {
   margin: 0 auto 20px;
   border: 1px solid #999;
   background-color: #f9f9f9;
   }

table.bus-context td {
   padding: 3px 8px 3px 3px;
   font-size: 100%;
   }

table.bus-context p {
   margin: 0;
   }

table.bus-context p.bus {
   font-weight: bold;
   color: #930;
   }

table.bus-context p.phone {
   color: #000;
   }

#signup {
   width: 600px;
   margin: 0 auto 30px;
   padding: 10px 15px 15px;
   border: 2px solid #98CF7A;
   background: #eaf7e1 url(../img/signup_back.jpg) no-repeat 360px 15px;
   }

#signup h3 {
   margin: 0 0 10px;
   padding: 0;
   border: 0;
   font-size: 100%;
   color: #0e5035;
   background: none;
   }

#signup p.intro {
   width: 310px;
   font-size: 75%;
   color: #666;
   }

#signup table {
   margin: 0 0 10px;
   }

#signup td td {
   padding: 2px 0;
   font-size: 75%;
   color: #444;
   }

#signup td.btn {
   padding-top: 8px;
   font-size: 80%;
   }

#signup td td.label {
   padding-right: 10px;
   font-size: 75%;
   color: #999;
   }

#signup input, #signup select {
   font-size: 100%;
   color: #444;
   }

#signup input.txt {
   width: 230px;
   }

#signup p.fine {
   width: 310px;
   margin: 0;
   padding: 0;
   font-size: 70%;
   color: #999;
   }

.adpanel-sm p.signup img {
   display: inline;
   text-align: center;
   }

.adpanel-sm p.signup a {
   border: 0;
   }

ul.cats {
   float: left;
   width: 150px;
   font-size: 95%;
   }


/* foot
................................................................................ */
#foot p {
   margin: 0;
   font: 80% georgia, times, serif;
   line-height: 1;
   font-variant: small-caps;
   text-align: center;
   color: #fff;
   }

#foot a {
   margin: 0 5px;
   color: #fff;
   }

#foot span {
   margin-right: 15px;
   }


/* misc
................................................................................ */
.clear {
   clear: both;
   }

img.inline1 {
   display: inline;
   margin: 0 5px 0 0;
   }

dl.faq td {
   vertical-align: top;
   }