/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Roboto Condensed', sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

h1 {color:#d14735; font-size:30px; line-height: 1.2; font-weight:bold; font-family:'Roboto Condensed', sans-serif; margin-bottom:10px;}
h2 {color:#000; font-size:22px; font-weight:bold; font-family:'Roboto Condensed', sans-serif; margin-bottom:5px;}
h3 {color:#fff; font-size:22px; text-align:right; margin-right:10px;}
h4 {color:#d14735; font-size:22px; font-weight:bold; font-family:'Roboto Condensed', sans-serif; margin-bottom:5px;}
h5 {font-size:18px; text-transform:uppercase;}
h6 {font-size:16px; text-align:right;}

p {font-size:16px; line-height:26px; font-family:'Roboto Condensed', sans-serif;}

/******** Basic Styles ********/

.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

body {background:#000; overflow-x:hidden; line-height: 1.5;}

#site-width {max-width:1020px; margin:0 auto;}

#wrap {background:#F5F5F5; padding:40px 0 40px 0;}

#header-wrap {
	position: fixed;
  	top: 0;
  	width: 100%;
 	background-color: black;
	z-index:999;
}
#invheader-wrap {
	position: relative;
  	width: 100%;
 	background-color: black;
}

#middle {
	position:relative; 
	top:200px;
}

/******** Header ********/
.logo {max-width:550px; margin:18px auto 0 auto; position:relative; z-index:999;}

/******MAIN NAVIGATION******/ 
#nav-wrap { 
    text-align:center;
    -moz-box-shadow:  0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    padding:25px;
	margin-top:-40px;
	background: #484848; /* Old browsers */
	background: -moz-linear-gradient(top,  #484848 0%, #0b0b0b 76%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(76%,#0b0b0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #484848 0%,#0b0b0b 76%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #484848 0%,#0b0b0b 76%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #484848 0%,#0b0b0b 76%); /* IE10+ */
	background: linear-gradient(to bottom,  #484848 0%,#0b0b0b 76%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */
}
  
#nav {
    position:relative;
    display:block;  
    z-index:999;
    margin:0px auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
	width: 100%;
}
  
#nav ul, #nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}
  
#nav ul li {
    display: inline-block;
    position: relative;
    text-align:center;
}
  
#nav li ul {
    display: none;
}  
  
#nav ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight:normal;
    font-size:26px;
	line-height:14px;
    transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
    padding:5px 2vw;
    height: 1%;
    border-right: 1px solid #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,.6); 
    text-align:center;
    font-family:'Roboto Condensed', sans-serif;
}
 
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
    height: 1%; 
    color:#dd4130; 
}

#nav ul li li {}

  
#nav ul li li a { /* appearance of the sub-level links */
    width:215px;
	font-size: 22px;
    padding:15px 25px;
    text-align:left;
    background:#0b0b0b;  
	border-right: none;
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#21883e url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
   
  
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  { /* Optional-use, this targets last li */
     border-right:0;
}
#nav ul li:last-child a {
     border-right:0;
}
#nav ul li:first-child  { /* Optional-use, this targets first li */
    border-left: 1px solid #000;
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav ul li li:last-child a {
     border-right:0;
}
#nav ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
#nav ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#0b0b0b; /* make sure your background color always matches your link styles!*/
}
  
#nav ul ul li {
    float: none; 
    position: relative;
}
  
/******MAIN NAVIGATION END******/


/******** Content ********/
.main {
	width:100%; 
	margin:0 auto; 
	background:#21883e;
}

#contactwrap {
	width: 100%;
	padding: 3em 10%;
	background: #ccc url(../siteart/phonebg.jpg) no-repeat;
	width:100%; 
	border-top:#dd4130 solid 1px; 
	border-bottom:#dd4130 solid 1px;
	box-sizing: border-box;
	text-align: center;
}
#contactwrap a {color:#000; font-size:22px; font-family:'Roboto Condensed', sans-serif; text-align:center; text-decoration:none;}
#contactwrap a:hover {color:#d14735; transition: .3s ease-in-out all;}

