/*
Design by OMAC Advertising
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 fonts  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
     Screen Size Full Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	
body#home  a#homenav,
body#ag  a#agnav,
body#addon  a#addonnav,
body#arena  a#arenanav,
body#garage  a#garagenav,
body#hanger  a#hangernav, 
body#mini  a#mininav, 
body#shop  a#shopnav,
body#const  a#constrnav,
body#about  a#aboutnav, 
body#contact a#contactnav, 
body#sitemap a#sitemapnav, 
body#demo a#demonav 
{
	color: #000;
	background: #E8DEC8;
	border-radius: 5px 5px 5px 5px; /* IE9, Safari 5 & Chrome */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari 3 & 4 */
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox 1+ */
}

/*============= Links Style =============== */

a {
	text-decoration: none;
	color: #FF0000;
	}
a:visited {
	text-decoration: none;
	color: #FF0000;
	}
a:hover {
	text-decoration: none;
	color: #0D2B9C;  /* #CCCCCC; */
	}
    
.ondarkbg a:hover, .ondarkbg a:active {
  color: #ADFF2F;
}   

a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
	outline: 0;
	text-decoration: none;
	color: #0D2B9C; 
}

.sitemenu a:hover  a:visited  {
	text-decoration: none;
	color: #0D2B9C !important;
    }

.topmenu a:hover  a:visited  {
	text-decoration: none;
	color: #ADFF2F !important;
    }
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/*============= Page Formatting =============== */
.wrapper {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	max-width: 1200px;
	}

.topmenu {
	font-size: 12px;
	color: #FFF;
	float: right;
	border-bottom: medium solid #FF0000;
	display: block;
	background: #000000;
	height: 50px;
	width: 100%;
}

.hSearch {
	float: left;
	height: auto;
	width: 30%;
	margin: 1%;
}
.topmenu a {
	text-decoration: none;
	color: #FFF;
	margin-left: 20px;
	float: right;
	padding: 5px;
}

.topmenu a:visited {
	text-decoration: none;
	color: #FFF;
}

.topmenu a:hover {
	text-decoration: none;
	color: #4CEE60 !important;
}

HEADER {
	position: relative;
	width: 100%;
	top: 0px;
	height: auto;
	display: block;
	left: 0px;
	float: left;
}
.hLogo {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	float: left;
}
.hcol3 {
	float: left;
	height: auto;
	width: 36%;
	margin: 1%;
}
.topbar_hcol3 {
	float: right;
	height: auto;
	width: 65%;
	margin: 1%;
}

.seo {
	font-size: 16px;
	color: #666;
	float: right;
	padding-top: 2px;
	margin-right: 1%;
	text-align: center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   NAVAGATION
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
 
/* ----------------------------------------   
	Navagation Begin  
-------------------------------------------*/
	
NAV {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	height: auto;
	width: 100%;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 0%;
	padding-left: 0%;
	background: #FF0000;
	border-top: medium solid #000000;
	border-bottom: medium solid #000000;
}

#nav-wrap {
	margin-top: 0px;
	z-index: 1000;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
	z-index: 1000;
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
	z-index: 1000;
}

#nav li {
	list-style: none;
	float: left;
	margin-right: 0px;
	z-index: 1000;
}

/* nav link */
#nav a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	text-transform: capitalize;
	transition-property: background;
	transition-duration: 1.0s;
	padding: 10px 5px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
}

	
#nav li a:visited {
	color: #000;
	text-decoration: none;
}
	
#nav li a.active{
	/* background:url(../images/menur.gif) */
	no-repeat right; color: #66CC66; }

#nav a:hover {
	text-decoration: none;
	color: #525830;
	background: #E8DEC8;
	border-radius: 5px 5px 5px 5px; /* IE9, Safari 5 & Chrome */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari 3 & 4 */
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox 1+ */
}

