html, body, form, ul, li, p, h1, h2, h3, h4, h5, h6, .header  { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font: 86%/140% Arial,Georgia,Times,Serif; color:#333; background:#fff; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6, a  { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { color: #4a4a4a; }
h1 { font-size: 180%; } h2 { font-size: 145%; } h3 { font-size: 135%; } h4 { font-size: 130%; } h5 { font-size: 120%; } h6 { font-size: 110%; }
ul, li { list-style: none; }
.clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
* html > body .clearfix { width: 100%; display: block; }
* html .clearfix { height: 1%; }
html { margin-bottom: 1px; height: 100%!important; height: auto; }


.headerout { width: 100%; height: 100px; background: #84a137; border-bottom: 1px solid #5b721c; }
.headerin { width: 900px; margin: 0 auto; height: 100px; padding: 0; }
.logo { float: left; position: absolute; width: 170px; height: 100px; background: url(images/logo.gif) no-repeat 0 0; text-indent: -9999px; margin: 0 0 0 25px; }
ul.navigation { float: right; padding: 0; width: 340px; margin: 40px 15px 0 0; color: #fff; }
ul.navigation li { display: inline; margin: 0 2px; }
ul.navigation li a { color: #fff; }
ul.sub { width: 208px; height: 25px; padding: 13px 0 0 12px; background: url(images/submenu.gif) no-repeat top left; position: absolute; margin: 58px 0 0 536px; }
ul.sub li { display: inline; }
ul.sub li a { color: #333; font-size: 85%; }
.content { width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #dcdcdc; background: #f4f4f4; }
.contentin { width: 870px; margin: 0 auto; padding: 0 0 0 30px; }
h3.contenttitle { float: left; background: url(images/services.gif) no-repeat 0 0; width: 120px; height: 530px; text-indent: -9999px; margin: 30px 0; } 
h3.contenttitleabout { float: left; background: url(images/about.gif) no-repeat 0 0; width: 120px; height: 420px; text-indent: -9999px; margin: 30px 0; }
h3.contenttitlecontact { float: left; background: url(images/contact.gif) no-repeat 0 0; width: 120px; height: 520px; text-indent: -9999px; margin: 30px 0; } 
h3.contenttitlerequest { float: left; background: url(images/request.gif) no-repeat 0 0; width: 120px; height: 900px; text-indent: -9999px; margin: 30px 0; } 
.contenttext { float: left; width: 650px; margin: 0; padding: 30px 0 30px 70px; }

.contact-text { float: left; width: 300px; padding-left: 10px; padding-top: 15px;}
.contentform { float: left; width: 300px; padding-left: 20px; margin-right: 10px; }
.contactmain { width: auto; font-size: 1.1em; margin-bottom: 25px; border: 1px solid #f1f1f1; background: #f9f9f9; padding: 10px 10px; }
.contact-text .titlecon { font-size: 1.1em; font-weight: bold; display: block; width: auto; }
.contact-text .textcon { font-size: 1.2em; font-weight: normal; margin-top: 10px; display: block; width: auto; }
.contact-text .titlecons { font-size: 1.2em; font-weight: normal; margin-top: 5px; padding-left: 4px;}
.submitbtn { width: 52px; height: 24px; float: right; margin-right: 5px;}
.contentform .input { border: 1px solid #ccc; width: 290px; background: #fff; font-size: 1em; padding:7px; margin-bottom:10px; }
.contentform .secinput { float: left; border: 1px solid #ccc; width: 30px; background: #fff; font-size: 1em; padding:7px; margin-bottom:10px; }
.contentform .input:focus, .contentform .textarea:focus { border:1px solid #807D73; background: #f2f2f2; }
.contentform .textarea { border: 1px solid #ccc; width: 290px; background: #fff; font-size: 1.2em; padding: 7px; margin-bottom: 10px; height: 150px; }
.successful { width: auto; display: block; padding: 30px 0; text-align: center; font-size: 110%; }
.errormsg { display: block; width: auto; height: 22px; line-height: 22px; color: #FFFFFF; font-weight: bold; background: #FF9D9D url(images/stop.gif) no-repeat 10px center; padding: 3px 10px 3px 40px; margin: 10px 0; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000; }
label.seccode { float: left; height: 33px; line-height: 33px; margin-right: 5px; }
input.button { float: right; cursor: pointer; border: none; background: url(images/send.gif) no-repeat left top; width: 62px; height: 26px; }

h2.process { margin: 20px 0; color: #d53232; }
.processbox { width: auto; padding: 0 10px 10px 10px; background: #f9f9f9; border: 1px solid #dddddd; margin-bottom: 15px; }
.processbox h3 { width: auto; border-bottom: 1px dotted #b0b0b0; padding: 10px 0 10px 0; margin: 0 0 10px 0; }
h2.content-title { width: 100%; margin: 10px 0; padding: 10px 0; font-weight: bold; border-bottom: 1px dotted #b0b0b0; }


.map { width: 100%; height: 299px; border-bottom: 1px solid #dcdcdc; background: #f4f4f4; }
.mapin { width: 900px; margin: 0 auto; height: 299px; background: url(images/map.gif) no-repeat top left; }
.copyright { width: 100%; height: auto; text-align: center; padding: 20px 0 30px 0; font-size: 85%; color: #bbb; }


.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter { display: block; text-align: center; margin: 0 auto; }
.endOfSection { clear: both; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0; }
#quoteform  { display: block; width: auto; }
#quoteform p { clear: left; margin: 0; padding: 5px 0 8px 0; height: 1%; }
#quoteform label  { display: block; float: left; clear: left; margin: 5px 0 10px 0; width: 300px; line-height: 120%; }
#quoteform input, #quoteform textarea, #quoteform select { padding: 2px; font-size: 1em; color: #666666; background: #F5F5F5; border: 1px solid #ccc; float: left; display: block; margin: 5px 0 10px 0; }
#quoteform input:focus, #quoteform textarea:focus, #quoteform select:focus { border: 1px solid #999; background-color: #FFFFFF; }
.fright { display: block; float: left; }
.fright label { width: 400px; line-height: 160%; margin: 0 !important; font-size: 90%; }
.fright input { margin-right: 5px !important; }
span.required { font-size: 13px !important; color: red !important; }
#quoteform h3 { font-size: 1.4em; color: #443833; border-bottom: 1px dotted #443833; width: auto; margin: 40px 0 15px 0; padding: 0 0 20px 0; }
#quoteform input.button { float: right; cursor: pointer; border: none; background: url(images/send.gif) no-repeat left top; width: 62px; height: 26px; }
#quoteform label.seccode { float: left; height: 33px; line-height: 33px; margin-right: 5px; width: 220px; }
#quoteform .secinput { float: left; border: 1px solid #ccc; width: 30px; background: #fff; font-size: 1em; padding:7px; margin-bottom:10px; }