html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body {
background:#fffff6 url(images/bbg.png) left top repeat-x; 
	position:relative;
	max-width:900px; margin:0 auto;
}
#bgmain {
	clear:both;
	background:#b6b3a5;
	margin:0;
	padding:0;
}
#main {
	margin: 0 auto;
	background: #0C2240 url(images/bg_diag.png) repeat; 
	padding:6px 0;
}
#maininner {
	background:#fff;
	background-size: 100% auto;
	margin:6px 14px 14px 14px;
	border:1px solid #fff;
	border-radius: 8px;
	padding:0;
	clear:both;
	overflow:auto;
}

#m_contact {display:none;}
p {margin: 2em 7%;font: normal 1em/1.5em verdana, helvetica, arial, sans-serif;}

#mainmain {
	width:100%;
	float:none;
}
#mainmain ul li {
	margin-left:52px;
	padding-bottom:0.85em;
	padding-left:20px;
	font: normal 14px/1.5em tahoma, helvetica, arial, sans-serif;
	list-style:none;
	letter-spacing:1.5px;
	background: transparent url(images/bllt.png) left .3em no-repeat;
}

#marshall {
margin: 0;
background:#264f89;
padding: 2px 0.5em 0.5em 0.5em;
width:100%;
color:#fff;
font-size:1.5em;
}
#marshall img {float:left; margin-right:1em;}
 
a {color:#029;}
a:hover {color:#396; text-decoration:none;}

#getquote {float:right; margin: 1em; max-width:40%;}
#nomo {display:inline;}
#main h2 {
	color:#0e6c57;
	font-size:1.5em;
	font-weight:bold;
	margin: 20px 20px;
	line-height:1.25em;
	text-align:center;
}
#bgh2 {
	background:#000;
	margin:0;
	padding:1px 5px;
}
#bgh2 h2 {
	color:#fff;
	margin: 0 auto;
	padding:3px;
	font: bold 1em/1em verdana,arial,helvetica,sans-serif;
}
h3 {
	color:#2f4667;
	font-size:22px;
	font-weight:bold;
	margin: 20px 6%;
	line-height:1em;
}
.mobicontact {display:none;}
#subhead {
	margin: 0 auto;
	padding:0;
	background:#023;
	border:1px solid #fff;
	max-height:261px;
	overflow:hidden;
}
/*
#comparison {
margin:1em 4%;
box-shadow: 1px 1px 12px #bbb;
border-radius: 8px;
text-align:center;
}
#comparison h4 {
	color:#fff;
	background:#0E6C57;
	margin: 0;
	padding: 2px 8px;
	border-radius: 8px 8px 0 0;
	font: bold 14px/18px verdana,arial,helvetica,sans-serif;
}
*/
#SHlg, #SHsm {
	float:left;
	max-width:45%;
/*	margin-right:22px;
padding:2px; */
}
#SHsm {display:none;}
#subhead h3 {
	margin:0 1px 4px 45%;
	padding:6px 18px;
	font: bold 18px/29px arial,helvetica,sans-serif;
/*	letter-spacing: 0.08em;	*/
	color:#fff;
}
div#logos {
	max-height:94px;
	padding: 4px 0 4px 0;
	margin:0;
	background:#fff;
	text-align:center;	
}
div#logos img {margin:0 20px;}

#locs2 {
margin: 1em 0;
background:#fff;
border: 1px solid #668; 
border-radius: 6px;
}
#locs2 h2 {color:#fff; padding:0.25em 8px; background:#264f89; border-radius: 4px; margin:4px;}
#sidenavbar #locs2 p {margin:0; padding:0.5em 8px;}

#sidenavbar {
width: 30%; /*width of menu*/
float:left;
padding:0 42px 22px 14px;
}

#sidenavbar h3{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin: 0 0 10px 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
#sidenavbar p {margin: 22px 0;font-size:0.75em;line-height:1.4em;}

video {margin: 0;}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	margin: 10px 7%;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.max50FR {max-width:50%; float:right; margin:0 0 0.5em 12px;}
.bold {font-weight:bold; font-size:1.125em;}
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #032;
	text-align: center;
	padding: 10px 0;
	display: none;
	position: relative;
	border:1px solid #fff;
	cursor:pointer;
}
.show-menu:hover {background: #023;}

input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
	position: relative;
}

input[type=checkbox]:checked ~ #menu{
    display: block;
}

