﻿@font-face {
  font-family: 'Oswald';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Oswald-regular/Oswald-regular.eot');
  src: url('fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'),
       local('Oswald Regular'),
       local('Oswald-regular'),
       url('fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'),
       url('fonts/Oswald-regular/Oswald-regular.woff') format('woff'),
       url('fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'),
       url('fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg');
}
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue Bold'), url('fonts/HelveticaNeueBold.woff') format('woff');
}
body {
	/*background-color: #333;   */
    background-color: #800000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	text-rendering: optimizeLegibility;
	/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
    font-family:Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
/*
body {
	color: black;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #800000;
} */
#container {
	width: 900px;
	margin: 0 auto;
	border-top: 0;
	border-right: 1px solid #b7b7b7;
	border-bottom: 0;
	border-left: 1px solid #b7b7b7;
	position: relative;
	z-index: 2;
	border-width: 0px;
	border-color: inherit;
}
#masthead {
	padding: 0px;
	margin: 0px;
	text-align: right;
	width: 100%;
	z-index: 1;
	text-decoration: none;
}
.navmenu{
    background-image: url('images/background.png');
	background-repeat: repeat-y;
    width:100%;
    max-width:900px;
    height:40px;
    margin:0px auto 5px auto;
    padding-top:10px;
    text-align: center;
    display: table;
}
.navmenu div{
    display: inline-block;
    vertical-align: bottom;
}

.navmenu div a{
   background-color: #000;
position: relative;
text-align: center;
text-decoration: none;
padding: 10px 25px 10px 25px;
color: #fff;
border-radius: 12px 30px 0px 0px / 12px 65px 0px 0px;
font-family: 'Oswald', sans-serif;
font-weight: normal;
line-height: 40px;
white-space: nowrap;
}
.navmenu div a:hover{
    background-color: #eee;
    color: #000;
    }
/* Style The Action Button */
.actionbtn {
    background-color: transparent;
    color: white;
    padding:2px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.navlink {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.navlink-content {
    display: none;
    position: absolute;
    background-color: none;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
    list-style: none;
}

.navlink-content li{
    list-style: none;
}

/* Links inside the dropdown */
.navlink-content li a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 0px;
    padding: 5px 25px 5px 25px;
}

/* Change color of dropdown links on hover */
.navlink-content li a:hover {
    background-color: #f1f1f1;
    }

/* Show the dropdown menu on hover */
.navlink:hover .navlink-content {
    display: block;
    margin-top:0px;
    margin-left:-40px;
}


#content {
	height: auto;
	width: 890px;
	position: relative;
	padding: 0px 5px 5px 5px;
        background:#efefef;
}
#leftcol {
  	width: 850px;
	height: auto;
	text-decoration: none;
	padding-right: 5px;
    display:inline-block;
    vertical-align: top;
}

.pagetable{
width: 450px:
text-align:center;}

.pageicons{
 width:100%; margin-left: auto; margin-right: auto;
 }
.pageicons a{width:30%; display: inline-block; padding:10px; text-align: center;}
.pageicons a img{width:100%; max-width: 125px;}
 #rightcol{
    background:#efefef;
    width:280px;
    height:auto;
    display:inline-block;
    vertical-align:top;
    text-align:center;
 }
.follow{
    background:#fff;
    width:95%;
    margin:5px auto;
}

 .logo, .logo img{
     width:100%;
 }
.hours{
    width:100%;
    margin:10px auto;
}

.sales{
 background:#eee;
 padding:10px 20px 5px 20px;
 border-radius: 5px 5px 0px 0px;
 cursor:pointer;
 }
 #sales{
 background:#eee;
 margin-top:0px;
 }

.service{
 background:#ddd;
 padding:10px 20px 5px 20px;
 border-radius: 5px 5px 0px 0px;
 cursor:pointer;
 }
 #service{
 background:#ddd;
 margin-top:0px;
 }
#sales table, #service table{
    width:100%;
    padding:0px;
    border: none;
}

#sales table tr:nth-child(even){background: #FFF}
#sales table tr:nth-child(odd){background: #EEE}
#service table tr:nth-child(even){background: #FFF}
#service table tr:nth-child(odd) {background: #DDD}

 .active{
     display: block;
 }

 .deactive{
     display: none;
 }

  .bestof, .bestof img{
     width:100%;
 }



#ribbon {

    padding:15px 0px;
    width:100%;    
    color: gray;
    clear:both;
    text-align:center;
    display: block;
}
#ribbon img{max-width:100%;}
#rssarea {
	background: black;
	height: 500px;
    clear:both;
}
#leftrss {
	padding: 10px 5px 10px 5px;
	float: left;
	width: 195px;
	color: white;
	text-decoration: none;
}
#midleftrss {
  width:195px;
  margin:5px;
  float:left;
  position:relative;
  height:300px;
  background-color:#000000;
  padding: 10px 5px 10px 5px;
  color: white;
}
#midrightrss {
	padding: 10px 5px 10px 5px;
	float: left;
	width: 195px;
	color: white;
	position: relative;
}
#rightrss {
	padding: 10px 0px 10px 0px;
	float: right;
	width: 260px;
	color: white;
}
#footer{
   width:100%;
   display:table;
}
.divider{
    width:100%;
    border-top:15px solid #eee;
}

.newfootcontainer{
    background:#000;
    width:100%;
    min-height:120px;
    padding-top:10px;
    display: flex;
}

.newfoot{
   width:98%;
   margin:0px auto;
   display:table;
   clear:both;
   font-family: 'Oswald', sans-serif;
   color:#fff;
   padding:5px;
   position:relative;
}

