@charset "utf-8";
/* CSS Document */

html,body,form,fieldset,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0;}

body, html {
	height: 100%;
	}

body {
	background:#461414 url(images/bg-pattern.gif) repeat;
	}	

#wrapper {
	min-height:100%;
	}

* html #wrapper {
	height:100%;
	}

#header {
	width: 100%;
	}

#header_800 {
	width: 800px;
	height: 340px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background:#000 url(images/header-bg.jpg) no-repeat;
	}
	
#navcontainer{
	margin:320px 0 0 0;
	}

ul#navlist{
	margin:0 0 0 20px;
	}

#navlist li{
	display: inline;
	list-style-type: none;
	
	width:100px;
	}

#navlist a {
	padding: 4px 5px 4px 45px;
	margin:0 10px 0 30px;
	font:16px Georgia, "Times New Roman", Times, serif;
	color:#e2e0ca;
	text-decoration:none;
	background:url(images/decor-small.png) no-repeat top left;
	}

#navlist a:hover{
	}

#content {
	width: 100%;
	padding-bottom: 100px;
	}
	
#content_800 {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 100px;
	background:#000;
	min-height:365px;
	}
	
.content_750{
	width:750px;
	margin:0 auto;
	}

#footer {
	width: 100%;
	height: 100px;
	margin: -100px auto 0 auto;
	position: relative;
	background:url(images/footer-grunge.png) no-repeat bottom;
	}

#footer_800 {
	width: 800px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	}
	
#footer_black{
	height:40px;
	background:#000;
	}
	
#footer_750{
	width:750px;
	margin:5px auto 0 auto;
	border-top:1px solid #720101;
	padding:5px 0 0 0;
	}
	
#footer p{
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	margin:0 20px 0 0;
	}
	
#footer a{
	color:#FFF;
	}
	
/*COMMON----------------------------------------------------*/
h1{
	font:20px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	}
	
h2{
	font:13px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	}
	
p{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	}

.left_box p{
	padding:10px;
	}
	
.left_box h1{
	padding:20px 10px 0 10px;
	}
	
a{
	color:#ce0202;
	font-weight:bold;
	text-decoration:none;
	}

.red_line{
	width:750px;
	margin:10px auto;
	border-top:1px solid #720101;
	}
	
.clearit{clear:both;}

a, img{border:none;}

/*HOMEPAGE--------------------------------------------------*/
.intro{
	width:350px;
	float:left;
	background:url(images/decor-large.png) left no-repeat;
	padding:0 0 0 70px;
	}
	
.left_box{
	width:450px;
	float:left;
	background:#1e0000;
	border:1px solid #720101;
	margin:20px 0;
	}
	
.right_img{
	float:right;
	}
	
img.buy_btn{
	margin:20px 140px;
	}
	
p.home_centred{
	text-align:center;
	margin:5px 0 10px 0;
	}
	
/* SHOP -----------------------------------------------*/
.shopbox{
	color:#FFF;
	padding:10px;
	width:430px;
	float:left;
	margin:20px 0;
	background:#1E0000;
    border: 1px solid #720101;
}

.shopbox h1{
	margin:10px 0;
}

.shopbox ul{
	list-style:none;
	font:12px/20px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}

.shopbox ul li{
	display:block;
	clear:both;
	overflow:auto;
}

.shopbox ul > li{
	font:14px Arial, Helvetica, sans-serif;
	padding:5px 0;
}

.shopbox ul > li a{
	float:right;
}


.shopbox ul a, input.ppLink{
	padding:2px 4px;
	background:#720101;
	color:#FFF;
	font:14px Arial, Helvetica, sans-serif;
}

.shopbox ul a:hover{
	background:#900;
}

.shopbox ul > li > a{
	margin:0 0 0 20px;
}

.shopbox ul > li > ul > li a{
	float:right;
}

.shopbox ul > li > ul{
	border-top:1px solid #333;
	margin:35px 0 0 0;
}

.shopbox ul > li > ul > li{
	border-bottom:1px solid #333;
	padding:10px 0;
}

.shopbox a.singleLink, .shopbox a.singleLink:hover{
	background:none;
	padding:0;
	margin:5px 0 0 0;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	float:left;
	clear:both;
}

.shopbox small{
	color:#999;
}

.shopbox form{
	float:right;
}