/* nav dropdown */
#nav ul {
	position: absolute;
	display: none; /* hide dropdown */
	width: 200px;
	z-index: 10000;
	height: auto;
	background-color: #FF0000;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	top: 20px;
	border-radius: 0px 0px 5px 5px; /* IE9, Safari 5 & Chrome */
	-webkit-border-radius: 0px 0px 5px 5px; /* Safari 3 & 4 */
	-moz-border-radius: 0px 0px 5px 5px; /* Firefox 1+ */
}
#nav ul li {
	float: none;
	margin: 0;
	text-align: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 13px;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nav ul li  a:hover {
	text-decoration: none;
	color: #000000;
}

#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     Slideshow Elements
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
 
.slideshow {
	display: block;
	max-height: 615px;
	width: 100%;
	position: relative;
	z-index: 10;
	text-align: left;
	padding: 0px;
	float: left;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.content {
	width: 100%;
	position: relative;
	color: #000;
	float: left;
	overflow: auto;
	display: block;
	height: auto;
	top: 0px;
	z-index: 100;
	left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.content h2 {
	font-size: 1.7em;
	line-height: 38px;
	margin: 1em 0;
/*	text-shadow: 2px 2px 3px #999; */    /* IE9, Safari 5 & Chrome */
	-webkit-text-shadow: 2px 2px 3px #000; /* Safari 3 & 4 */
	-moz-text-shadow: 2px 2px 3px #000; /* Firefox 1+ */
	color: #000000;

}
.content h3 {
	font-size: 1.4em;
	line-height: 28px;
	margin: 1em 0;
	text-shadow: 2px 2px 3px #999;     /* IE9, Safari 5 & Chrome */
	-webkit-text-shadow: 2px 2px 3px #000; /* Safari 3 & 4 */
	-moz-text-shadow: 2px 2px 3px #000; /* Firefox 1+ */
	color: #000000;
	font-style: italic;
}
	
.colL {
	float: left;
	width: 48%;
	display: block;
	text-align: left;
}

.colR {
	display: block;
	float: right;
	width: 49%;
}

.col1 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col2 {
	float: left;
	height: auto;
	width: 47%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col23 {
	float: left;
	height: auto;
	width: 60%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
.col3 {
	float: left;
	height: auto;
	width: 30%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
.col3 h3 a{
	font-size: 1.2em;
	line-height: 24px;
	margin: 1em 0;
	text-shadow: 2px 2px 3px #999;     /* IE9, Safari 5 & Chrome */
	-webkit-text-shadow: 2px 2px 3px #000; /* Safari 3 & 4 */
	-moz-text-shadow: 2px 2px 3px #000; /* Firefox 1+ */
	color: #000000;
}

.col4 {
	float: left;
	height: auto;
	width: 23%;
	padding-top: 3px;
	margin-right: 1%;
	margin-left: 1%;
}

.col5 {
	float: left;
	height: auto;
	width: 18%;
	padding-top: 3px;
	margin-right: 1%;
	margin-left: 1%;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Sidebar 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.sidebarL {
	width: 25%;
	float: left;
	height: auto;
	margin-top: 15px;
	color: #00626C;
}

.sidebarR {
	width: 25%;
	float: right;
	height: auto;
	margin-top: 15px;
	color: #00626C;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Footer Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
FOOTER {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	clear: both;
	font-size: 12px;
	margin-top: 10px;
	background: #000000;
	padding-top: 10px;
	border-top: medium solid #FF3F0C;
	color: #ffffff;
	margin-bottom: 10px;
	border-bottom: thin solid #8C0308;
	}
	
.fcolL {
	float: left;
	width: 48%;
	display: block;
	text-align: left;
}

.fcolR {
	display: block;
	float: right;
	width: 48%;
	text-align: right;
}

.fcol3 {
	float: left;
	height: auto;
	width: 30%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}


.fMenu {
	font-size: 10px;
	display: block;
	width: 100%;
	text-align: center;
}
.fAddress {
	font-size: 10px;
	display: block;
	width: 100%;
	text-align: center;
}
.fCopy {
	font-size: 10px;
	display: block;
	float: left;
	width: 50%;

}
.fOMAC {
	font-size: 10px;
	display: block;
	float: right;
	width: 40%;
}

/******************************************************************************

	-	RESPONSIVE SETTINGS 	-
	
*******************************************************************************/

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 1451px  Standard Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 1201px) and (max-width: 1500px) {	

/* nav link */

#nav a {
	font-size: 16px;
	margin: 0px 10px;
	padding: 5px 5px;
}

}



/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size Standard Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	


@media only screen and (min-width: 1025px) and (max-width: 1200px) {	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    Header Elements  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
HEADER {
	
}

/* nav link */
#nav a {
	font-size: 15px;
	margin: 0px 3px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.content {  	}


}



/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 760px  Tablet
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 50px) and (max-width: 1024px) {
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    Header Elements  
- - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.topmenu {
	height: auto;
}

.topmenu a {
	text-decoration: none;
	color: #fff;
	margin-right: 20px;
	float: right;
}



HEADER {
	
}

.hsearch {
	
}

.hcol3 {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 2px;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 2px;
	text-align: center;
}

.topbar_hcol3 {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 2px;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 2px;
	text-align: center;
}

 
/* ------------------------------------------------------------
   Navagation
 ----------------------------------------------------------- */
 
 NAV {
	height: 45px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: #FF0000;
 }

/* nav-wrap */
#nav-wrap {
	position: relative;
	z-index: 10000;
	}

/* menu icon */
#menu-icon {
	color: #FFF;
	width: 42px;
	height: 30px;
	cursor: pointer;
	border: solid 1px #666;
	display: block; /* show menu icon */
	background-color: #B70311;
	background-image: url(../_images/menubar.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	margin-left: 10px;
	padding: 8px 10px 0 40px;
	}
	
#menu-icon:hover {
	background-color: #152413;
	color: #FFF;
	}
	
#menu-icon.active { background-color: #CCCCCC; }
	
/* main Drop Down MEnu */
#nav {
	clear: both;
	position: absolute;
	top: 50px;
	width: 300px;
	z-index: 10000;
	border: solid 1px #999;
	display: none; /* visibility will be toggled with jquery */
	left: -1px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FF0000;
	background: #000000;
	}
	
#nav li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;
	list-style-type: none;
	}

/* Drop down menu buttons  */
#nav a, 
#nav ul a {
	margin-left: 10px;
	width: 90%;
	display: block;
	float: left;
	background-color: #FF0000;
	border: thin solid #000;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #000;
	border-radius: 5px 5px 5px 5px; /* IE9, Safari 5 & Chrome */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari 3 & 4 */
	-moz-border-radius: 5px 5px 5px 5px;
	text-align: left;
	padding: 10px;
	height: 30px;
	transition-property: background;
	transition-duration: 1.0s;
	}
	
