* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: left; color: #5E6C70; margin: 0; padding:0; background: #EAEAEA  url("../img/main-bg.gif") top left repeat-x; font: 12px Tahoma, Verdana, Arial, sans;}

p {text-align: left; color: #333; line-height: 2em; padding: 10px 0; margin: 0;}
a, ul, li {color: #333;}
a:HOVER {text-decoration: none;}

.l {float: left;}
.r {float: right;}
.ar {text-align: right;}
.spacer {height: 1.0em;}
.center {text-align: center;}
.clear {clear: both;}
.topspace {margin: 10px 0 0 0;}
.orange {color: #ff7800;}
.grey {color: #666;}

p.warning {padding: 10px; color: #800;}
p.success {padding: 10px; color: #080;}
p.spinner {padding: 10px;}

h1 {color: #FF7800; font-size: 2em; font-weight: normal; margin: 15px 0; text-align: left;}
h2 {color: #008E80; font-size: 1.6em; font-weight: normal; text-align: left;}

.s50 {width: 50px;}
.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s250 {width: 250px;}
.s300 {width: 300px;}
.p70 {width: 70%;}
.p50 {width: 50%;}
.p100 {width: 100%;}
.l5 {height: 5em;}

.strong {font-weight: bold;}
/********************************************************************************/

#wrapper {width: 720px; margin: 0 auto; padding: 0; text-align: left; background: none; z-index: 2;}

#content-wrapper {width: 720px; background: url("../img/content-bg.gif") repeat-y;}

#content {width: 720px; display: table-cell; background: url("../img/content-top-bg.gif") no-repeat;}

#content #main-menu {overflow: hidden; padding: 0 10px;}
#content #main-menu ul {margin: 0 0 0 10px;}
#content #main-menu ul li {list-style: none; display: inline;}
#content #main-menu ul li a {color: #fff; display: block; width: 114px; height: 39px; float: left; text-align: center; text-decoration: none; font-size: 1.17em; padding: 5px 0 0 0; background: url("../img/main-menu-butt-active-bg.gif") no-repeat;}
#content #main-menu ul li a:HOVER, #content #main-menu ul li a.on {background: url("../img/main-menu-butt-hover-bg.gif") no-repeat;}

#content #logo {float: left; width: 200px; height: 90px; padding: 0; margin: 0 0 0 10px;}

#content h1 {margin: 10px 20px 10px 230px; text-align: left;}
#content h2 {margin: 10px 20px 10px 230px; text-align: left;}

#content #banner {display: block; width: 700px; height: 250px; background: url("../img/banner-bg.gif") 0 50% repeat-x; margin: 0 10px;}

#content #page {float: right; width: 470px; text-align: left; padding: 0 20px 0 0; margin: 0;}

#content #page p {padding: 10px 0; color: #333;}
#content #page h2 {margin: 10px 0; text-align: left;}

#content #page ul {margin: 0 0 0 20px;}
#content #page ul li {line-height: 1.8em;}
#content #page ul li.space {padding: 0 0 15px 0;}

em {font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size: 1.2em; color: #333;}

#content #bcrumb {width: 470px; margin: 10px 0; padding: 0; float: right;}
#content #bcrumb ul {list-style: none; font-size: 0.9em; background: #f6f6f6; padding: 5px 0; margin: 0;}
#content #bcrumb ul li {display: inline;}
#content #bcrumb ul li a {padding: 0 0 0 15px; background: url("../img/arrow.gif") 5px 50% no-repeat;}

#content #left-column {float: left; width: 200px; padding: 0 0 0 20px;}
#content #left-column h2 {margin: 10px 15px 0 0; text-align: right;}

#content #left-column #qq {float: left; width: 200px; height: 160px; background: url("../img/quick-quote-bg.gif") no-repeat; margin: 15px 0 0 0; overflow: hidden;}
#content #left-column #qq h2 {color: #FF7800; font-size: 1.6em; font-weight: normal; margin: 10px 0 10px 15px; text-align: left;}
#content #left-column #qq p {padding: 0 15px;}
#content #left-column #qq p a {font-weight: bold;}

#content #left-column #call {float: left; width: 200px; height: 160px; background: url("../img/have-us-call-you-bg.gif") no-repeat; margin: 15px 0 0 0; overflow: hidden;}
#content #left-column #call fieldset {border: none; padding: 0 0 0 15px;}
#content #left-column #call fieldset label {color: #333; font-size: 0.9em; float: left; margin: 0 0 5px 0;}
#content #left-column #call fieldset input {border: 1px solid #00788B; font-size: 0.9em; padding: 0.2em; color: #00788B; background: #fff;}
#content #left-column #call h2 {color: #FF7800; font-size: 1.6em; font-weight: normal; margin: 10px 0 10px 15px; text-align: left;}
#content #left-column #call #callresponsediv {background: url("../img/callresponsediv.png") no-repeat; color: #333; display: none; width: 120px; height: 80px; padding: 15px; z-index: 3; position: relative; top: -100px; left: 10px;}
#content #left-column #call #callresponsediv p {padding: 0; font-size: 0.9em;}

#content #left-column .sidemenu {float: left; width: 200px; margin: 10px 0; padding: 0;}
#content #left-column .sidemenu ul {list-style: none; padding: 0 5px;}
#content #left-column .sidemenu ul li {text-align: right; padding: 0 0 1px 0;}
#content #left-column .sidemenu ul li a {padding: 5px 25px 5px 5px; display: block; color: #333; font-size: 0.9em; text-decoration: none; background: url("../img/arrow-orange.gif") 95% 50% no-repeat;}
#content #left-column .sidemenu ul li a:HOVER {color: #fff; text-decoration: none; background: #FF7800 url("../img/arrow-white.gif") 95% 50% no-repeat;}
#content #left-column .sidemenu ul li a.on {color: #fff; text-decoration: none; background: #FF7800 url("../img/arrow-white.gif") 95% 50% no-repeat;}

#content #page #map {width: 450px; height: 300px; display: block; padding: 0 20px 0 0; margin: 10px 0;}

#content #page form.inputform {}
#content #page form.inputform fieldset {border: none;}
#content #page form.inputform p {padding: 0;}
#content #page form.inputform table {margin: 0; border-collapse: collapse; color: #333; background: none;}
#content #page form.inputform table td {padding: 5px; text-align: left; vertical-align: top;}
#content #page form.inputform table td.rightalign {text-align: right;}
#content #page form.inputform table tr.alt {background: #F5F5F5;}
#content #page form.inputform table tr td.action {padding: 5px; border-top: 1px solid #EF730F; text-align: center; }
#content #page form.inputform table select, input, textarea {padding: 0 0 0 2px; border: 1px solid #999; color: #fff; background: #008E80;}
#content #page form.inputform table select, input {padding: 0.3em;}
#content #page form.inputform table textarea {height: 5em;}
#content #page form.inputform input.submit { margin: 5px 0 0 5px; background: #8B8786; border: 1px solid #5D5A5A; color: #fff; font-weight: bold;}
#content #page span.mand {color: #ff7800; font-weight: bold; text-align: left;}
#content #page .ht {font-size: 0.8em; color: #777;}

#content #page .hint {font-size: 0.8em; color: #666;}

#content #page dl {margin: 10px 0; width: 470px; float: right;}
#content #page dl dt {display: block; background: #fff; color: #00788b; border: 1px solid #00788b; border-width: 0 0 1px 0; font-weight: bold; padding: 10px; margin: 1px 0; cursor: pointer;}
#content #page dl dd {padding: 10px 10px 10px 40px; line-height: 1.5em; display: none;}
#content #page dl dd p {padding: 0;}

#footer {width: 720px; height:200px; background: url("../img/content-bottom-bg.gif") no-repeat;}
#footer p {padding: 0; line-height: 1.2em; font-size: 0.9em;}
#footer div.r {float: right; width: 40%; margin: 70px 0 0 0;}
#footer div.r ul {list-style: none; float: right; font-size: 0.9em; padding: 0 20px 0 0;}
#footer div.r ul li {display: inline; padding: 0 0 0 10px;}
#footer div.r ul li a {text-transform: lowercase;}
#footer div.r p {text-align: right; padding: 10px 20px 0 0;}
#footer div.l {margin: 70px 0 0 0;}
#footer div.l p {padding: 0 0 0 20px;}
#footer div.clear p {text-align: center; padding: 10px 0 0 0;}
