@font-face {
	font-family: 'stencil';
	src: url('fonts/STENCIL.TTF') format('truetype');
	font-style: normal;
}
body {
	background:url(pics/background.png) #000 repeat-y 50%;
	padding-top:129px;
}
#container{
	border:2px solid #fff;
	border-radius:30px;
	background-color:#ff9b2d;
	padding:67px 0 30px 0;
	width:1088px;
	margin:0 auto;
}
#border{
	border:2px solid #000;
	width:1028px;
	margin:0 auto;
	border-radius:20px 20px 0 0;
}
#logo, .logo{
	position:absolute;
	top:-144px;
	left:-10px;
	z-index:2;
}
table.buttons {
	background-color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	z-index:3;
	position:relative;
}
.buttons a {
	color:#000;
}
.buttons a:hover {
	color:#999;
}
.topbar {
	width:1028px;
	height:30px;
	margin:0 auto;
	padding-top:6px;
	position:relative;
	vertical-align:bottom;
	background-color:#ff0;
	border-radius:20px 20px 0 0;
}
#main{
	display:inline-block;
	margin-left:9px;
}
.years{
	vertical-align: top;
	position: relative;
	top: auto;
	left: 10em;
	color: #FFF;
	font: bold 27px cursive;
	line-height: -34px;
}
#number{
	float:right;
	margin:-62px 30px 0 0;
	font-family:stencil;
	font-size:28px;
	text-align:center;
}
#number a{
	color:#00F;
	font-size:24px;
	text-decoration:underline;
}
#links img {
	margin:10px;
	border:2px solid #FF0;
}
#links img:hover {
	border-color:#F00;
}
#links {
	background-image:url(pics/inner.png);
	width:886px;
	padding:10px;
	margin:0 auto;
	border:2px solid #000;
}
li, h3, h2 {
	font-family:"Courier New", Courier, monospace;
	color:#FF0000
}
h2 {
	font-size:24px;
	margin:3px
}
h3 {
	font-size:135%;
	color:#FF0000;
	margin-left:8pt;
}
p {
	font-size:medium;
	color:#FF0000;
	font-family:"Times New Roman", Times, serif;
}
p.b {
	font: 500 17px "Times New Roman", Times, serif;
	line-height:110%;
	color:#000000;
	text-indent:1cm;
	margin:4px 0 0 4px;
}
.textbox {
	margin:10px 0 0 1em;
	background-color:#68b7ff;
	border-color:#fff;
	border-radius:7px;
	padding:2px;
}
.des {
	color:#FF0000;
	font-size:18px;
	font-weight:900;
	font-family:"Times New Roman", Times, serif;
	margin:0;
}
.note {
	font-size:12px;
}
.spec {
	color:#FF0000;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
}
a {
	text-decoration:none
}
.yel {
	color:#FFFF00;
	text-decoration:underline
}
p.small {
	max-width:700px
}
.pics {
	text-align:center;
	background-color:#999999;
}
.para {
	text-indent:1cm;
	margin:.5cm 0 8px 0;
	text-align:center;
	font-size:105%;
	letter-spacing:1px
}
.wrnty {
	margin:0 1cm 1cm 1cm
}
div#preload {
	display:none;
	visibility:hidden;
}
.since {
	position:relative;
	bottom:115px;
	left:336px;
}
.truckbg {
	text-align: center;
	display: inline-block;
	padding: 24px 1px;
	position: absolute;
	padding-bottom: 1em;
}
/*.truckbg a {
	margin:0 25px;
}*/
#ltrucks{
	width:430px;
	display:inline-block;
	text-align:right;
	margin-right:20px;
	z-index:2;
}
#rtrucks{
	width:458px;
	display:inline-block;
	text-align:left;
	z-index:2;
}
.divide {
	margin:0;
	border-color:#F90;
}
.thumb {
	cursor:pointer;
	height:100px;
	border:none;
}
.wildtop {
	width:1028px;
	height:39px;
	text-align:center;
	position:relative;
	margin:0 auto;
	background:url(../../pics/wildland%20toplink.png) no-repeat bottom;
}
.topinner {
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-462.5px;
}
.uparrow {
	position:absolute;
	top:0px;
	left:32%;
	background:url(pics/up.png);
	height:40px;
	width:60px;
	cursor:pointer;
	visibility:hidden;
}
.downarrow {
	position:absolute;
	bottom:0px;
	left:32%;
	background:url(pics/down.png);
	height:40px;
	width:60px;
	cursor:pointer;
	visibility:hidden;
}
.left {
	position:absolute;
	display:inline-block;
	background:url(pics/left.png);
	height:60px;
	width:40px;
	visibility:hidden;
	z-index:2;
	left:0;
	top:46%;
}
.right {
	position:absolute;
	display:inline-block;
	background:url(pics/right.png);
	height:60px;
	width:40px;
	visibility:hidden;
	z-index:2;
	right:0;
	top:46%;
}
.purifire {
	position:absolute;
	left:277px;
	top:77px;
	color:#FFF;
	font-family:'Arial Black';
	font-size:17px;
}
.linktitle {
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#000;
	background-color:#FF0;
}
.helm {
	background:url(/pics/request.jpg) no-repeat 0 0;
	/*display:block;
	position:relative;*/
	height:140px;
	width:110px;
}
.helm:hover {
	background-position:0 -140px;
	cursor:pointer;
}
#leftbox {
	position:absolute;
	width:340px;
	height:436px;
	border:2px solid #F90;
	left: 162px;
	top: 14px;
	background:url(pics/boxbg.png);
	color:#FF0;
	padding:16px;
	border-radius:10px;
	z-index:2;
}
#rightbox {
	position:absolute;
	width:340px;
	height:436px;
	border:2px solid #F90;
	left: 577px;
	top: 14px;
	background:url(pics/boxbg.png);
	color:#FF0;
	padding:16px;
	border-radius:10px;
	z-index:2;
}
#smallrescuedesc, #mididesc, #tankerdesc {
	font-size:14px;
}
.blank {
	height:100px;
	width:100px;
}
.skidthumb {
	border:2px solid #fff;
}
.lights {
	background-color:#CCC;
	border-radius:8px;
}
.lights img {
	border:1px solid #000;
	border-radius:6px;
	margin-left:6px;
}
.btmbtns{
	margin:4em auto 0 auto;
	background-color:#000;
	padding:5px 0;
}
/*.btmbtns img {
	position:absolute;
	display:inline-block;
	margin:3vw 14vw;
}*/
.truckarray{
	position:relative;
/*	top:-446px;
	left:118px; */
}

