.header { background: url(../graphics/header_gradient_line.jpg) repeat-x; height: 128px; overflow: hidden; }

.headerinner, .footerinner { width: 770px; margin: 0 auto; }
.headerinner img { float: left; }
.headerinner .toplinks { float: right; margin: 107px 10px 0 0; }
.headerinner .toplinks, .headerinner .toplinks a, .footerinner .footlinks, .footerinner .footlinks a, .bbba a { font-size: 11px; color: #7e370b; text-decoration: none; }
.headerinner .toplinks a:hover, .footerinner .footlinks a:hover, .bbba a:hover { text-decoration: underline; }
.main { background: #fff url(../graphics/background_gradient.jpg) repeat-x; }
.maininner { width: 790px; margin: 0 auto; background: #fff; padding: 0 0 20px; }
.maininnerinner { width: 770px; margin: 0 auto; overflow: hidden; }
.montage { margin: 0 0 30px; clear: both; }
.content { min-height: 300px; width: 500px; margin: 0px 10px 10px; overflow: hidden; float: left; }
.widecontent { width: auto; float: none; }
h1, h2, h3 { color: #7e370b; font-size: 22px; margin: 0 0 30px; font-family: "trebuchet ms" ,sans-serif; }
h2 { font-size: 18px; }
h1 span { color: #17904b; }
.harriercontent { font-size: 13px; line-height: 22px; }
.harriercontent p { margin: 0 0 10px; }
.footerinner { text-align: center; }
.footerinner .copyright { margin: 10px 0 0; color: #17904b; font-weight: bold; font-size: 14px; }
.footer { padding: 20px 0 20px; background: #fff url(../graphics/footer_gradient.jpg) repeat-x; overflow: hidden; clear: both; }
.bbba { clear: both; float: right; margin: 0 10px 0 0; font-size: 11px; color: #7E370B; }

.featprojects { width: 230px; float: right; margin: 0 10px; background: #F1F1F1; }
.featprojects h2 { margin: 10px 10px 30px; }
.featprojects ul { overflow: hidden; list-style: none; }
.featprojects li { width: 210px; overflow: hidden; margin: 0 10px 10px; }
.featprojects img { float: left; margin: 0 15px 0 0; }
.featprojects p { float: left; width: 135px; font-size: 12px; line-height: 15px; }
.featprojects a { text-decoration: none; }
.featprojects a:hover { text-decoration: underline; }

.companies { float: right; width: 230px; margin: 0 10px; }

.form ul { list-style: none; text-align: left; font-size: 12px; }
.form li { overflow: hidden; clear: both; margin: 0 0 5px; }
.form label { float: left; display: block; width: 120px; color: #7e370b; font-weight: bold; }
.form span { float: left; }
.form input, .form textarea { background: #D6EEDB; width: 200px; font-family: arial; font-size: 12px; padding: 2px 4px; }
.form .submitcontainer span { background: url(../graphics/send_butt_left.gif) no-repeat top left; display: block; float: right; margin: 0 12px 0 0; }
.form .submit { text-align: left; cursor: pointer; height: 19px; width: auto; color: #fff; font-weight: bold; background: url(../graphics/send_butt_right.gif) no-repeat top right; padding: 0 20px 0 10px; }
.form { font-size: 12px; margin: 20px 0 0; }
.emailpage_table .form { width: 340px; }
.form ul { width: 340px; margin: 0 auto; }

.good { color: green; }
.bad { color: red; }
.good, .bad { font-weight: bold; margin: 0 0 10px; }

.contactcontent { width: 250px; }
.contactform { margin: 0; float: right; width: 500px; background: #F1F1F1; padding: 20px 0; }
.contactform ul { width: 450px; }
.contactform .good, .contactform .bad { text-align: center; }
.contactform input, .contactform textarea { width: 310px; }

.projects ul { list-style: none; }
.projects li { overflow: hidden; margin: 0 0 20px; }
.projects img { float: left; margin: 0 20px 20px 0; width: 200px; }
.projects div { float: left; width: 530px; }
.projects li * { font-size: 13px; line-height: 22px; }
.projects li h2 { font-size: 18px; margin: 0 0 10px; }

.products { list-style: none; }
.products li { overflow: hidden; clear: both; margin: 0 0 20px; }
.products img { float: left; margin: 0 20px 20px 0; clear: left; }
.products h2 { margin: 0 0 0px 0; }
.products h3 { font-size: 14px; }
.products div { margin: 0 0 15px; }
.products .images { float: left; overflow: hidden; width: auto; }
