
/* The mighty Back40 Design, Inc. style sheet */


/* ~~~[ heading tags ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
h1, h2, h3, h4, h5 {
	color: #A25223;
	font-weight: normal;
}
	h1 a, h2 a, h3 a, h4 a, h5 a {
		color: #A25223; 
		text-decoration: none;
	} 
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
		color: #6C6C6C; 
		text-decoration: none;
	} 
	
h1 {
	font-size: 190%;
	margin: 0 20px 10px 0;
	color: #000;
}	 
	
h2 {
	font-size: 150%;
	margin-bottom: 0;
} 
	
h3 {
	font-size: 110%;
}	
	
	

/* ~~~[ general font tags ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, a:visited {
	color: #A25223;	
}
	a:hover, a:active {
		color: #666;	
	}
	
a span {
	display: none;
}
a:hover span {
	display: inline;
	font-weight: bold;
}		

p {
	margin-right: 40px;
}
	
ul {
	list-style: square;
	margin: 5px 10px 10px 25px; 
	padding: 0px;
} 
	ul.file {		
		list-style-image: url(images/file.gif);
	}
	ul.arrowr {		
		list-style-image: url(images/arrow_r.gif);
	}
		li {
			margin-bottom: 2px;
		}  

.img, .storeImg {
	margin: 10px;
	padding: 4px; 
	background-color: #f9f9f9;
	border: 1px solid #b8b8b8;
	border-bottom-color: #818181;
	border-right-color: #818181;		
}
	.storeImg {
		cursor: auto; cursor: pointer; 
		margin: 0;
	}



/* ~~~[ inner template ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#innerContent {
	display: block;
	width: 771px;
	margin: 15px auto;
	background: #D09C49 url(images/template/inner-page-bg.jpg) top center repeat-y;
	border: 2px solid #000;
	border-top-width: 7px;
}

#innerSidebar {
	display: block;
	float: left;
	width: 163px;
	font-weight: bold;
	font-size: 90%;
	color: #A25223;
}	
	#innerSearch {
		padding: 0 0 0 20px;		
	}
		.innerSearchFeild, .innerSearchButton {
			border: 1px solid #A25223;
			border-bottom-color: #A25223;
			border-right-color: #A25223;
			margin: 0;
			font-size: 12px;
			background: #F6EDE9;
		}
		 .innerSearchButton {
			background: #A25223;
			color: #fff;
		}
	#innerSidebar ul {
		list-style: none;
		padding: 0 0 0 20px;
		margin: 20px 0 0 0;
	}
		#innerSidebar ul li {
			padding: 0 0 8px 0;
			margin: 0 0 8px 0;
			border-bottom: 1px dotted #A25223;
		}
			#innerSidebar ul li a, #innerSidebar ul li a:visited {
				color: #A25223;
				text-decoration: none;
			}
			#innerSidebar ul li a:hover, #innerSidebar ul li a:active {
				color: #000;
			}

#innerText {
	display: block;
	float: right;
	width: 550px;
}

#innerBottomNav {
	clear: both;
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 771px;
	margin: 5px auto;
	color: #A25223;
	font-size: 85%;
	padding: 6px 0 0 0;
}
	#innerBottomNav ul {
		width: 580px;
		display: block;
		list-style: none;
		margin: 0 auto 10px auto;
		padding: 0;
	}
	#innerBottomNav ul li {
		line-height: 1.5;
		display: inline;
	}
		#innerBottomNav ul li a, #innerBottomNav ul li a:visited {
			color: #A25223;
			text-decoration: none;
		}
		#innerBottomNav ul li a:hover, #innerBottomNav ul li a:active {
			color: #000;
			text-decoration: none;
			border-bottom: 1px solid #000;
		}



/* ~~~[ homepage template ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#homeContent {
	display: block;
	width: 774px;
	height: 619px;
	margin: 0 auto;
	background: #D09C49 url(images/template/content-bg.jpg) top center no-repeat;
}

#homeNav {
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 774px;
	margin: 15px auto 0 auto;
	background: #000;
	color: #fff;
	font-size: 85%;
	padding: 6px 0 0 0;
	height: 21px;
}
	#homeNav ul {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#homeNav ul li {
		display: inline;
	}
		#homeNav ul li a, #homeNav ul li a:visited {
			color: #fff;
			text-decoration: none;
		}
		#homeNav ul li a:hover, #homeNav ul li a:active {
			color: #999;
			text-decoration: none;
			border-bottom: 1px solid #999;
		}
	
#homeSearch {
	position: absolute;
	display: block;
	height: 200px;
	width: 390px;
	color: #fff;
	margin: 37px 0 0 333px;
	text-align: center;
	font-size: 85%;
}
	.homeSearchFeild, .homeSearchButton {
		border: 1px solid #fff;
		border-bottom-color: #333;
		border-right-color: #333;
		margin: 0 2px;
		font-size: 13px;
		background: #F6EDE9;
	}
	 .homeSearchButton {
		background: #ccc;
	}

#homeTruckTeasers {	
	position: absolute;
	margin: 250px 0 0 10px;
	padding: 0;
	display: block;
}
	#homeTruckTeasers li {	
		text-align: center;
		list-style: none;
		float: left;
		width: 107px;
		padding: 4px;
		margin: 0 5px 0 5px !important;
		margin: 0 5px 0 0;
	}
		#homeTruckTeasers li a {
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			font-size: 130%;
			display: block;
			letter-spacing: -1px;
			line-height: 1;
		}	
		#homeTruckTeasers li img {	
			border: 3px solid #fff;
			display: block;
			margin-bottom: 7px;
		}
		#homeTruckTeasers li a:hover img {	
			border-color: #999;
		}

#homeBottomNav {
	margin: 0 auto;
	display: block;
	width: 774px;
	margin: -65px auto 30px auto;
	color: #A25223;
	font-size: 85%;
	padding: 6px 0 0 0;
	height: 21px;
}
	#homeBottomNav ul {
		width: 530px;
		display: block;
		list-style: none;
		margin: 0 0 10px 15px;
		padding: 0;
	}
	#homeBottomNav ul li {
		line-height: 1.5;
		display: inline;
	}
		#homeBottomNav ul li a, #homeBottomNav ul li a:visited {
			color: #A25223;
			text-decoration: none;
		}
		#homeBottomNav ul li a:hover, #homeBottomNav ul li a:active {
			color: #000;
			text-decoration: none;
			border-bottom: 1px solid #000;
		}



/* ~~~[ body/html calling ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	background: #FFFBC3 url(images/template/page-bg.jpg) top center repeat-x;
	font-family: georgia;
	color: #000;
	font-size: small;
	margin: 0;
	padding: 0;
}		
	* html body {
		font-size: x-small; /* ie is dumb */
		f\ont-size: small; /* for other ie versions */
	}

html {
	margin: 0; padding: 0;  	
}

img {
	border: 0;
}
