/* normal */
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body { font-family: Arial; font-size: 14px; line-height: 18px; color: #000; font-weight: normal; }
input, select, textarea { font-family: Arial; font-size: 14px; color: #000; }
body { background: #eeeeee; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
.centering { padding: 0 5px;  margin: 0 auto; width: 1000px; background-color: #fff; }

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

	/* header */
	#header-part { position: relative; width: 100%; z-index: 999; }
	
		/* nav bar */
		.nav-bar { padding: 0 5px 10px 10px; width: 100%; float: left; }
		.nav-bar a.mobile { display: none; }
		.nav-bar ul { float: right; list-style: none; }
		.nav-bar li { margin: 0 10px 0 15px; float: left; }
		.nav-bar li a { font-family: 'Arial'; font-size: 15px; line-height: 18px; font-weight: bold; color: #444444; display: block; text-transform: uppercase; text-decoration: none; }
		.nav-bar li:hover a { color: #c80009; }
		.nav-bar li:last-child { margin-right: 0; }
		
		/* top bar */
		.top-bar { padding: 0 5px 0 10px; width: 100%; position: relative; }
		.top-bar .logo { position: absolute; top: 10px; left: 10px; }
		.top-bar .logo a { display: block; }
		.top-bar .phone { margin: 15px 0 25px; float: right; width: 340px; }
		.top-bar .left { float: left; }
		.top-bar .right { float: right; }
		.top-bar h2 { font-family: 'Arial'; font-size: 23px; line-height: 27px; font-weight: normal; color: #c80009; }
		.top-bar h2 span { font-family: 'MyriadProRegular'; font-size: 17px; line-height: 20px; color: #444444; display: block; letter-spacing: -0.5px; }
		
	/* banner */
	#banner-part { width: 100%; overflow: hidden; }
			
		/* banner bar */
		.banner-bar { width: 100%; overflow: hidden; position: relative; }
		.banner-bar ul.slides { list-style: none; }
		.banner-bar ul.slides li { position: relative; height: 323px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
		.banner-bar ul.slides li img { margin: auto; min-width: 1500px; width: 100%; height: auto; }
		.banner-bar ul.slides li h2 { padding: 0 10px; margin-left: -490px; font-family: 'dk_joe_schmoeregular'; font-size: 23px; line-height: 25px; color: #c70008; position: absolute; left: 50%; bottom: 25px; text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff,0 0 2px #fff; -web-text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff,0 0 2px #fff; -moz-text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff,0 0 2px #fff; }
		.banner-bar ol.flex-control-nav { margin-right: -140px; list-style: none; position: absolute; bottom: 10px; right: 50%; z-index: 99999; }
		.banner-bar ol.flex-control-nav li { margin-left: 12px; float: left; cursor: pointer; }
		.banner-bar ol.flex-control-nav li:first-child { margin-left: 0; }
		.banner-bar ol.flex-control-nav li a { width: 24px; height: 8px; display: block; text-indent: -9999px; background-color: #ff0000; }
		.banner-bar ol.flex-control-nav li a:hover, .banner-bar ol.flex-control-nav li a.flex-active { background-color: #fff; }
	
	/* content */
	#content-part { width: 100%; }
	
		/* center */
		#center-part { width: 100%; }
			
			/* text bar */
			.text-bar { padding: 20px 0 20px 15px; width: 595px; float: left; }
			.text-bar h1 { padding-bottom: 10px; font-family: 'Arial'; font-size: 22px; line-height: 26px; font-weight: normal; color: #c80009; }
			.text-bar p { padding-bottom: 15px; font-family: 'MyriadProRegular'; font-size: 14px; line-height: 18px; font-weight: normal; color: #000; }
			.text-bar h2 { padding: 10px 0 15px; font-family: 'Arial'; font-size: 18px; line-height: 21px; font-weight: normal; color: #c70008; }
			.text-bar h3 { padding-bottom: 10px; font-family: 'Arial'; font-size: 18px; line-height: 21px; font-weight: normal; color: #c70008; }
			
			/* contact bar */
			.contact-bar { padding: 5px 20px 30px; margin: -45px 0 20px; width: 340px; float: right; position: relative; z-index: 9999; border: 4px solid #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: #bbbbbb; }
			.contact-bar h2 { font-family: 'AbadiMT-CondensedExtraBold'; font-size: 29px; line-height: 35px; font-weight: normal; color: #fff; text-align: center; }
			.contact-bar p { padding-bottom: 5px; font-family: 'MyriadProRegular'; font-size: 16px; line-height: 19px; font-weight: normal; color: #111111; }
			.contact-bar .line { margin-bottom: 15px; }
			.contact-bar label { padding-bottom: 5px; font-family: 'AbadiMT-CondensedExtraBold'; font-size: 22px; line-height: 26px; font-weight: normal; color: #c70008; display: block; }
			.contact-bar input[type="text"] { padding: 5px 10px; font-family: 'Arial'; font-size: 14px; line-height: 40px; color: #000; height: 44px; border: 1px solid #696969; border-bottom: 0; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 3px 0 #696969 inset; -webkit-box-shadow: 0 2px 3px 0 #696969 inset; -moz-box-shadow: 0 2px 3px 0 #696969 inset; }
			.contact-bar input[type="submit"] { margin-top: 40px; width: 100%; font-family: 'AbadiMT-CondensedExtraBold'; height: 44px; font-size: 22px; line-height: 26px; color: #fff; display: block; cursor: pointer; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #696969; border-bottom: 0; background-color: #c70008; }
			.contact-bar input[type="submit"]:hover { background-color: #696969; }
			
			/* met bar */
			.met-bar { width: 100%; overflow: hidden; background-color: #d90000; }
			.met-bar h2 { padding: 15px 20px 5px; font-family: 'dk_joe_schmoeregular'; font-size: 23px; line-height: 32px; font-weight: bold; color: #fff; text-align: center; letter-spacing:-0.3px; }
			
			/* camper bar */
			.camper-bar { padding: 35px 0 45px; width: 100%; overflow: hidden; }
			.camper-bar .camper { padding: 10px 5px 10px 15px; margin-right: 40px; width: 473px; min-height: 240px; float: left; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; background-color: #575757; }
			.camper-bar .camper.last { margin-right: 0; }
			.camper-bar .left { float: left; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
			
			.camper-bar .right { width: 175px; float: right; }
			.camper-bar h2 { padding-bottom: 10px; font-family: 'Arial'; font-size: 22px; line-height: 25px; font-weight: normal; color: #fff; text-transform: uppercase; }
			.camper-bar h3 { padding: 10px 0; font-family: 'Arial'; font-size: 14px; line-height: 16px; font-weight: normal; color: #fff; }
			.camper-bar P { font-family: 'Arial'; font-size: 14px; line-height: 24px; font-weight: normal; color: #fff; text-decoration: none; display: block; }
			.camper-bar ul { width: 100%; list-style: none; overflow: hidden; }
			.camper-bar li { width: 100%; overflow: hidden; }
			.camper-bar li a { font-family: 'Arial'; font-size: 14px; line-height: 24px; font-weight: normal; color: #fff; text-decoration: none; display: block; }
			.camper-bar li a:hover { color: #d90000; }
		
	/* footer part */
	#footer-part { overflow: hidden; width: 100%; }
	
		/* copyright bar */
		.copyright-bar { padding: 10px 0 15px; width: 100%; }
		.copyright-bar .centering { padding: 0; background-color: inherit; }
		.copyright-bar p { font-family: 'MyriadProRegular'; font-size: 17px; line-height: 20px; font-weight: normal; color: #444444; letter-spacing: -0.25px; }
		.copyright-bar span { color: #ec0000; }
		
		
		/* Smaller than standard 1000 (devices and browsers) */
	@media only screen and (max-width: 999px) {
		
			.centering { padding: 0 15px; width: auto; }
			
			/* top bar */
			.top-bar .logo { width: 200px; top: 15px; left: 0; }
			.top-bar .logo img { width: 100%; height: auto; }
			.top-bar .phone { margin: 15px 0 15px; }
			.top-bar h2 { font-size: 21px; line-height: 24px; }
			.top-bar h2 span { font-size: 16px; letter-spacing: 0; }
			
			/* nav bar */
			.nav-bar li { margin-left: 15px; }
			.nav-bar li a { font-size: 13px; }
			
			/* banner bar */
			.banner-bar { height: auto; }
			.banner-bar ul.slides li { height: 200px; }
			.banner-bar ul.slides li img { min-width: inherit; }
			.banner-bar ol.flex-control-nav { margin-right: 0; right: 20%; }
			.banner-bar ul.slides li h2 { margin-left: 0; left: 5%; font-size: 20px; line-height: 22px; }
			
			/* text bar */
			.text-bar { padding: 15px 0; width: 62%; }
			
			/* contact bar */
			.contact-bar { padding: 10px 15px 20px; margin: 10px 0 20px; width: 35%; }
			.contact-bar h2 { font-size: 25px; }
			.contact-bar p { font-size: 15px; }
			.contact-bar label { font-size: 21px; }
			.contact-bar input[type="text"] { height: 40px; }
			
			/* met bar */
			.met-bar h2 { font-size: 20px; letter-spacing: 0; }
			
			/* camper bar */
			.camper-bar .camper { padding: 10px; margin-right: 30px; width: 47%; min-height: 215px; }
			.camper-bar h2 { padding: 0 0 10px; font-size: 20px; }
			.camper-bar .left { width: 45%; }
			.camper-bar .right { width: 52%; }
			.camper-bar .left img { width: 100%; height: auto; }
			
			/* copyright bar */
			.copyright-bar { padding: 15px; }
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.centering { padding: 0 10px; }
		
		/* top bar */
		.top-bar { padding: 15px 0 10px; }
		.top-bar .logo { margin: auto; float: none; position: relative; top: inherit; left: inherit; }
		.top-bar .phone { margin: 15px 0; width: 100%; float: none; overflow: hidden; }
		.top-bar h2 { font-size: 20px; }
		.top-bar h2 span { font-size: 14px; line-height: 16px; }
		
		/* nav bar */
		.nav-bar { padding: 0; margin-bottom: 20px; background-color: #ff0000; }
		.nav-bar a.mobile { display: block; }
		.nav-bar a.mobile span { padding: 10px 5px 5px; width: 40px; height: 40px; display: block; position: relative; }
		.nav-bar a.mobile em { margin-bottom: 5px; display: block; height: 4px; background-color: #fff; }
		.nav-bar ul { display: none; float: none; width: 100%; overflow: hidden; } 
		.nav-bar li { margin: 0; width: 100%; overflow: hidden; }
		.nav-bar li a { padding: 5px 10px; margin-bottom: 5px; font-size: 15px; color: #fff; }
		.nav-bar li:hover a { color: #ffe110; background-color: #c61111; }
		
		/* banner bar */
		.banner-bar ul.slides li { height: 130px; }
		.banner-bar ol.flex-control-nav { right: 15%; }
		.banner-bar ul.slides li h2 { font-size: 17px; line-height: 20px; }

		/* text bar */
		.text-bar { width: 100%; float: none; overflow: hidden; }
		.text-bar h2 { padding: 0 0 10px; }
		
		/* contact bar */
		.contact-bar { padding: 10px 10px 25px; margin: 0 0 20px; width: 100%; float: none; overflow: hidden; }
		
		/* met bar */
		.met-bar h2 { padding: 15px 10px 5px; font-size: 14px; line-height: 20px; }
		
		/* camper bar */
		.camper-bar { padding: 30px 0 40px; }
		.camper-bar .camper { margin: 0 0 25px; width: 100%; min-height: inherit; }
		.camper-bar .camper.last { margin-bottom: 0; }
		.camper-bar .left { margin-bottom: 5px; width: 100%; float: none; overflow: hidden; }
		.camper-bar .right {width: 100%; float: none; overflow: hidden; }
		
		/* copyright bar */
		.copyright-bar p { font-size: 14px; letter-spacing: 0; }
	}