/* CSS Document */

* {margin:0; padding:0;}

body {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	color:#333;
	background:#f6f6ee;
	}
	
	a img {border: none;}
	
#container {
	position:relative;
	width:805px;
	left:50%;
	margin-left:-403px;
	}
	
#leftside {
	position:relative;
	left:85px;
	}
	
	.logo {
		margin-top:60px;
		}
	
	.quality {
		margin:10px 0 0 -15px;
		}
		
	.lowernav {
		margin:50px 0 0 20px;
		}
		
		.lowernav ul {list-style-type:none;}
		
		.lowernav a { color:#ba7212; text-decoration:none; }
		.lowernav a:hover {color:#aba569; border-bottom:1px solid #d9d6b8;}
	
/* CSS For Single Image Rollovers */
	
#jackets {
	margin-top:20px;
	position: relative;
	width: 177px; 
	height: 229px;
	background: transparent url('../img/jackets.png');
	}
	
#jackets li {
	width: 75px; 
	height: 94px; 
	position: absolute; 
	display: block; 
	list-style: none;
	}
	
#jackets a {
	width: 75px; 
	height: 94px; 
	display: block;
	bosrder:1px solid red;
	
	}
	
		#jackets #kindling {left: 0px; background:transparent -10px 52px;}
		#jackets #spark {left: 95px; background-position: -104px -52px;}
		#jackets #tinder {top:120px; left: 0px; background-position: -102px 0;}
		#jackets #smolder {top:120px; left: 95px; background-position: -153px 0;}
		
		#jackets #kindling a:hover {background:url('../img/jackets.png')  0px -242px no-repeat;}
		#jackets #spark a:hover {background:url('../img/jackets.png')  -95px -242px no-repeat;}
		#jackets #tinder a:hover {background:url('../img/jackets.png')  0px -362px no-repeat;}
		#jackets #smolder a:hover {background:url('../img/jackets.png')  -95px -362px no-repeat;}
		
/* end rollover CSS */

#rightside {
	position:absolute;
	top:60px;
	left:340px;
	width:400px;
	}
	
#rightside-front {
	position:absolute;
	top:90px;
	left:300px;
	width:400px;
	}
	
	#rightside #top {
		position:absolute;
		}
		
	#rightside #bottom {
		margin-top:170px;
		}
	
	#rightside h3 {
		color:white;
		font-size:1.3em;
		font-weight:normal;
		}
		
	#rightside h4 {
		clear:both;
		margin-bottom:5px;
		}
	
	#rightside p {
		margin:12px 0 0 0;
		}
		
	#middlebar {
		float:left;
		background:#cfc988;
		margin-top:57px;
		padding:10px;
		width:157px;
		height:305px;
		text-align:center;
		}
		
		#rightside ul{list-style-type:none;}
		#rightside ul li {display:block; height:10px; width:39px; text-align:center; padding-top:40px; margin:0 12px 15px 0; float:left;}
		
			.blaze {background:url('../img/blaze.jpg') no-repeat;}
			.moss {background:url('../img/moss.jpg') no-repeat;}
			.scorch {background:url('../img/scorch.jpg') no-repeat;}
			.singe {background:url('../img/singe.jpg') no-repeat;}
			.sky {background:url('../img/sky.jpg') no-repeat;}
			.smoke {background:url('../img/smoke.jpg') no-repeat;}
			
		.sizing {
			position:relative;
			top:20px;
			}
		.mailinglist {
			position:relative;
			top:80px;
			}
		
	#largeview {
		margin:50px -15px 0 0;
		float:right;
		}