.icons {
	float:left;
	background: #135325; /* Old browsers */
	background: -moz-linear-gradient(top,  #135325 0%, #135325 76%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#135325), color-stop(76%,#135325)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #135325 0%,#135325 76%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #135325 0%,#135325 76%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #135325 0%,#135325 76%); /* IE10+ */
	background: linear-gradient(to bottom,  #135325 0%,#135325 76%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135325', endColorstr='#135325',GradientType=0 ); /* IE6-9 */
	margin:10px 25px; 
}

.icons a {color:#fff; text-decoration:none;}

.contact {float:left; width:28%;}
.contact a {color:#000; text-decoration:none;}
.contact a:hover {color:#dd4130;}

.map {float:right; width:72%;}

.blurb {float:left; width:60%; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #000;}
.finance {float:right; width:40%; text-align:center;}
.finance img {width:50%; margin:0 auto; margin-top:20px;}

.expressimg {width:100px;}
.kiscoimg {width:100px;}


/******** Scrolling Inventory ********/

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0 0 10px 0;
	background:#135325;
	padding-top:10px;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#135325;
}	

.scrolling-wrap {
	with
}

#footer-black { background:#000; }
#footerwrap {width: 100%; max-width:1200px; margin: 0 auto; padding:2em 0; color:#fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
#footerwrap img { display:inline-block !important; }
#footerwrap a  {color:#fff; text-decoration:none;}

.footer {width: 50%;}
.footercontact {width: 50%; text-align:right; font-weight: 600;}
	
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:'Roboto Condensed', sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:'Roboto Condensed', sans-serif;font-size:13px; color:#135325;}

.footertext{font-family:'Roboto Condensed', sans-serif;font-size:13px; color:#fff;}

.smallfootertext{font-family:'Roboto Condensed', sans-serif;font-size:13px; color:#fff;}

.divfooter {width:450px; text-align:left;}



/************************************************ Responsive Styles **/

@media screen and (max-width:1366px) {
.show-menu-for-mobile {display:none;}

.main {width:100%;}
.main img {width:100%; height:auto;}
#wrap {padding:80px 0 40px 0;}
#site-width {width:95%; margin:0 auto;}
.icons {width:32%; margin:10px 5px;}
.icons img {float:none; margin:0 auto; width:100%;}
#footerwrap {width:90%; margin:15px auto;}
}



@media screen and (max-width:1023px) {
.show-menu-for-mobile {display: none;}

.main {width:100%;}
.main img {width:100%; height:auto;}
#wrap {padding:20px 0;}
#site-width {width:90%; margin:0 auto;}
.icons {width:32%; margin:10px 5px;}
.icons img {float:none; margin:0 auto; width:100%;}
#footerwrap {width:90%; margin:15px auto;}
}


@media screen and (max-width: 767px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#contactwrap h2, #contactwrap a {font-size: 20px;}
.logo {width:90%; margin:5px auto;}
.logo img {width:100%; margin:0 auto;}
#middle {top:177px;}
.main {width:100%;}
.main img {width:100%; height:auto;}
#wrap {padding:20px 0;}
#site-width {width:90%; margin:0 auto;}
.icons {width:31%; margin:10px 5px;}
.icons img {float:none; margin:0 auto; width:100%;}
#footerwrap {flex-direction: column-reverse;}
.footercontact, .footer {width: 100%;}
.footercontact {margin-bottom: 2em;}
.divfooter {width:90%; margin:0 auto; text-align:center;}
.footercontact {text-align:center; float:none;}
.footercontact h6, .divfooter {font-size: 14px;}

#nav-wrap {padding:0px 0;}

.finance img {width:75%;}


/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}
#nav  {display:none;}

}


@media screen and (max-width: 500px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

h4 {font-size:20px;}
.logo {width:90%; margin:5px auto;}
.logo img {width:100%; margin:0 auto;}
#middle {top:132px;}
.main {width:100%;}
.main img {width:100%; height:auto;}
#wrap {padding:20px 0;}
#site-width {width:85%; margin:0 auto;}
.icons {display:block; float:none; margin:10px auto; width:75%;}
.icons img {float:none; margin:0 auto; width:100%;}
.divfooter {width:90%; margin:0 auto; text-align:center;}
.footercontact {text-align:center; float:none;}
h6 {float:none; text-align:center;}
.contact {float:none; width:100%; text-align:center; margin-bottom:10px;}
.map {float:none; width:100%;}

#nav-wrap {padding:2px 0;}

.blurb {float:none; width:100%; border-bottom:none;}
.finance {float:none; width:100%;}
.finance img {width:50%; margin:0 auto 20px;}


/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}
#nav  {display:none;}
}
 
 

@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}


.logo {width:90%; margin:5px auto;}
.logo img {width:100%; margin:0 auto;}
#middle {top:100px;}
.main {width:100%;}
.main img {width:100%; height:auto;}
#wrap {padding:20px 0;}
#site-width {width:85%; margin:0 auto;}
.icons {display:block; float:none; margin:10px auto; width:75%;}
.icons img {float:none; margin:0 auto; width:100%;}
.divfooter {width:90%; margin:0 auto; text-align:center;}
.footercontact {text-align:center; float:none;}
h6 {float:none; text-align:center;}
.contact {float:none; width:100%; text-align:center; margin-bottom:10px;}
.map {float:none; width:100%;}
#nav-wrap {padding:5px 0;}

.blurb {float:none; width:100%; border-bottom:none;}
.finance {float:none; width:100%;}
.finance img {width:75%; margin:0 auto 20px;}


/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}
#nav  {display:none;}
}