.footleft{
    text-align: left;
}
.footleft img{
    width:100%;
}

.red{
    font-family: 'Oswald', sans-serif;
    color:#B71E23;
    font-size:18px;
    font-weight:bold;
}

.footright{
    float:right;
    text-align: right;
}
.footright a{color:#fff; text-decoration: none; font-size:13px;}
.footleft, .footright{
    max-width: 440px;
    display:inline-block;
}


.auto-style2 {
	color: #B41514;
	font-size: xx-large;
	text-decoration: none;
}

.dirmap{
    width:98%;
    max-width:600px;
    margin:5px auto;
    height:450px;
}
#invite{
     max-width:480px;
     margin:10px auto;
     padding:5px;
     background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#mikecarson{
    width:100%;
    max-width:480px;
    margin:10px auto;
    padding:5px;
    display:block;
    font-weight: 400!important;
    font-size:1rem;
    line-height: 24px;

}
.toprow{
    width:98%;
    margin-bottom:10px;
    border-bottom: 1px dotted #000;
}
.mike, .blog{
    width:48%;
    display: inline-block;
}
.mike{
    text-align:left;
}
.blog{
    text-align:right;
    float: right;
}
.leftimgform, .mikedetails{
    display: inline-block;
}
.leftimgform{
    width:32%;
}
.carson img{max-width:100px;}
.mikedetails{
    max-width:60%;
    text-align:left;
    margin-left:20px;
}
.mikedetails span{
    display: block;
}
.strong{
    font-weight: bold;
}
.email{
   /* text-transform: uppercase; */
}
#mobmenu, .menubtn{display:none;}
@media screen and (max-width:479px){
.leftimgform{
    width:95%;
    text-align: left;
}
.mikedetails{
    max-width:95%;
    text-align:left;
    margin-top:20px;
    margin-left:5px;
}
}
@media screen and (max-width:800px){
.navmenu{
    display: none;
}

#mobmenu{
    background: #000;
    display:block;
    max-width:100%;
    font-family: 'Oswald', sans-serif;
    font-size:16px;
    font-weight:bold;
}

#mobmenu .menubtn, #mobmenu a{
    /*background: #000 url(images/menuicon.png) no-repeat left;
    background-size: 100% 30px;*/
    width:25%;
    display: inline-block;
    vertical-align: top;
    margin-left:15px;
    color:#fff;
    text-decoration:none;
    font-size: 30px;
}

#mainlist, #revlist, #rlist{
    display: none;
    list-style:none;
}
#revlist{
 margin: 0px;
 padding: 0px;
}
#mainlist li, #revlist li, #rlist li{
 width:100%;
}
#mainlist li a, #revlist li a, #rlist li a{
    background:#000;
    width:100%;
    color:#fff;
    display:block;
    font-family: 'Oswald', sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:110%;
	padding:10px 0px;
    text-decoration: none;
}

#mainlist li a:hover, #revlist li a:hover{
    background:#666;
   color:#fff;
}

#mainlist{
    margin:0;
    padding: 0;
    position:relative;
    z-index:9;
    display: none;
}

.toggler{
    cursor:pointer;
    margin-left:30px;
}
.toggler a{
    margin-left:0px;
    padding-left:0px;
}

.expanded{
   list-style-image:url(images/expanded.png);
}

.collapsed{
   list-style-image:url(images/collapsed.png);
}

 .active{
     display: block!important;
 }

 .deactive{
     display: none;
 }

}
@media screen and (max-width:800px) {
#content{
    text-align: center;
    padding: 0px;
}

#container {
	width: 100%;
	margin: 0 auto;
	border-top: 0;
	border-right: 1px solid #b7b7b7;
	border-bottom: 0;
	border-left: 1px solid #b7b7b7;
	position: relative;
	z-index: 2;
	border-width: 0px;
	border-color: inherit;

}
 #rightcol{
    background:#efefef;
    width:280px;
    height:auto;
    margin:0px auto;
    display:inline-block;
    vertical-align:top;
    text-align:center;
 }

.auto-style2 {
	color: #B41514;
	font-size: 27px;
	text-decoration: none;
}
#masthead {
	padding: 0px;
	margin: 0px;
	text-align: right;
	width: 100%;
	z-index: 1;
	text-decoration: none;
}

#masthead img{
width:100%;
height:65px;}

#content {
	height: auto;
	width: 100%;
	position: relative;
	padding: 0px;
	margin:0 auto
	background-image: url('images/background.png');
	background-repeat: repeat-y;
	background-size:100% auto;
}
#leftcol {
	height: auto;
	text-decoration: none;
	padding-right: 0px;
	float:left;
	width: 100%;
	position:relative:
}

.pagetable{
width: 100%:
text-align:center;}

.pageicons{
 width: 100%;
text-align:center;
 }
.pageicons a{
 width:30%;
 display: inline-block;
text-align:center;
 }
 #rssarea {
 height:auto;
}

#leftrss {
	padding: 10px 5px 10px 5px;
	float: none;;
	width: 90%;
	color: white;
	text-decoration: none;
	margin:0 auto;
}
#midleftrss {
	width: 90%;
  float:none;
  position:relative;
  height:400px;
  background-color:#000000;
  padding: 10px 5px 10px 5px;
  color: white;
  	margin:0 auto;
}
#midrightrss {
	padding: 10px 5px 10px 5px;
	float: none;
	width: 90%;
	color: white;
	position: relative;
	margin:0 auto;
}
#rightrss {
	padding: 10px 0px 10px 0px;
	float: none;
	width: 90%;
	color: white;
	margin:0 auto;
}


}