.show-menu label:after {
    position: absolute;
    left: .5em;
    content: "\2261";
    font-size: 2em;
	color:#eff;
}
/*
#tnav {
	clear:both;
	margin:6px auto;
	padding:0;
	text-align:center;
	width:872px;
	font: bold 12px/22px Verdana, Geneva, sans-serif; 
	z-index:1000; 
	position:relative;
	background:#f0f0f0 url(images/bg_links.png) left top repeat-x;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	min-height:44px;
}
#tnav ul { position: relative;  margin:0 5% 0 7%;}
#tnav ul li {float: left; zoom: 1; }

#tnav ul li.mobil_only {display:none;}

#tnav ul li a { display: block; 
	padding: 10px 10px 12px 8px; 
	border-right: 1px solid #25a;
	color: #fff;
	letter-spacing:1.8px;
	text-decoration:none;
	text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
}

#tnav ul a:hover, #tnav ul li#active a { 
	text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
	color: #fff;
	}
#tnav ul a:active { color: #ffa500; }
#tnav ul li:first-child a { border-left: 1px solid #25a; }
#tnav ul li.hover, #tnav ul li:hover { background: #0e6549; color: #fff; position: relative; }
#tnav ul li.hover a { color: #fff; }

nav#sideNav ul {
list-style-type: none;
margin: 0;	
padding: 0;
margin-bottom: 8px; 
z-index:900;
}

nav#sideNav ul li {
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom: 2px;
position: relative;
font: normal 14px/1.5em tahoma, helvetica, arial, sans-serif;
}

nav#sideNav ul li a {
color: #700;
background: url(images/arrowbullet.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 24px; 
text-decoration: none;
font-weight: bold;
font-size:12px;
border-bottom: 1px solid #dadada;
width: 200px;
}

nav#sideNav ul li a:visited {
color: #700;
}

nav#sideNav ul li a:hover { 
color: #000;
background-color: #fff;
}


nav#sideNav ul ul {
position: absolute;
top:0;
left:200px;
visibility:hidden;
background-position: -2200px 55px;
background-color: #abc;
z-index:999;
}
nav#sideNav ul ul li { padding:4px 4px 0 4px;}
nav#sideNav ul ul li a {background-image: none;}
nav#sideNav ul ul li a:hover {background-color: #fff;}
nav#sideNav ul li:hover ul{visibility:visible;}
*/
#speedway {
	float:right;
	width: 149px;
	font:normal 10px/14px arial, sans-serif;
	margin-left:15px;
	border:1px solid #ccc;
	padding:4px;
}
img, video {max-width:100%; height:auto !important;}


strong, b, .bold {font-weight:bold;}
i, em {font-style:oblique;}
.tan {color:#9f9;}
.lge {font-size:1.3em;}
.sm {font-size:0.8em;}
.ctr {text-align:center;}

footer {
	font: normal 10px/1.4em verdana, helvetica, arial, sans-serif;
	text-align:right;
	border-top:1px solid #ccc;
	margin-left:35px;
	padding-right:1em;
	clear:both;
}


@media screen and (max-width: 860px) {
	body {background:#0c2240; }
	#subhead {margin: 4px 1% 0}
	#subhead h3 {font: bold 14px/24px arial,helvetica,sans-serif; margin-left: 52%;}
	#subhead.vid h3 { margin-left: 46%;}
	#subhead img {max-width:52%;}
	div#logos {height:80px;}
	div#logos img { max-height:95%; width:auto;}
	nav#sideNav {display:none;}
	#tnav { 
  		height: auto;
		margin: 0 1% 10px 1%;
		width: 98%;
  	}
  	#tnav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
	#tnav ul li.mobil_only {display:block;}
  	#tnav ul li {
  		width: 50%;
  		float: left;
		margin:0;
  		position: relative;
		left:0%;
  	}
	#tnav ul li:last-child {width:100%;}

  	#tnav ul li a {
		border-bottom: 1px solid #46a;
		border-left: 1px solid #46a;
		border-radius: 0;
		box-shadow:none;
		background:#024;
	}
  	#tnav ul li a:hover {background:#264f89;}

	#tnav ul {
		position: static;
		display: none;
		margin:0;
		padding:0;
	}
  	#tnav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 12px;
  	}
	#tnav ul li:hover ul, nav ul li.hover ul { /* This line is required for IE 6 and below */
		display:none; /* Don't Show the sub menus */
	}
	.show-menu {
		display:block;
	}

}
@media screen and (max-width: 730px) {
	#subhead h3 {font: bold 14px/18px arial,helvetica,sans-serif; margin-left: 52%;}
	#subhead.vid h3 { margin-left: 46%;}
	#subhead img {max-width:52%;}
	div#logos {height:60px;}
	div#logos img {width:auto; height:80%;}
}
@media screen and (max-width: 680px) {
	#maininner {background-image:none;}
	#mainmain {
	width: auto;
	float:none;
	}
	#marshall img {float:none; display:block; margin:6px auto;}
	#sidenavbar {
	display:none;
	}
	#locs2 {margin:1em;}
	#m_contact {display:block;}
}
@media screen and (max-width: 590px) {
	#subhead h3 {font: bold 14px/18px arial,helvetica,sans-serif; margin-left: 38%;}
	#subhead.vid h3 {font: bold 10px/12px arial,helvetica,sans-serif; margin-left: 44%;}
	#SHlg {display:none;}
	#SHsm  {display:block;}
	#subhead img {max-width:38%;}
	#nomo {display:none;}
	.mobicontact {
		display: inline-block;
		text-align:center;
		width:45%;
		margin:3px 2% 6px;
	}
	.mobicontact a {
		display:block;	
		background:#0D5757;
		color:#fff;
		padding:4px 2px;
		text-align:center;
		width:100%;
		height:100%;
		font-size:1.5em;
		line-height:2em;
		text-decoration:none;
		font-weight:bold;
		border-radius: 4px;
	}
	.mobicontact a:hover, .mobicontact a:active {background:#2B4000; color:#cfc;}
}

@media screen and (max-width: 425px) {
	#bgh2 h2 {font-weight:normal;}
	#subhead h3 {font: bold 12px/15px arial,helvetica,sans-serif; margin-left: 36%;}
	#tnav ul li a {letter-spacing: 1px; padding: 10px 6px 10px 10px; }
	#tnav a {text-indent: 0px;}
	div#logos {height:60px;}
	div#logos img {width:auto; height:80%; margin: 2px 8px 2px;}
	#subhead.vid {max-height:100%; height:100%;}
	#subhead.vid h3 {margin-left: 0; font-size:0.875em; line-height:1.25em;}
	.mobicontact a {font-size:1.125em;}
	.hvid {float:none; max-width:95%; margin: 6px 2%; }
	#marshall {font-size:1em;}
}