#nav a:hover, 
#nav ul a:hover {
	color: #333333;
	background-color: #999999;
	background-image: none;
	}   
	
	
/* dropdown */
#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	
#nav ul li {
		margin: 3px 0 3px 15px;
	}
.slideshow {
	display: block;
	width: 100%;
	
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.content { 
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0px;
	float: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	

.colR {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.colL {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col1 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col2 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col3 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col4 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}


.col5 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Sidebar    
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.sidebarL {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.sidebarR {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Footer Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
FOOTER {
	width: 100%;
	height: auto;
	display: block;
	float: left;
}
	
.fcolL {
	float: left;
	width: 48%;
	display: block;
}

.fcolR {
	display: block;
	float: right;
	width: 48%;
	text-align: right;
	margin-right: 1.5%;
}
.fcol3 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
	text-align: center;
}

.fMenu {
	font-size: 10px;
	display: block;
	width: 98%;
	text-align: center;
}
.fAddress {
	font-size: 10px;
	display: block;
	width: 98%;
	text-align: center;
}
.fCopy {
	font-size: 10px;
	display: block;
	float: left;
	width: 98%;
	text-align: left;
}
.fOMAC {
	font-size: 10px;
	display: block;
	float: right;
	width: 90%;
	text-align: right;
}


}

 @media screen and (min-width: 1024px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

} 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the sidebar when printing*/ 
#sidebar{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}