/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
}

body {background:#600e15 url('../siteart/page-bg.jpg') repeat-x top center!important; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; overflow-x: hidden; line-height: 1.3;}


a {
	text-decoration:underline;
	color:#000;
	transition: all .2 ease-in-out;
	overflow-x: hidden;
}

a:hover{
	color:#ccc;
	text-decoration:none;
}

.no-line {text-decoration: none!important; color: #000!important;}

p{
	padding:0px;
	margin-bottom:0px;
}

img {display: inline-block!important;}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 24px!important;
    font-weight: bold!important;
    color: #af1a28!important;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #231f20;
}

 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float: right; text-align:right;}
.center {text-align: center;}
.none{display:none;}
.spacer {padding:25px;}

.spacer-inv {padding:10px 0 127px;}


.line {line-height: 4px;}

*{
	box-sizing:border-box;
}



.wrapper {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header{
	margin:0 auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.logo{
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:41px 0 41px 0;
}
.logo img{
	width: 100%;
	height: auto;
	max-width:275px;
	margin:0 auto;
	padding: 0 1em;
}

.img-responsive {width:100%;}

.location {margin: -22% 0 0 29%; padding-bottom: 7em;}


/* HOME PAGE STYLES
-----------------------------------------------*/


.grey {width:100%; background:linear-gradient(to right, #cccccc, #afafaf); padding-top:30px; font-weight: bold; border-radius: 5px;}
.grey h1 { font-size:24px; }

.grey-inv {width:100%; background:linear-gradient(to right, #cccccc, #afafaf); padding-top:30px; font-weight: bold; border-radius: 5px;}
.grey-inv h1 { font-size:24px; }

.grey-pg {width:100%; background:linear-gradient(to right, #cccccc, #afafaf); padding-top:30px; font-weight: bold; border-radius: 5px;}
.grey-pg h1 { font-size:24px; }



.banner {position: relative; background:url(/siteart/banner-bg.png) no-repeat; background-size: 100%; height:100%; width:100%; padding: 22%;}

.bg-content {position: relative; background:url(/siteart/content-bg-01.png) repeat; background-size: 102%; width:100%;}
.bg-content-location {position: relative; background:url(/siteart/content-bg-01.png) repeat; background-size: 101%; width:100%; height: 100%;}


.trailer {
	position: absolute;
    width: 50%;
    margin: -240px 0 0 52%;
}
.map {/*position:absolute;*/}


/* OTHER STYLES 
------------------------------------------------*/

.contact-wrap h2 {margin-bottom:20px;}
.contact-wrap p {font-weight: normal; line-height: normal; padding-bottom:0px!important; margin-bottom: 0px!important;}

.financing {width: 100%; max-width:250px; height: auto;}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:90%;
    height:120px;
    overflow:hidden;
	margin-bottom: 50px;
	margin:0 auto;
}
 
.scrolling{
    width:100%;
    height:92px;
}



/* FOOTER
------------------------------*/
.footer{
	width:450px;
	color:#CCCCCC;
	font-size:11px;
	text-align:center;
	padding: 70px 0 30px 0;
	line-height: 12px;
	margin:0 auto;
}

.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}


@media screen and (max-width:992px){
	.trailer {width:45%; margin: -220px 0 0 50%;}
	.logo img {max-width:250px;}
	.logo {padding: 30px 0;}
	.banner {height:280px;}
	
	
	.footer {width:90%;}
	.spacer-alt {padding-bottom:30%;}
	
	.bg-content-location {width:101%;}
	.bg-content {width:101%;}
}