﻿/***** 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;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/***** END RESET *****/

h1{
	font-family:"Roboto Condensed", "Arial Narrow";
	font-size:40px;
	font-weight:bolder;
	color:#000;
}

h2{
	font-family:"Roboto Condensed", "Arial Narrow";
	font-size:21px;
	font-weight:bold;
	color:#c61d23;
	text-transform:uppercase;
}



hr{
	border-bottom:#a7a9ac dotted 1px;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:6px 0px;
}

body {
	background:#fff;
	text-align:left;
	margin:0 auto;
	overflow-x: hidden;
	font-family:Arial, san-serif, Helvetica;
}

p {
	font-family:Arial, san-serif, Helvetica;
	font-size:13px;
	line-height:18px;
	color:#000;
	text-align:left;
	padding-bottom:16px;
}


a:link, a:visited, a:active {text-decoration:none; color:#818184;}
a:hover {text-decoration:none; color:#c61d23;}



.clear{
	clear:both;
	height:0px;
}



#header-bkg{
	background:url('../siteart/header.jpg') repeat-x;
	min-width:1186px;
}


#header{
	background:url('../siteart/glow.png') no-repeat right;
	margin:0 auto;
	width: 100%;
	height:90px;
	padding:0 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

#header-info ul li {
	display:inline;
	float:right;
}

#header-info li {
	padding:0px 15px;
	font-family:"Roboto Condensed", "Arial Narrow";
	font-weight:bold;
	text-transform:uppercase;
}

#header-info .phone {
	line-height:36px;
	color:#fff;
	font-size: 30px;
	padding: 5px 10px;
}

#header-info .location {
	color:#c61d23;
	font-size: 30px;
	line-height: 36px;
	padding: 5px 10px;
}


#navbkg{
	background:url('../siteart/nav.jpg') repeat-x;
	border-bottom: 2px solid #c61d23;
	height:36px;
	min-width:1186px;
}


#nav {
	margin:0 auto;
	height:36px;
	width:1020px;
}


#nav a:link, #nav a:visited, #nav a:active {
	font-family:"Roboto Condensed", "Arial Narrow";
	text-transform:uppercase;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	display:inline-block;
	padding:0px 24px;
	line-height:36px;
	font-weight: 600;
	transition: auto;
}

#nav a:link#red, #nav a:visited#red, #nav a:active#red {
	color: #c61d23;
}

#nav a:hover {
	background:#000 url('../siteart/arrow.png') no-repeat bottom center;
}

#nav ul li {
	display:inline;
}


#top-bkg{
	background:#fff url('../siteart/top.jpg') repeat-x top;
	min-width:1186px;
}

#banner{
	margin:0 auto;
	width:1305px;
	padding-top:10px;
	height:373px;
}

#top{
	margin:0 auto;
	width:1020px;
	padding:30px 0px;
}


#content-wrap{
	margin:32px auto;
	width:1020px;
}

#left{
	width:655px;
	float:left;
	border-left:#c61d23 solid 5px;
	padding-left:30px;
}

#right{
	width:289px;
	float:right;
}

#phone-icon{
	background:url('../siteart/phone.png') no-repeat left;
	line-height:36px;
	font-family:"Roboto Condensed", "Arial Narrow";
	color:#000;
	font-size:36px;
	font-weight:bold;
	padding-left:36px;
	width:330px;
}

#list-box{
	float:right;
	width:268px;
	margin-top:8px;
}

#list-box li {
	background:#c61d23 url('../siteart/list-arrow.jpg') no-repeat left;
	font-family:"Roboto Condensed", "Arial Narrow";
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 10px 0px 20px;
	width:238px;
	line-height:42px;
	margin-bottom:5px;
}

#list-box a:link, #list-box a:visited, #list-box a:active {
	color:#fff;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}

#list-box a:hover {
	color: #000;
}

#list-box ul li {
	display:block;
	float:left;
}


#machines a{
	background: #c61d23 url('../siteart/machines-red2.jpg') no-repeat;
	width:79px;
	height:31px;
	padding:45px 0px 0px 210px;
	color:#fff;
	text-decoration:none;
	display:block;
	font-family:"Roboto Condensed", "Arial Narrow";
	font-size:11px;
	text-transform:uppercase;
	margin:7px 0px;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}


#machines a:hover {
	color: #c61d23;
}

#trucks a{
	background:url('../siteart/trucks-red2.jpg') no-repeat;
	width:79px;
	height:31px;
	padding:45px 0px 0px 210px;
	color:#fff;
	text-decoration:none;
	display:block;
	font-family:"Roboto Condensed", "Arial Narrow";
	font-size:11px;
	text-transform:uppercase;
	margin:7px 0px;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}


#trucks a:hover {
	color: #c61d23;
}

#trailers a{
	background:url('../siteart/trailers-red2.jpg') no-repeat;
	width:79px;
	height:31px;
	padding:45px 0px 0px 210px;
	color:#fff;
	text-decoration:none;
	display:block;
	font-family:"Roboto Condensed", "Arial Narrow";
	font-size:11px;
	text-transform:uppercase;
	margin:7px 0px;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}


#trailers a:hover {
	color: #c61d23;
}


#bottom-bkg{
	background:url('../siteart/footer.jpg') repeat-x;
	min-width:1186px;
	padding-top:5px;
}


.scrolling-wrap {width:100%; max-width: 1020px; margin: 0 auto; height:100px; overflow:hidden;}
.scrolling {width:100%; height:92px;}


#footer {
	margin:0 auto;
	padding:1em 10%;
	box-sizing: border-box;
	width:100%;;
	text-align:center;
}

.footertext {
	line-height:14px;
	font-size:10px;
	color:#a7a9ac;
	max-width: 500px;
	margin: 0 auto;
}


.footertext a:link, .footertext a:visited {color:#a7a9ac; text-decoration:underline;}
.footertext a:hover, .footertext a:active {color:#333132; text-decoration:underline;}

/* ===== scrolling inventory ==== */
.scrolling {
	width: 100%;
	height: 92px;
}

