/* ----------------------------------------------------------------------------- 

Hunt Leather Collections css [www.huntleathercollections.com]
written by Nate Tharp of Antimony Design [www.antimonydesign.com]
icons by Mark James [www.famfamfam.com]
feed icon by Matt Brett [www.feedicons.com]

--------------------------------------------------------------------------------

COLORS
Black				#000000
Dark Blue			#1A3636
Medium Blue			#263E43
Light Blue			#546969
Dark Brown			#504539
Medium Brown		#6E5845
Light Brown			#7D746B
White Brown			#A8A29C
Tan					#938356
Olive				#6C6C54
Text Gray			#232323
Light Gray			#999999
Red					#55111A

----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- 
GLOBAL
----------------------------------------------------------------------------- */
body {
	font-family:Georgia, Garamond, Times, "Times New Roman", serif; 
	font-size:68.5%; 
	background:#F1EACF; 
	margin:0; 
	padding:0; 
	color:#232323;}



/* ----------------------------------------------------------------------------- 
STRUCTURE
----------------------------------------------------------------------------- */
#wrap {
	width:700px;
	margin:45px auto 0;
	padding:0;
	text-align:center;}
	
#homebanner {
	width:699px;
	height:275px;
	background:transparent url(/images/banner/homebanner.jpg) 0 0 no-repeat;}

#content {
	width:660px;
	margin:20px;
	padding:0;
	text-align:left;
	clear:both;}

#colLeft {
	width:180px;
	margin:0;
	padding:0 20px 0 10px;
	float:left;}

#colRight {
	width:419px;
	min-height:650px;
	margin:0;
	padding:0 10px 0 20px;
	float:right;
	border-left:dashed 1px #A08F6E;}
	
body#home-page #colRight {
	min-height:0;}

#banner {
	width:700px;
	height:178px;
	margin:20px 0;
	padding:0;
	background:transparent url(/images/banner/banner_home.jpg) top center no-repeat;
	clear:both;}

body#about-page #banner {
	background:transparent url(/images/banner/banner_about.jpg) top center no-repeat;}
	
body#products-page #banner {
	background:transparent url(/images/banner/banner_products.jpg) top center no-repeat;}

body#contact-page #banner {
	background:transparent url(/images/banner/banner_contact.jpg) top center no-repeat;}
	
body#terms-page #banner {
	background:transparent url(/images/banner/banner_terms.jpg) top center no-repeat;}
	
body#links-page #banner {
	background:transparent url(/images/banner/banner_links.jpg) top center no-repeat;}
	
body#sitemap-page #banner {
	background:transparent url(/images/banner/banner_sitemap.jpg) top center no-repeat;}
	
body#privacy-page #banner {
	background:transparent url(/images/banner/banner_privacy.jpg) top center no-repeat;}

#bannertext {
	width:280px;
	margin:15px 20px 15px 20px;
	padding:0;
	float:right;}
	
#colRight #feat1 {
	width:190px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	border-right:dashed 1px #A08F6E;}

#colRight #feat2 {
	width:190px;
	margin:0;
	padding:0 0 0 10px;
	float:left;}
	
.product {
	margin:0;
	padding:20px 20px 30px 10px;
	border-bottom:dashed 1px #A08F6E;
	clear:both;}

#footer {
	widows:700px;
	min-height:20px;
	margin:40px 0 0 0;
	padding:25px 30px;
	color:#232323;
	clear:both;
	background:transparent url(/images/footer.gif) center top no-repeat;}

#credit {
	width:200px;
	float:right;
	margin:0;
	padding:0;
	top:0;
	position:relative;}



/* ----------------------------------------------------------------------------- 
NAVIGATION
----------------------------------------------------------------------------- */
#nav {
	width:700px;
	margin:10px 0 10px 0;
	padding:15px auto;
	text-align:center;
	color:#88724D;
	clear:both;}

#nav a, #nav a:link, #nav a:visited {
	color:#55111A;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:110%;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	letter-spacing:2px;}

#nav a:hover {
	color:#504539;
	text-decoration:none;}

#nav ul {
	list-style:none;
	display:block;
	width:480px;
	height:10px;
	margin:0 auto;
	padding:0;}
	
#nav ul li {
	float:left;}



/* ----------------------------------------------------------------------------- 
QUICKNAV
----------------------------------------------------------------------------- */
#quicknav {
	width:74px;
	float:right;
	margin:0 30px 0 0;
	padding:0;}

#quicknav ul {
	width:74px;
	margin:0;
	padding:45px 0 0 0;
	list-style:none;}

#quicknav ul li {
	float:left;
	display:block;
	height:9px;}
	
#quicknav ul li a {
	display:block;
	text-indent:-9999px;}
	
/*#quicknav ul li#home a {
	width:21px;
	background:transparent url(/images/quicknav/quicknav_home_a.gif) 0 0 no-repeat;}

#quicknav ul li#home a:hover {
	width:21px;
	background:transparent url(/images/quicknav/quicknav_home_b.gif) 0 0 no-repeat;}*/
	
#quicknav ul li#cart a {
	width:21px;
	background:transparent url(/images/quicknav/quicknav_cart_a.gif) 0 0 no-repeat;}

#quicknav ul li#cart a:hover {
	width:21px;
	background:transparent url(/images/quicknav/quicknav_cart_b.gif) 0 0 no-repeat;}
	
#quicknav ul li#email a {
	width:33px;
	background:transparent url(/images/quicknav/quicknav_email_a.gif) 0 0 no-repeat;}
		
