/***** BEGIN 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;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

.clear{clear: both;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* 
 * Containing floats in a consistent manner
 * By Jonathan Neal and Nicolas Gallagher
*/

/* 
 * New block formatting context method
 * IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
*/

.nbfc {
    overflow: hidden;
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

/* 
 * Clearfix method (contemporary browsers)
 * IE 6+, Firefox 3.5+, Safari 4+, Opera 9+, Chrome
 * (needs old mobile browser testing)
*/

.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* 
 * Clearfix method (increased legacy browser support)
 * IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
*/

.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

.cf:before,
.cf:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden; 
}

.cf:after {
    clear: both;
}

/***** END RESET *****/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background:#FFF;
	color:#242424;
}

/***** TEXT/LINK FORMATTING *****/

a:link, a:visited {color:#000099; text-decoration:none;}
a:hover, a:active {color:#242424; text-decoration:underline;}

p{margin-bottom:18px;}

h1,h2,h3,h4,h5{line-height:normal;}
h1{font-size:24px; color:#000099; margin:0px 0px 3px;}
h2{font-size:21px;}
h3{font-size:18px; color:#000099; margin:0px 0px 3px;}
h4{font-size:15px;}
h5{font-size:12px; font-style:italic;}

#pad{padding: 30px 0;}

/***** SITE FRAMEWORK *****/
.left{float:left;}
.left-padit{float:left; margin:0px 10px 0px 0px;}
.right{float:right;}
.right-padit{float:right; margin:0px 0px 0px 10px;}
.clear-it{clear:both;}
.border-it{border:1px solid #ccc;}

.wrap {
	margin:0px auto;
	width:80%;
}


.wrap-auc {
	margin:0px auto;
	width:95%;
	max-width: 1500px;  /** Change to appropriate table width **/
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/***************************************************** HEADER STYLES ******************************************************/
#header{
	width: 100%;
}

#header img {
	max-width: 100%;
}
#logo{width: 100%; max-width: 313px;display: inline-block}

ul#nav{
	width:850px;
	float:right;
	margin:90px 0px 0px;
	padding:0px;
}

#nav li{
	float:right;
	display:inline-block;
	font-weight:bold;
	margin:0px 10px;
}

#nav li a{
	display:block;
	text-decoration:none;
	color:#000099;
	padding:4px 0px;
	font-size: 12px !important
}

#nav li a:hover{
	border-top:4px solid #ccc;
	padding:0px 0px 4px;
}

#contact-info-header{
	width:100%;
	color:#ccc;
	background: #000099;
	text-shadow:0px 1px 2px rgba(0,0,0,.8);
}

#contact-info-header p{
	text-align: right;
	font-style:italic;
	font-weight:bold;
	width:	98%;
	color:#ccc;
	padding:3px 0px;
	font-size: 12px !important;
}

#head-quote {
	text-transform: uppercase;
	margin-left: 30px;
	    font-size: 15px;
	float: left;
}

/***************************************************** MIDSECTION STYLES ******************************************************/
#mid{
	clear:both;
	padding:15px 0px;
	margin:0px auto;
	width:100%;
	text-align: center;
	background: #ccc;
}

a.inv-btn{
	display:inline-block;
	width:210px;
	height:158px;
	text-indent:-9999px;	
	margin:0px 2px 0px 0px;
}

a.inv-btn:hover{background-position:0px -158px !important;}

a#const{background:url('../siteart/construction-btn1.png') no-repeat;}
a#trucks{background:url('../siteart/trucks-btn1.png') no-repeat;}
a#ag{background:url('../siteart/ag-btn1.png') no-repeat;}
a#attach{background:url('../siteart/attach-btn1.png') no-repeat;}
a#auc{background:url('../siteart/auc-btn1.png') no-repeat; margin:0 !important;}
a#valuation{background:url('../siteart/equipment-valuations.png') no-repeat; margin:0 !important;}

/***************************************************** CONTENT STYLES ******************************************************/
/*--contact--*/
.contact-left{display: inline-block; width: 60%; vertical-align: top; padding: 20px 0}
.contact-left form{width: 100%}
.contact-right{	width: 35%; display: inline-block; vertical-align: top; float: right; padding: 20px 0}

#scrolling-inv{
	background:#000099;
	padding:10px 0px;
	margin:20px 0px 30px;
}

a#fb{
	display:block;
	float:left;
	text-indent:-9999px;
	background:url('../siteart/facebook.png') no-repeat;
	height:50px;
	width:211px;
	margin:-5px 0px 0px;
}

a#fb:hover{background-position:0px -50px;}





/***************************************************** FORM STYLES ******************************************************/
.myform label{
	padding:.5em .5em .5em 0;
	display:inline-block;
	width:80px;
	margin-bottom:10px;
}

.myform input, .myform select, .myform textarea{
	padding:.5em;
	width:90%;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.myform label.short{width:50px;}
.myform input.short{width:200px; margin-right:10px;}
.myform textarea.short{width:200px; margin-right:10px;}

.myform label.mini{width:30px;}
.myform input.mini{width:85px; margin-right:10px;}

.myform label.block-it{display:block; float:left;}
.myform textarea.block-it{height:100px;}

.myform input.button, .myform input.button:focus{background:#000099; width:200px; border:0px; margin:10px 20px; cursor: pointer; color: #fff;}
.myform input.button:hover{background:#ccc; color: #000 !important;}

.myform label.checkbox, .myform input.checkbox{width:auto; padding:0 .5em;}

.myform input:focus, .myform textarea:focus{
	background:#000099;
	color:#FFF;
	text-shadow:0px 0px 2px rgba(0,0,0,.9);
}

.myform h4{
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
}

#captcha-box{
	text-align:center;
	margin: 0 auto;
	width:100%;
}

#CaptchaAnswer{
}

/***** FOOTER STYLES *****/
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:8pt; color:#999999;}

.divfooter{width:100%;max-width: 400px; text-align:center; margin:20px auto; line-height:normal;
}





/*--- RESPONSIVE ------------------------------*/

@media screen and (max-width:1600px)  {
	#head-quote {
    margin-right: 8%;
	}
}



@media screen and (max-width:1537px)  {
	#nav{display: none}
	
	#head-quote {
		margin-right: 0 !important;
		margin-left: 10px;
		float: left;
	}
}


@media screen and (max-width:1290px)  {
#mid, .nbfc {display: none;}
	}
@media screen and (max-width:1150px)  {


	

.wrap{width: 90%}	
}

@media screen and (max-width:930px)  {
		#head-quote {
		float: none !important;
		display: block;
		margin: 0 !important;
	}
}


@media screen and (max-width:649px)  {
/*--contact--*/
.contact-left{display: block; width: 100%; padding: 20px 0; text-align: center; margin: 0 auto}
.contact-right{	width: 100%; display: block; float: none; padding: 20px 0; text-align: center}

#contact-info-header p{text-align: left;width: 95%; margin: 0 auto 15px auto;}
		
}

@media screen and (max-width:470px)  {

}