/* -css reset----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
a img, input[type="submit"] { border: 0;}

/* -structure----------*/
body { background: #c3c3c3;}
.wrapper {background:#fff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); display: block; margin: 0 auto; width: 960px;}
.header, .nav, .footer {clear:both;}
.clear {clear:both;}
.clear.left {clear:left;}
.clear.right {clear:right;}
.group:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/* -typography----------*/
body { font-family: Arial, Helvetica, sans-serif; text-align: left;}
h1 { font-size: 2.25em; /* 16x2.25=36 */ line-height: 1em; /* 36x1=36 */ margin: 18px 0; }
h2 { font-size: 1.5em; /* 16x1.5=24 */ line-height: 1.167em; /* 24x1.167=28 */ margin: 22px 0;}
h3 { font-size: 1.125em; /* 16x1.125=18 */ line-height: 1.115em; /* 18x1.115=20 */ margin: 20px 0 14px 0; }
h4 { font-size: 1em; /* 16x1=16 */ line-height: 1.125em; /* 16x1.125=18 */ margin: 18px 0; }
h5 { font-size: .875em; /* 16x0.875=14 */ line-height: 1.286em; /* 14x1.286=18 */ margin: 9px 0; }
h6 { font-size: .8125em; /* 16x0.8125=13 */ line-height: 1.385em; /* 13x1.385=18 */ margin: 9px 0; }
p, ul, ol, table, blockquote { font-size: .8125em; /* 16x0.8125=13 */ line-height: 1.385em; /* 13x1.385=18 */ margin: 18px 0; }
a { color: #069; text-decoration: none;}
p a, li a { text-decoration: underline;}
p ul, ul p, p ol, ol p, ul ul, ol ol, ol ul {font-size:1em;} 

/* -header----------*/
.header {background:url(images/texture.gif); height:140px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.header .wrapper {background:none; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); height:130px;}
.header h2 { width:200px; font-size:2.3em; margin:40px 0 0 0; float:left;}
.header h2 a {color:#ffe400;}
.header ul {float:right; width:700px; padding-top:20px;}
.header ul li{width:150px; height:80px; float:right; text-indent:-500px; overflow:hidden;}
.header li.aerial {background:url(images/equipment-grid.png) no-repeat -15px top; width:120px;}
.header li.skidsteer {background:url(images/equipment-grid.png) no-repeat -180px 0; width:120px;}
.header li.backhoe {background:url(images/equipment-grid.png) no-repeat 0 -80px;}
.header li.excavator {background:url(images/equipment-grid.png) no-repeat -150px -80px;}

.header ul.primary {float:right; width:700px; padding-top:0; margin-top:0;}
.header .primary li.aerial {background:url(images/lift.png) no-repeat left top; width:180px; height:128px; margin-top:0px;}
.header .primary li.skidsteer {background:url(images/skid.png) no-repeat left top; width:209px; height:110px; margin-top:12px;}
.header .primary li.backhoe {background:url(images/backhoe.png) no-repeat left top; width:290px; height:118px; margin-top:10px;}
.header .primary li.excavator {background:url(images/excavator.png) no-repeat left top; width:210px; height:120px; margin-top:6px;}

.header .bar {background:url(images/bar.gif) repeat-x bottom; width:100%; height:10px;}



/* -nav----------*/
.nav{background:#ffc547; width:100%; display:block; clear:both; margin-top:10px;}
.nav ul{background:#ffc547; display:block; clear:both; margin:0; padding:6px 0;}

.nav li {background:#ffc547; display:inline;}
.nav li a {color:#000; padding:7px 2.9em;}
.nav li a:hover {color:#fff; background:#000;}
.nav li.current a {color:#fff; background:#000;}

/* -Call to RFQ----------*/
.callToQuote {width:250px; float:right; margin:20px; background:#ffc547 url(images/backhoe_box.jpg) no-repeat left top; padding:180px 0 0 0;}
.callToQuote h4 {margin-left:10px;}
.callToQuote select {margin-left:10px;}
.callToQuote select.second {margin-top:9px;}
.callToQuote ul {background:#000; margin-bottom:0; padding:3px 0;}
.callToQuote li {color:#ffe400; text-align:center; font-size:.95em; width:100%;}
.callToQuote.excavator {background-image:url(images/excavator_box.jpg); }
.callToQuote.miniExcavator {background-image:url(images/mini_excavator_box.jpg); }
.callToQuote.skidSteer {background-image:url(images/skid_box.jpg); }
.callToQuote.aerialLift {background-image:url(images/lift_box.jpg); }

.steps {float:right; width:250px;}
.steps h3 {margin-top:0px;}

/* -Main Content----------*/
.mainContent {margin:0 15px;}
.mainContent h3 {clear:left;}
.mainContent ul {}
.mainContent li {list-style:disc; margin-left:30px;}
.mainContent table {}
.mainContent table td {padding:6px 1em; border:1px solid #666;}
.mainContent table th {font-weight:bold; padding:6px 1em;}

.feature {width:188px; float:left; background:url(images/machine_types.jpg) no-repeat left top; margin:0 20px 20px 0px; padding:10px; height:290px;}
.feature h5 {margin: 18px 0 0 0;}
.feature h5 a {text-decoration:underline; padding:155px 0 0 0; display:block;}
.feature p {margin: 0 ;}
.feature.excavator {background-position:0px;}
.feature.backhoe {background-position:-225px;}
.feature.skidsteer {background-position:-455px;}
.feature.miniexcavator {background-position:-680px; clear:right;}
.feature:last {margin-right:0px;}

.content_left {width:40%; float:left; margin-top:0;}
.content_right { }


.othernav {background:#ffe2a3; padding:10px 0 10px 10px; text-align:center;}
.othernav li {background:url(images/texture.gif); border:2px solid #ffa800; display:block; float:left; list-style:none; margin:0 10px 0 0; padding:0; width:213px; }
.othernav li a {color:#fff; display:block; font-weight:bold; font-size:1.4em; width:213px; padding-top:110px; background-repeat:no-repeat; line-height:3em; text-decoration:none}
.othernav li a.pricing {background-image:url(images/pricing.jpg);}
.othernav li a.buy {background-image:url(images/buy.jpg);}
.othernav li a.dealer {background-image:url(images/dealer.jpg);}
.othernav li a.manufacturers {background-image:url(images/manufacture.jpg);}
.othernav li a:hover {text-decoration:underline; text-shadow:#333 3px 1px 1px;}

/* -Email Forms----------*/
.mainContent form ol li {list-style:decimal; margin-left:3em; margin-top:9px; padding:5px;}
form ol li h4 {padding-top:9px; margin-bottom:0; margin-top:0;}
form input {margin:3px 0;}
form p {margin:3px 0; padding:9px 5px;}
form .error {background: #fff9ec; border:1px dashed #ffc547; }
form span {font-size:.9em; font-weight:normal; display:none;}
form .error span {color:#f00; padding-left:10px; display:inline;}
form option.indent {padding-left:28px;}

/* -Adsense----------*/
.adsense.skyscraper {margin:15px; float:right;}
.adsense.wide {width:490px; margin:0 auto;} 

/* -Aside----------*/
.aside {margin:0 15px;}

/* -footer----------*/
.footer {text-align:center; background:url(images/bar.gif) repeat-x bottom; padding:15px;}
.footer ul {margin-bottom:0;}
.footer li {display:inline; padding:3px 2em;}
.footer p {margin:0;} 


@media screen and (max-width: 750px) {
	.wrapper {width:100%; margin:0;}
	.header {width:100%;}
	.header h2 {width:38%;}
	.header ul.primary {width:60%}
	.nav {}
	.nav li a {padding:3px 2%;}
	.mainContent {width:90%; margin-right:0;}
	.footer { clear:both;}
	.adsense {display:none;}

}

@media screen and (max-width: 340px) {
	.header, .wrapper {width:100%;}
	.callToQuote, .mainContent, .nav, .footer {width:100%; clear:both;}
	.footer li {padding:.5em;}
	.header h2 {font-size:1.8em; margin-top:20px;}
	.nav ul {padding:none;}
	.nav li a:hover {background:#ffc547; color:#000;}
	.nav li.current a {color:#000; background:#ffc547; font-weight:bold;}
	.callToQuote {margin:10px 0px; float:none; background-position:-1000px -1000px; padding:1px;}
	.callToQuote ul {display:none;}
	h1 { font-size: 1.75em; /* 16x1.75=28 */  line-height: 1em; /* 28x1=28 */ margin: 22px 0;}
	.mainContent {margin:0;}
	.mainContent table {width:95%}
	.mainContent table td {padding:2px; border:1px solid #666;}
	.mainContent table th {font-weight:bold; padding:2px;}
	.othernav {width:90%; }
	.othernav li{width:96%;  margin-bottom:3px;}
	.othernav li a{background-position:-1000px; padding-top:0; width:100%; line-height:1.5em}
	.footer li{ display:block;}
}