#quicknav ul li#email a:hover {
	width:33px;
	background:transparent url(/images/quicknav/quicknav_email_b.gif) 0 0 no-repeat;}
	
#quicknav ul li#sitemap a {
	width:20px;
	background:transparent url(/images/quicknav/quicknav_sitemap_a.gif) 0 0 no-repeat;}
	
#quicknav ul li#sitemap a:hover {
	width:20px;
	background:transparent url(/images/quicknav/quicknav_sitemap_b.gif) 0 0 no-repeat;}



/* ----------------------------------------------------------------------------- 
TYPOGRAPHY
----------------------------------------------------------------------------- */
h1 {
	color:#1A3636; 
	font-size:230%; 
	line-height:120%; 
	/*font-weight:normal;font-family:Palatino, "Times New Roman", Times, Georgia, serif;*/ }

h2 {
	color:#263E43; 
	font-size:205%; 
	line-height:120%; 
	font-weight:normal;
	margin:0;
	padding:3px 10px 5px 10px;}

h3 {
	color:#263E43; 
	font-size:160%;
	margin:0; 
	padding:3px 10px 5px 10px;}

h4 {
	color:#263E43; 
	font-size:185%; 
	font-weight:normal;
	margin:0; 
	padding:7px 10px 4px 10px;}

h5 {
	color:#55111A; 
	font-size:110%; 
	font-weight:bold; 
	margin:0; 
	padding:3px 10px 5px 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif;}

h6, h6.desc strong {
	color:#232323; 
	font-size:100%;
	margin:0; 
	padding:3px 10px 5px 10px; 
	text-transform:uppercase;}

h6.desc {
	font-weight:normal;
	text-transform:none;
	font-size:110%;}
	
date {
	color:#999999; 
	font-size:120%; 
	line-height:130%; 
	letter-spacing:.18em; 
	text-transform:uppercase; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif;}

p {
	color:#232323; 
	font-size:115%; 
	line-height:140%; 
	margin:0; 
	padding:3px 10px 6px 10px;}
	
#colLeft p strong {
	color:#55111A;}

#colLeft ul {
	font-size:105%;}

#bannertext {
	text-align:left;}

#bannertext h2 {
	margin:0;
	padding:0 0 5px 0;
	font-size:130%;
	font-weight:bold;}

#bannertext p {
	margin:0;
	padding:0;
	line-height:140%;
	font-size:100%;}

#footer {
	color:#232323;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	text-align:left;}

#footer p {
	font-size:95%;
	margin:0;
	padding:0 5px 2px 0;}

#footer p.footernav {
	color:#504539;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	font-size:95%;}

#credit {
	color:#938356;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	font-size:90%;
	text-align:right;}

ul.sitemap {
	color:#55111A; 
	font-size:110%; 
	font-weight:bold; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif;}
	
	
/* ----------------------------------------------------------------------------- 
LINKS
----------------------------------------------------------------------------- */
a, a:link {
	color:#6C6C54; 
	text-decoration:none;}
a:hover {
	color:#938356; 
	text-decoration:underline;}
a:visited {
	color:#999999; 
	text-decoration:none;}

h1.logo a {
	width:247px;
	height:60px;
	margin:0 0 15px 30px;
	padding:0;
	display:block;
	text-indent:-9999px;
	background:transparent url(/images/logo.gif) 0 0 no-repeat;
	float:left;}

h4 a, h4 a:link, h4 a:visited, h4 a:hover {color:#263E43; text-decoration:none;}

#bannertext a, #bannertext a:link, #bannertext a:visited {
	color:#F1EACF;}

#bannertext a:hover {
	color:#6C6C54;}

#footer a, #footer a:link, #footer a:visited {
	color:#938356;
	text-decoration:underline;}

#footer a:hover {
	color:#504539;
	text-decoration:underline;} 

#footer p.footernav a, #footer p.footernav a:link, #footer p.footernav a:visited {
	color:#FFFFFF;
	text-decoration:none;}

#footer p.footernav a:hover {
	color:#938356;
	text-decoration:none;}

#credit a, #credit a:link, #credit a:visited {
	color:#FFFEF1;
	text-decoration:none;}
	
#credit a:hover {
	color:#504539;
	text-decoration:none;}

#colLeft ul a {
	color:#232323;}



/* ----------------------------------------------------------------------------- 
LISTS
----------------------------------------------------------------------------- */
#colLeft ul, #colRight ul {
	list-style:none;
	margin:0 0 1.5em;
	padding:0;}

#colLeft ul li, #colRight ul li {
	background:transparent url(/images/bullet.gif) no-repeat 0 0.4em;
	margin:0 0 0.5em 10px;
	padding:0 0 0 10px;}



/* ----------------------------------------------------------------------------- 
EXTRAS
----------------------------------------------------------------------------- */
#footer img.logo, #footer img.logo a {
	z-index: 10;
	/*width: 55px;
	height: 55px;*/
	margin:.5em 1.5em 1em 0;
	float:left;
	border:none;}

hr {
	margin:20px 0 20px 0;
	padding:0;
	background:none;
	border-bottom:none;
	border-right:none;
	border-left:none;
	border-top:dashed 1px #A08F6E;
	clear:both;}


.product img {
	float:left;
	margin:8px;
	padding:0;
	clear:both;}

img.btn_prod {
	float:left;
	margin:4px 8px 20px 8px;
	padding:0;
	border:none;
	clear:none;}