.left { float:left; }
.right { float:right; }
.clear { clear:both; }
p,h1,h2,h3,h4,ul,li { padding:0; margin:0; }

body { background:#3a3737; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px;}
#top { background:url(../img/top-bg.gif) repeat-x 0 0 #202020;}
#top .container { margin:0 auto; padding:122px 0 20px 0; width:1020px; min-height:341px; background:url(../img/top-container-bg.jpg) no-repeat 0 0; color:#ffffff; }

#head-links { padding:0 0 34px 777px; }
#head-links #contact-us { display:block; padding:0 0 0 15px; background:url(../img/head-link-bg.png) no-repeat 0 0; }
#head-links #visit { display:block; padding:6px 0 0 15px; margin:6px 0 0 0; background:url(../img/head-link-bg2.png) no-repeat 0 0; }
#head-links a { font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; }
#head-links a span { font-size:14px; }
#head-links a:hover { color:#fbfd46; }
#head-links img { padding:0 0 0 16px; margin:0; }

#nav { width:174px; padding:6px 0 0 39px; float:left; }
#nav a { display:block; width:152px; height:58px; margin:0 0 16px 0; text-indent:-9999px; font-size:0; line-height:0; }
#nav #btn-details { background:url(../img/btn-details.jpg) no-repeat left bottom; }
#nav #btn-atwork { background:url(../img/btn-atwork.jpg) no-repeat left bottom; }
#nav #btn-videos { background:url(../img/btn-videos.jpg) no-repeat left bottom; }
#nav #btn-firecast { background:url(../img/btn-firecast.jpg) no-repeat left bottom; }
#nav #btn-brochure { background:url(../img/btn-brochure.jpg) no-repeat left bottom; }
#nav #btn-specs-50 { background:url(../img/btn-specs-50.jpg) no-repeat left bottom; }
#nav #btn-bidspec { background:url(../img/btn-bidspec.jpg) no-repeat left bottom; }
#nav #btn-specs-70 { background:url(../img/btn-specs-70.jpg) no-repeat left bottom; margin:0; }
#nav #btn-details:hover,#nav #btn-atwork:hover,#nav #btn-videos:hover,#nav #btn-brochure:hover,#nav #btn-specs:hover, #nav #btn-specs-50:hover,#nav #btn-bidspec:hover, #nav #btn-specs-70:hover, #nav #btn-firecast:hover { background-position:left top; }

#content { float:left; width:778px; }
#copy { width:400px; float:left; }
#copy h1 { font-size:19px; line-height:1.2em; }
#copy h1 span { color:#e83024; }
#copy h2 { font-size:15px; line-height:1.2em; }
#copy h2 span { color:#e83024; }
#copy p { font-size:14px; padding:11px 0 3px 0; line-height:1.2em; }
#copy p span { color:#e83024; }
#copy p.last { padding-bottom:30px; }
#content img { float:right; }
#content #photos-home { padding:80px 0 0 0; } 
#content #photo-details { padding:6px 62px 0 0; }
#content #photo-work { padding:6px 62px 22px 0; }
#content #inquiries { clear:both; background:#e80000; padding:6px 6px 6px 12px; width:709px; height:67px; }
#content #inquiries p { font-weight:bold; line-height:1.2em; padding:6px 0 0 0; }
#content #inquiries #more-info { display:block; width:228px; height:57px; padding:10px 0 0 0; background:url(../img/btn-more-info.gif) no-repeat 0 0; text-align:center; font-weight:bold; font-size:16px; float:right; margin:0 0 0 24px; text-decoration:none; color:#ffffff; }
#content #inquiries #more-info:hover { color:#fbfd46; }

#middle { background:url(../img/middle-bg.gif) repeat-x 0 0; }
#middle .container { margin:0 auto; width:1020px; height:66px; background:url(../img/banner-home.gif) no-repeat 0 0; }
#middle h1 { font-size:30px; }

#middle .container-details { margin:0 auto; width:962px; height:822px; padding:4px 0 0 58px; background:url(../img/middle-details-bg.jpg) no-repeat 0 0; color:#ffffff; position:relative; }
#middle .container-details p { width:383px; line-height:1.5em; padding:16px 0 22px 0; }
#middle .container-details .link { position:absolute; }
#middle .container-details .link a { display:block; width:42px; height:41px; background:url(../img/target.png) no-repeat left bottom; text-indent:-9999px; font-size:0; line-height:0; }
#middle .container-details .link a:hover { background-position:left top; }
#middle .container-details .link h2 { background:#ff0000; padding:8px 15px; font-size:19px; cursor:pointer; }
#middle .container-details #nozzle { top:54px; left:670px; }
#middle .container-details #nozzle a { margin:0 0 40px 75px; }
#middle .container-details #nozzle h2 { margin:0 0 10px 40px; width:170px; }
#middle .container-details #nozzle img { display:none; }
#middle .container-details #boom { top:366px; left:515px; }
#middle .container-details #boom h2 { float:right; margin:0 0 0 56px; }
#middle .container-details #remote { top:519px; left:508px; }
#middle .container-details #remote h2 { width:270px; }
#middle .container-details #remote a { margin:4px 0 0 284px; }
#middle .container-details #stabilizers { top:679px; left:479px; }
#middle .container-details #stabilizers a { margin:0 0 8px 2px; }

#middle .container-work { margin:0 auto; width:962px; height:553px; padding:4px 0 0 58px; background:url(../img/middle-work-bg.jpg) no-repeat 0 0; color:#ffffff; position:relative; }
#middle .container-work .flexslider { margin:18px 0 0 0; width:906px; border:none; }
#middle .container-work .flexslider .slides { margin:0; padding:0; /*display:none; */}
#middle .container-work .flexslider .slides li { min-height:308px; }
#middle .container-work .flexslider .slides li img { float:left; margin:0 22px 0 43px; width:auto; }
#middle .container-work .flexslider .slides li .slide-copy { width:360px; float:left; }
#middle .container-work .flexslider .slides li h2 { font-size:24px; }
#middle .container-work .flexslider .slides li p { padding:0 0 18px 0; }

#middle .container-video { margin:0 auto; width:962px; height:569px; padding:4px 0 12px 58px; background:url(../img/middle-video-bg.jpg) no-repeat 0 0; color:#ffffff; position:relative; }
#middle .container-video iframe { margin:16px 0 0 0; }

#middle .container-work #thumbs { list-style:none; padding:26px 0 0 0; }
#middle .container-work #thumbs li { float:left; margin:0 17px 0 0; }
#middle .container-work #thumbs li h4 { font-size:11px; color:#bdbdbd; padding:0 0 2px 0; } 
#middle .container-work #thumbs li a { display:block; width:167px; height:122px; }
#middle .container-work #thumbs li.selected h4 { color:#f60000; }
#middle .container-work #thumbs li.selected a { backround-position:left top; } 
#middle .container-work #thumbs li #thumb-ventilation { background:url(../img/thumb-ventilation.jpg) no-repeat left top; }
#middle .container-work #thumbs li #thumb-foam { background:url(../img/thumb-foam.jpg) no-repeat left bottom; }
#middle .container-work #thumbs li #thumb-suppression { background:url(../img/thumb-suppression.jpg) no-repeat left bottom; }
#middle .container-work #thumbs li #thumb-demo { background:url(../img/thumb-demo.jpg) no-repeat left bottom; }
#middle .container-work #thumbs li #thumb-lift { background:url(../img/thumb-lift.jpg) no-repeat left bottom; }

#bottom { margin:0 auto; padding:28px 0 30px 39px; width:981px; color:#b0acac; font-size:11px; }
#bottom #contact { background:url(../img/gradall-logo.gif) no-repeat 0 0; padding:32px 75px 0 6px; float:left; }
#bottom #contact span { color:#ee2d23; }
#bottom #contact a { font-size:12px; color:#ee2d23; text-decoration:none; }
#bottom #contact #gradall { font-size:11px; color:#b0acac; }
#bottom #contact a:hover,#bottom #contact #gradall:hover { color:#ffffff; }
#bottom #gradall-industries { display:block; width:161px; height:90px; background:url(../img/btn-gradall-industries.gif) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; float:left; margin: 0px 10px 0px 100px; }
#bottom #alamo { display:block; width:90px; height:90px; margin:0 22px; background:url(../img/btn-alamo.gif) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; float:left; }
#bottom #murica { display:block; width:161px; height:90px; background:url(../img/btn-murica.gif) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; float:left; }

/* FORM */
#overlay {width:100%;height:100%;position:absolute;top:0px;left:0px;background:#000000;opacity:0.8;filter:alpha(opacity=80);z-index:1200;}
#form-overlay {width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1250;}
#form-container { background: #9d0000; /* Old browsers */
background: -moz-linear-gradient(top,  #9d0000 17%, #f40000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#9d0000), color-stop(100%,#f40000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9d0000 17%,#f40000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9d0000 17%,#f40000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9d0000 17%,#f40000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9d0000 17%,#f40000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0000', endColorstr='#f40000',GradientType=0 ); /* IE6-9 */
border:2px solid #f80000;width:550px;margin:80px auto 0px auto;position:relative;padding:20px;display:none; }
#form-container h1 { color:#ffffff; text-align:center; }
#close-form {position:absolute;top:2px;right:2px;display:block;width:45px;height:45px;background:url(../img/close-form.png) no-repeat 0 0; }
#form-wrap {display:none;}
form {width:400px;margin:20px auto;}
form p.required { font-weight:bold;color:#ee2d24;font-size:12px;padding:0 0 6px 0; }
form label span { font-weight:bold;color:#ee2d24;font-size:12px;padding-right:2px; }
form div {width:190px;float:left;margin:0px 0px 7px 0px;}
form div label {clear:both;float:left;width:100%;font-size:10px;color:#ffffff;margin:0px 0px 3px 0px;}
form div input {clear:both;float:left;width:180px;height:20px;border:none;}
form div.full {width:390px;}
form div.full input {width:370px;}
form div.half {width:100px;}
form div.half input {width:80px;}
form div.state {width:100px;}
form div.state input {width:90px;}
form div.third {width:127px;}
form div.third input {width:115px;}
form textarea {width:370px;height:70px;border:none;}
form div.checkbox {width:390px;}
form div.checkbox input {width:auto;clear:none;margin:0px 7px 0px 0px;}
form div.checkbox label {width:auto;clear:none;line-height:22px;font-weight:bold;font-size:14px;}
form div.checkbox img {float:left;margin:0px 5px 0px 0px;}
form #submit {margin:10px 0px 0px 0px; clear:both; display:block; width:150px; height:58px; text-indent:-9999px; font-size:0; line-height:0; background:url(../img/btn-submit.jpg) no-repeat left bottom; border:none; }
form #submit:hover { background-position:left top; }
#full_name {display:none;}
.hidden {display:none;}
#form-heading {margin:-180px 0px 50px -130px;}
p.form-intro {font-size:13px;font-weight:bold;}
#checkboxes {clear:both;width:390px; margin:8px 0px 0px 0px;}
#checkboxes p {font-weight:bold;font-size:16px;color:#ffffff;padding:0 0 8px 0; }
.error { color:#e83024; font-size:16px; font-weight:bold; }