.side{
	width:110px;
	display:inline-block;
	vertical-align:top;
	margin-right:-5px;
}
.side .buttons {
	width:110px;
}
.main{
	margin:auto 7em;
	display:inline-block;
}
#vidwindow{
	margin:0 auto;
	text-align:center;
	background-color:#000;
}
#playbtns{
	margin:6px auto;
}
#playbtns img{
	margin:0 4px;
	cursor:pointer;
}
.descbox{
	display:none;
}
#conmaxwidth {
	position: relative;
	width: 1024px;
	border: 2px solid #FF0;
	margin: 0 auto;
	background-color: rgba(176, 176, 176, 0.8);
}
#facebook {
	position: absolute;
	margin: 16px 0 0 218px;
}
#bbb {
	float: right;
	margin: -71px 237px 0 0;
}
.plate {
	border: 2px solid #FF0;
	width: 1024px;
	margin: auto;
	background: url(../../pics/inner.png) repeat;
}


@media screen and (max-width: 600px){
	#container{
		width:100%;
	}
	#border{width:99%;}
	.topbar{width:100%;}
	#logo, .logo{
		display:block;
		top: -14vh;
		left: 1vw;
	}
	#logo img, .logo img{
		width:37vw;
		height:34vw;
	}
	#number, #number a{
		font-size:5vw;
		width:45vw;
	}
	#requestbtn{
		display:block;
		width:90vw;
		height:12vh;
		
	}
	.main{margin:0 auto; width:100%;
	background:url(pics/firebg.jpg);
}
	.truckbg{
		width: 98%;
		padding-bottom:0;
		position:inherit;
		position:relative;
	}
	#ltrucks, #rtrucks{
		width: auto;
		text-align:center;
	}
	#rtrucks{width: auto;}
	table.buttons, #stretch, #bbb{
		display:none;
	}
	#leftbox, #rightbox, #largebrushdesc, #mididesc, #tankerdesc, #smallrescuedesc, #smallbrushdesc, #largerescuedesc{
		visibility:hidden;
		width:0; height:0;
		z-index:-1;
		display:none;
	}
	#conmaxwidth{
		width:auto;
		border:none;
		background:url(pics/firebg.jpg) center no-repeat fixed;
	}
	.years{
		line-height: 0.5;
		padding-top: 2em;
		width:inherit;
		display:none;
	}
	.helm{
		width: 80vw;
		height: 15vw;
		border: 2px solid #000;
		background: #ffeb00;
		border-radius: 20px;
		margin: 4vw auto 0 7.5vw;
		text-align: center;
		content: "Request Info";
		font-size: 8vw;
		font-family: stencil;
		line-height: 1.8em;
		color: blue;
	}
	.helm:before{
		content:"Request Info";
	}
	#facebook{
		position: relative;
		float: left;
		margin: 1vw auto 0 auto;
		width: 10vw;
	}
	.plate{
		width:99%;
	}
}
