/*-----------------------------------------------------------------------------
Basic Style Sheet (for older Browsers)

version:   1.0
author:    Mikel M. Sitterly, Jr.
email:     info@razorwiredesign.com
website:   http://www.razorwiredesign.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	text-align: center;
	font: 62.5%/1.6 arial, verdana, geneve, tahoma, sans-serif;
	color: #000000;
	border: 0px 0px 0px 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #697833;
}


html {
	overflow-y: scroll;
}

/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/

ul#navigation{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}

ul#navigation a{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: #433f3e;
	color: #ffffff;
	padding: .2em .5em;
	border-bottom: 1px solid #ffffff;
	width: 13em;
}

ul#navigation a:hover{
	background: #b1c85c;
	color: #af1e27;
	text-decoration: none;
}

ul#navigation li{
	display: inline;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

body#home a#homenav,
body#product a#productnav,
body#order a#ordernav,
body#about a#aboutnav,
body#contact a#contactnav{
	background: #b1c85c;
	color: #af1e27;
	text-decoration: none;
}

body#home a#homenav,
body#contact a#contactnav,
body#photo a#photonav,
body#dump a#dumpnav,
body#roll a#rollnav,
body#arms a#armsnav,
body#air a#airnav,
body#economy a#economynav,
body#easy a#easynav,
body#dumptrailer a#dumptrailernav,
body#crank a#cranknav,
body#kwik a#kwiknav,
body#wireless a#wirelessnav,
body#sidekick a#sidekicknav,
body#glide a#glidenav,
body#waste a#wastenav,
body#hydraulic a#hydraulicnav,
body#conestoga a#conestoganav,
body#others a#othersnav,
body#rearends a#rearendsnav,
body#quicksilver a#quicksilvernav,
body#softshell a#softshellnav,
body#softshellfb a#softshellfbnav,
body#flatbedtarps a#flatbedtarpsnav,
body#rollovers a#rolloversnav,
body#flatbedacc a#flatbedaccnav,
body#boxes a#boxesnav,
body#fenders a#fendersnav,
body#cabs a#cabsnav,
body#misc a#miscnav{
	background: #b1c85c;
	color: #af1e27;
	text-decoration: none;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#container
{
position: relative;
width: 65%;
height: 100%;
min-width: 900px;
margin: 5px auto 5px auto;
background-color: #ffffff;
color: #3333333;
border: 1px solid gray;
line-height: 130%;
overflow: visible;
}

#top
{
position: relative;
text-align: left;
height: 102px;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
border-bottom: 1px solid gray;
}

#top h1
{
position: relative;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

#leftnav
{
position: relative;
font-family: arial, geneva, verdana, sans-serif;
font-size: 12px;
line-height: 24px;
height: 100%;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 6px;
float: left;
}

#content
{
position: relative;
margin: 0px 0px 0px 180px;
padding: 0px;
border-left: 1px solid gray;
}

#leftnav p { margin: 0 0 0 0; border: 1px solid red;}
#content h2 { margin: 0 0 .5em 0; }



/* =Secondary Content
-----------------------------------------------------------------------------*/

/* kwik lock systems start */

#kwiklock a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0011_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden;
	float: left;
	margin: -15px 0px 0px 0px;
	}


#kwiklock a {overflow: hidden;}

	
#kwiklock a:hover {
	background-position: -200px 0px;
}	

/* kwik lock systems end */

/* easy cover systems start */

#easycover a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0001_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden; 
	float: left;
	margin: -15px 0px 0px 0px;
	}


#easycover a {overflow: hidden;}

	
#easycover a:hover {
	background-position: -200px 0px;
}	

/* easy cover systems end */

/* arm systems start */

#armsystems a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0002_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden; 
	float: left;
	margin: -15px 0px 0px 0px;
	}


#armsystems a {overflow: hidden;}

	
#armsystems a:hover {
	background-position: -200px 0px;
}	

/* arm systems end */

/* easypull systems start */

#easypull a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0003_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden; 
	float: left;
	clear: left;
	margin: -40px 0px 0px 0px;
	}


#easypull a {overflow: hidden;}

	
#easypull a:hover {
	background-position: -200px 0px;
}	

/* easypull systems end */

/* crank n go 2 systems start */

#crankgo a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0004_both.gif) no-repeat left top;
	width: 200px;
	height: 240px;
	display: block;
	overflow: hidden; 
	float: left;
	margin: -40px 0px 0px 0px;
	}


#crankgo a {overflow: hidden;}

	
#crankgo a:hover {
	background-position: -200px 0px;
}	

/* crank n go 2 systems end */

/* side-kick systems start */

#side-kick a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0005_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden; 
	float: left;
	margin: -40px 0px 0px 0px;
	}


#side-kick a {overflow: hidden;}

	
#side-kick a:hover {
	background-position: -200px 0px;
}	

/* side-kick systems end */

/* lumber tarps systems start */

#lumber-tarps a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0006_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden; 
	float: left;
	clear: left;
	margin: -10px 0px 0px 0px;
	}


#lumber-tarps a {overflow: hidden;}

	
#lumber-tarps a:hover {
	background-position: -200px 0px;
}	

/* lumber tarps systems end */

/* conestoga 2 systems start */

#conestoga-2 a {
	position: relative;
	text-indent: -1000em;
	background: url(images/0007_both.gif) no-repeat left top;
	width: 200px;
	height: 185px;
	display: block;
	overflow: hidden; 
	float: left;
	margin: -10px 0px 0px 0px;
	}


#conestoga-2 a {overflow: hidden;}

	
#conestoga-2 a:hover {
	background-position: -200px 0px;
}	

/* conestoga 2 systems end */



/* =Footer
-----------------------------------------------------------------------------*/
#footer
{
position: relative;
font-size: 1em;
clear: both;
margin: 0px 0px 0px 0px;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/