﻿/* 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 { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  


/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {color:#fff; text-decoration:none;}
	a:hover, a:active {color:#ccc; text-decoration:underline;}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 12px;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:48px; font-family: 'bebasregular'; letter-spacing:1px; line-height:48px;}
	h2 {font-size:24px; font-family: 'bebasregular'; word-spacing:1px; line-height:24px;}
	h3 {font-size:20px;}
	h4 {font-size:18px; }
	h5 {font-size:16px;}
	h6 {font-size:14px;}
	
	/* FONTS */
	@font-face {
    font-family: 'bebasregular';
    src: url('/fonts/BEBAS___-webfont.eot');
    src: url('/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BEBAS___-webfont.woff') format('woff'),
         url('/fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('/fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight:100;
    font-style: normal;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	margin:0;
	color:#2d2d2d;
	line-height:12px;
	border-top:11px #0b365c solid;
	background:#fff url(../siteart/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

::selection {background: #1966aa; color:#fff;}
::-moz-selection {background: #1966aa; color:#fff;}

.stripe {width:928px; margin:0 auto; height:7px; background:#0b365c;}

/*  MAIN
------------------------------------------------*/	
.main {width:1020px; margin:25px auto 0 auto; background:#f3f5f8;}

/* HEADER
------------------------------------------------*/	
header {width:953px; margin:0 auto; padding:20px 0;}	
	
.logo {text-align:right;  float:left; position:relative; margin:7px 40px 0 -18px;}	
/*.logo {text-align:right; float:left; position:relative; margin:0px 40px 0 0;}	
.logo h1 {color:#0b365c; line-height:18px; text-decoration:none;}
.second-line {font-size:14px; text-align:right;}
.logo h1 a:link, .logo h1 a:visited {text-decoration:none;}
.logo h1 a:hover{text-decoration:none; color:#0b365c;}*/


/* MANUFACTURERS 
------------------------------------------------*/	
.manu-logos{margin:6px 0 0 0;  float:left; position:relative;}
.manu-logos img{margin:0 12px; border:0; padding:0;}
	
/* ADDRESS
------------------------------------------------*/	
address {
	font-style:normal; 
	font-family: 'bebasregular'; 
	font-size:12px; 
	line-height:19px; 
	color:#0b365c; 
	float:right; 
	position:relative; 
	text-align:right; 
	word-spacing:1px;
}
address a:link, address a:visited{color:#0b365c; text-decoration:underline;}
address a:hover, address a:active{color:#1966AA; text-decoration:none;}	
	
/*  NAVIGATION
------------------------------------------------*/	
nav {background:#0b365c; margin:0 auto 4px auto; width: 928px; z-index:1000; position:relative;}

.menu {float:none; text-align:center;}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:auto;
	float: left;
}

/* reveal only if you want to have non-link title text headers
.menu h2 {
	display: block;
	margin: 0;
	padding: 2px 3px;
	color: #1c3f95;
	text-transform: uppercase;
	font-size:14px;
}
*/

.menu a {
	color: #fff;
	display: block;
	font-size:21px;
	line-height:40px;
	text-decoration:none;
	margin:0px 11px;
	padding:5px 11px 5px 11px;
	text-transform:uppercase;
	font-family: 'bebasregular';
	-webkit-transition:.5s ease-in;  
   -moz-transition:.5s ease-in;  
   -o-transition:.5s ease-in;  
   transition:.5s ease-in;  
}

.menu a:hover {
	color: #f1f1f1;
	display: block;
	text-decoration:none;
	background:#1966aa;
}

.menu li {position: relative;}

.menu ul ul {
	position: absolute;
	z-index: 500;
	background:#1966aa;
	border:1px #0b365c solid;
	width:140px;
	text-align:left;
}

.menu ul ul a{
	color: #fff;
	display: block;
	font-size:18px;
	line-height:35px;
	text-decoration:none;
	margin:0px;
	padding:5px 12px;
	text-transform:uppercase;
	font-family: 'bebasregular';
	-webkit-transition:.5s ease-in;  
   -moz-transition:.5s ease-in;  
   -o-transition:.5s ease-in;  
   transition:.5s ease-in;
}

.menu ul ul a:hover{
	color: #f1f1f1;
	display: block;
	text-decoration:none;
	background:#3c80bb;
}

.menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	background:#AAA9A9;
	border:1px gray solid;
}

div.menu ul ul li:hover ul ul{display: none;}
div.menu ul li:hover ul ul{display: none;}
div.menu ul ul{display: none;}
div.menu ul ul ul li:hover ul{display: block;}
div.menu ul ul li:hover ul{display: block;}
div.menu ul li:hover ul{display: block;}


/*  SLIDESHOW
------------------------------------------------*/
.slideshow{
	width:928px;
	height:400px;
	margin:4px auto; 
	overflow:hidden; 
}

/*  MAIN CONTENT
------------------------------------------------*/
.main-content {width:953px; margin:0 auto; padding:25px 0 0 0;}

/*  ARTICLE
------------------------------------------------*/
article {margin:0 0 30px 0;}
article h2{color:#1966aa; margin:0 0 10px 0;}
article p{font-size:14px; line-height:19px;}

/*  LINK BUTTONS
------------------------------------------------*/
.buttons {width:142px; margin:0 40px 0 20px; float:right; position:relative;}

.link {width:142px; height:57px; margin:15px 0px; background:#e0e0e0; float:right; position:relative;}
.link p {color:#0b365c; font-family: 'bebasregular'; text-transform:uppercase; font-size:14px; line-height:16px; text-align:center; padding:14px 0 0 0;}
.link a{color:#0b365c;}
.link a:hover{color:#1966AA; text-decoration:none;}

.icon{background:#0b365c; width:64px; height:57px; float:left; position:relative;}
.icon img {margin:16px 15px 16px 16px;}

/*  HOURS
------------------------------------------------*/
.hours {background:#3c80bb; word-spacing:1px; width:190px; float:right; position:relative;}
.hours h4{color:#f3f5f8; background:#0b365c; height:20px; text-indent:5px;} 
.hours p{color:#f3f5f8; font-size:14px; line-height:19px; font-weight:100; padding:5px 0 7px 5px;}

/*  IFRAME
------------------------------------------------*/
.inv-iframe {width:1020px; height:6600px; margin:25px 0 0 0; background:#fff;}
.hino-iframe {width:1020px; height:6300px; margin:25px 0 0 0; background:#fff;}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-inv {margin:0 0 13px 0;}

/*  FOOTER CONTACT INFO / SECTION
------------------------------------------------*/
.section-stripe {height:14px; background:#1966aa;}

section {background:#1966aa; margin:4px 0 0 0;}

.footer-contact{width:953px; margin:0 auto;}

.logo-sm {padding:30px 0 0 0; float:left; position:relative;}

.footer-address{float:left; position:relative; padding:30px 0 0 90px;}
.footer-address p{color:#fff; font-family: 'bebasregular'; font-size:16px; line-height:19px;}

.footer-phone{float:left; position:relative; padding:30px 0 0 90px;}
.footer-phone p{color:#fff; font-family: 'bebasregular'; font-size:16px; line-height:19px;}
.footer-phone a {text-decoration:none;}
.footer-phone a:hover {color:#c5c5c5; text-decoration:none;}

.social-media{background:#3c80bb; padding:15px 7px; width:147px; float:right; position:relative; margin:20px 0;}
.social-media img {float:left; position:relative; margin:0 8px;}
 
/*  FOOTER
------------------------------------------------*/
footer {padding:25px 0;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#a7a7a7;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#0b365c;}
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#a7a7a7;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#a7a7a7;}
.divfooter {width:750px; text-align:center; margin:0 auto; line-height:11px; color:#a7a7a7;}