﻿/* Created by Dan Womersley, (c)2009 Womersley-Design Ltd. */
body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #020202;
}
img {
	border: 0px;
}
#page {
	position: relative;
	width: 840px;
	margin: auto;
}
#header {
	position: relative;
	width: 100%;
	float: left;
}
#banner {
	position: relative;
	width: 100%;
	float: left;
	height: 80px;
}
#navigation {
	position: relative;
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	background-color: #FFFFFF;
	border-bottom: 1px #111011 solid;
	text-decoration: none;
	font-size: 13px;
}
	#navigation a {
		color: #121212;
		text-decoration: none;
	}
	#navigation ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		float: left;
		width: 100%;
		height: 30px;
	}
	#navigation li {
		float: left;
		padding: 0px 10px;
		margin: 0px;
		height: 30px;
	}
	#navigation li:hover {
		background-color:  #FF0000;
		color: #FFFFFF;
		cursor: pointer
	}
#content {
	position: relative;
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	font-size: 14px;
}
#left-col {
	position: relative;
	float: left;
	width: 154px;
	padding: 10px;
}
#right-col {
	position: relative;
	float: left;
	width: 154px;
	padding: 10px;
	text-align: center;
}
#right-col p {
	font-size: 11px;
}
#central-col {
	position: relative;
	width: 450px;
	padding: 0px 20px;
	float: left;
	border-left: 1px #121212 solid;
	border-right: 1px #121212 solid;
}
.product {
	position: relative;
	width: 96%;
	float: left;
	padding: 10px 2%;
	border-bottom: 4px #FF0000 solid;
}
.product h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.image {
	position: relative;
	width: 250px;
	float: left;
}
.text {
	position: relative;
	width: 500px;
	float: left;
}
#content p{
	margin: 0px;
	padding: 20px 10px 0px 0px;
}
#leftside {
	position: relative;
	float: left;
	width: 300px;
}
#rightside {
	position: relative;
	float: left;
	width: 540px;
}
#rightsidea {
	position: relative;
	float: left;
	width: 160px;
	padding: 0px 10px;
	margin: 0px 0px 0px 10px;
	background-color: #FFFFFF
}
#rightsidea h2 {
	margin: 0px;
	padding: 10px 0px;
	font-size: 17px;
	color: #232323
}
#authorimg_large {
	position: relative;
	width: 312px;
	height: 455px;
	float: left;
	background-color: #FFFFFF;
	font-size: 14px;
}
.large_col_l {
	position: relative;
	width: 244px;
	float: left;
	height: 455px;
	overflow: hidden;
	background-color: #FFFFFF;
	font-size: 14px;
}
.large_col {
	position: relative;
	width: 264px;
	float: left;
	height: 455px;
	overflow: hidden;
	background-color: #FFFFFF;
	font-size: 14px;
}
	.large_col p {
	padding: 5px 0px 0px 0px;
}
	.large_col h1,h2,h3,h4 {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
	.large_col .procut {
		position: relative;
		width: 100%;
		float: left;
		padding: 5px 0px 10px 0px;
		height: 222px;
	}	
	.large_col .procut img {
		padding: 0px 10px 0px 0px;
		border: 0px;
	}	
	.large_col .procut h4 {
		padding: 0px 0px 5px 0px;
		margin: 0px;
	}	
	.large_col .procut p {
		padding: 0px 0px 5px 0px;
		margin: 0px;
	}
	.large_col .options {
		position: relative;
		width: 100%;
		float: left;
		text-align: center;
		font-weight: bold;
		padding: 15px 0px 0px 0px;
	}
.fullspan {
	position: relative;
	width: 100%;
	float: left;
	padding: 10px 0px;
}
	.fullspan ul {
		float: right;
		width: 100%;
		list-style: none;
		height: 15px;
		font-size: 13px;
		line-height: 15px;
		margin: 0px;
		padding: 0px;
	}
	.fullspan li {
		float: right;
		height: 15px;
		margin: 0px;
		padding: 0px 3px;
		color: #FFFFFF
	}
#footer {
	position: relative;
	width: 100%;
	float: left;
	padding: 10px 0px;
}
	#footer ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		text-align: center;	
	}
	#footer li {
		float: left;
		padding: 0px 3px;
		margin: 0px;
		color: #FFFFFF;
		font-size: 12px;		
	}
	#footer p {
		padding: 10px 0px;
		margin: 0px;
		font-size: 10px;
		color: #FFFFFF;
		width: 100%;	
	}
	#footer a {
		color: #FFFFFF;
	}
#navigation_s {
	position: relative;
	width: 150px;
	float: left;
	background-color: #FFFFFF;
}
#gbkg {
	background-color: #666666
}
.navitem {
	position: relative;
	width: 130px;
	float: left;
	padding: 0px 10px;
	height: 30px;
	background-color: #CEE7FF;
	color: #0099FF;
	font-weight: bold;
	border-top: 1px #FFFFFF solid;
	line-height: 30px;
	font-size: 13px;
}
#mainblock {
	position: relative;
	width:470px;
	float: left;
	background-color: #FFFFFF;
	padding: 0px 10px;
	margin: 0px 0px 0px 10px;
}
#mainblockl {
	position: relative;
	width:660px;
	float: left;
	background-color: #FFFFFF;
	padding: 0px 10px;
	margin: 0px 0px 0px 10px;
}
.member {
	position: relative;
	float: left;
	padding: 10px 0px;
	width: 100%;
	border-bottom: 1px #787878 solid;
}
.tier {
	position: relative;
	float: left;
	width: 100%;
	padding: 5px 0px;
}
#video {
	position: relative;
	float: left;
	width: 660px;
	padding: 10px 0px;
}
#maintitle {
	position: relative;
	width: 96%;
	float: left;
	margin: 0px 0px 0px 2%;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px #CCCCCC solid;
}
#maintitle h1 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 22px;
	color: #121212
}
#mainrating {
	position: relative;
	width: 96%;
	float: left;
	margin: 0px 0px 0px 2%;
	padding: 0px 0px 10px 0px;
}
#mainrating p{
	float: left;
	text-align: center;
	font-weight: bold;
}
.double {
	width: 315px;
	float: left;
	position: relative;
	height: 40px;
	line-height: 40px;
	cursor: pointer
}
.double:hover {
	color: #33CCFF
}
.single:hover {
	color: #33CCFF
}
.single{
	width: 630px;
	float: left;
	position: relative;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}
.side {
	position: relative;
	width: 49%;
	float: left;
	padding: 10px 0px;
}
.side p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-size: 13px;
}
