/* This CSS script was written by me, Lance Thackeray and is W3C CSS Valid. Feel free to study it through and learn something. However, do NOT simply copy my code into your own scripts. If you are wanting to learn, the best practice is typing it up yourself. And of course, I may have to break your legs if you rip the entire thing. So play nice =] */

/***** General Page Attributes *****/
body {
	min-width:804px;
	padding: 0px; margin: 0px; border: none;
	font-size: 11px; font-family: Tahoma, sans-serif; color: #6e6f72;
	background: url(images/bg.gif) repeat-x #16181c; }

td { text-align: left; }
img { padding: 0px; margin: 0px; border: none; }
.work img, .work img a:link, .work img a:visited { padding: 2px; margin: 0px; border: none; }
.work:hover img { background: url(images/thumb_hover.gif) no-repeat center; padding: 2px; margin: 0px; border: none; }

a:link, a:visited { background-color: inherit; color: #ccd0d5; text-decoration: none; }
a:hover { background-color: inherit; color: #ccd0d5; text-decoration: underline; }
p {
	margin: 0px 0 13px 0;
	text-align: center;
	color: #999;
}
li { margin-bottom: 10px; }

input {
	background: #0f1113; color: #777777;
	padding: 2px 3px 2px 3px; margin: 5px 0 5px 0;
	border-left: solid 1px #212125;
	border-right: solid 1px #212125;
	border-top: solid 1px #0b0b0c;
	border-bottom: solid 1px #2c2c32; }

select {
	background: #0f1113; color: #777777;
	padding: 0px; margin: 5px 0 5px 0;
	border-left: solid 1px #212125;
	border-right: solid 1px #212125;
	border-top: solid 1px #0b0b0c;
	border-bottom: solid 1px #2c2c32; }

option {
	background: #0f1113; color: #777777;
	padding: 0 3px 0 3px; margin: 5px 0 5px 0;
	border: none; }

textarea {
	width: 502px;
	background: #0f1113; color: #777777;
	padding: 5px; margin: 5px 0 5px 0;
	font-family: Tahoma, sans-serif; font-size: 12px;
	border-left: solid 1px #212125;
	border-right: solid 1px #212125;
	border-top: solid 1px #0b0b0c;
	border-bottom: solid 1px #2c2c32; }
	
input.button {
	font-weight: bold; font-size: 10px;
	background: #0f1113; color: #ccd0d5;
	padding: 2px 3px 2px 3px; margin: 5px 0 5px 0;
	border-left: solid 1px #212125;
	border-right: solid 1px #212125;
	border-top: solid 1px #2c2c32;
	border-bottom: solid 1px #0b0b0c; }


.theme_colour { background-color: inherit; color: #4a9eca; }
.theme_colour_large { background-color: inherit; color: #4a9eca; font-size: 15px; }

.pink, .pink a:link, .pink a:active, .pink a:visited { background-color: inherit; color: #ca4a72; font-weight: bold; }
.pink a:hover { background-color: inherit; color: #ccd0d5; font-weight: bold; }

.blue, .blue a:link, .blue a:active, .blue a:visited { background-color: inherit; color: #4a9eca; font-weight: bold; }
.blue a:hover { background-color: inherit; color: #ccd0d5; font-weight: bold; }

.green, .green a:link, .green a:active, .green a:visited { background-color: inherit; color: #92d22e; font-weight: bold; }
.green a:hover { background-color: inherit; color: #ccd0d5; font-weight: bold; }

/***** Structure *****/
.center { text-align: center; }

.wrap { text-align: center;	width: 804px; height: auto;	margin: auto; }

/* The main header image */
#header {
	width: 804px; height: 161px;
	background: url(images/blue/header.jpg) no-repeat center; }

/* The main nav */
#navBase {
	height: 58px; width: 804px;	padding: 0px; margin: 0 0 2px 0;
	background: url(images/navbg.jpg) repeat-x; }
	
	#navLeft {
		float: left;
		width: 301px; height: 58px;
		background: url(images/blue/nav_left.jpg) no-repeat; }

	.nav {
		list-style: none;
		margin: 0px; padding: 0px; }

	.nav li {
		float: left; line-height: 56px;
		position: relative;
		text-align: center; }

	.nav a, .nav a:visited {
		height: 58px; width: 80px;
		display: block;
		background: inherit; color: #555555; text-decoration: none;
		font-size: 11px; font-weight: normal; font-family: tahoma, sans-serif;
		background: url(images/nav1.gif) left bottom no-repeat;	}

	.nav a:hover, .nav a:visited a {
		background: url(images/nav2.gif) left bottom no-repeat;
		background-color: inherit; color: #555555; font-weight: normal; }
		
/* Main body */
#body_wrap {
	width: 804px; height: auto;
	background: url(images/body_bg.gif) center repeat-y;
	padding: 0px; margin: 0px; }

#body_top {
	width: 804px; height: 44px;
	background: url(images/body_top.gif) center no-repeat;
	padding: 0px; margin: 0 0 0 0;}
	
#body_bottom {
	width: 804px; height: 24px;
	background: url(images/body_bottom.gif) center no-repeat;
	padding: 0px; margin: 0px; }
	
#footer {
	width: 804px; height: 71px;
	background: url(images/footer.gif) center no-repeat;
	padding: 0px; margin: 0px; }
	
	#footerLeft { float: left; width: 130px; padding: 0 0 0 15px; text-align: center; }
	
	#footerRight { float: right; width: 547px; padding: 0 83px 0 0; text-align: right; }
	
	.footerText {
		background-color: inherit; color: #4a4b4e; line-height: 45px;
		font-family: Tahoma, sans-serif; font-size: 11px; }
	
	.footerText a, .footerText a:hover, .footerTextLight { background-color: inherit; color: #73757a; text-decoration: none; }
	
	.footerText a:hover { background-color: inherit; color: #FF3300; text-decoration: none; }
	
/* Left and right columns */

/* The left navigation */
#leftColumn { float: left; width: 147px; padding: 0 0 0 21px; text-align: left; }

	.sideNavHeader {
		width: 116px; margin: 0 0 1px 0;
		background-color: #16191d;
		font-family: Tahoma, sans-serif; color: #3e3f40; font-size: 10px; font-weight: bold;
		text-align: right; letter-spacing: 2px; line-height: 19px;
		border-bottom: solid 1px #1c2024; border-right: solid 6px #3a525e }
		
	.sideNavHeaderText {
		padding: 0 3px 0 0; }
		
	.sideNav ul {
		list-style: none;
		margin: 0px; padding: 0px;
		font-size: 10px; }
		
	.sideNav ul li {
		width: 116px; line-height: 19px;
		font-family: Tahoma, sans-serif; font-size: 10px;
		margin: 0 0 1px 0; padding: 0px;}
			
	.sideNav ul li a, .sideNav ul li a:visited {
		display: block; width: 116px;
		list-style-type: none;
		background-color: inherit; color: #CCCCCC;	font-weight: normal; text-decoration: none;
		border-bottom: solid 1px #1c2024; border-right: solid 6px #262a2e; }
		
	.sideNav ul li a:hover, .sideNav ul li.sideNavCurrent a {
		background-color: inherit; color: #FF3300;	font-weight: normal; text-decoration: none;
		border-bottom: solid 1px #437e9d; border-right: solid 6px #666666; }
	
	.sideNavText {
		padding: 0 0 0 2px; }

/* The right side content */
#rightColumn {
	float: right; width: 587px;
	text-align: center; padding: 0 22px 0 0; }

	.boxTop {
		height: 48px; width: 587px; text-align: left;
		background: url(images/blue/box_top.gif) no-repeat top;
		background-color: inherit; color: #bbbbbb; }
		
		.boxTopPad { padding: 13px 24px 0 13px; }
		
			.boxTitle, .boxTitle a, .boxTitle a:visited { background-color: inherit; color: #dddddd; font-size: 12px; font-weight: none; }
			.boxTitle a:hover { background-color: inherit; color: #ffffff; font-size: 12px; font-weight: bold; text-decoration: none;}
			
	.boxBottom {
		height: 30px; width: 587px; text-align: left;
		background: url(images/blue/box_bottom.gif) no-repeat top;
		background-color: inherit; color: #3e4042; }
		
		.boxBottom a:link, .boxBottom a:visited { background-color: inherit; color: #4a9eca; text-decoration: none; }
		.boxBottom a:hover { background-color: inherit; color: #ccd0d5; text-decoration: underline; }
		
		.boxBottomPad { padding: 10px 24px 0 13px; }
		
	.boxContent {
		height: auto; width: 587px;
		background: url(images/box_bg.gif) repeat-y center; }
		
		.boxContentPad { padding: 1px 30px 1px 19px; margin: 0 0 0 0; }
		
	.commentTop {
		height: 32px; width: 587px; text-align: left;
		background: url(images/comment_top.gif) no-repeat top;
		background-color: inherit; color: #3e4042; }
		
		.commentTopPad { padding: 13px 24px 0 8px; }
		
		.commentTop a:link, .commentTop a:visited { background-color: inherit; color: #4a9eca; text-decoration: none; }
		.commentTop a:hover { background-color: inherit; color: #ccd0d5; text-decoration: underline; }
		
	.commentBottom {
		height: 12px; width: 587px;
		background: url(images/comment_bottom.gif) no-repeat top; }
		
	.commentContent {
		height: auto; width: 587px;
		background: url(images/comment_bg.gif) repeat-y center; }
		
		.commentContentPad { padding: 1px 30px 1px 15px; margin: 0 0 0 0; }
					
	.hr1 { width: 100%; height: 2px; background: url(images/hr1.gif) repeat-x center; }
	.hr2 { width: 100%; height: 2px; background: url(images/hr2.gif) repeat-x center; }
			
.clear { clear: both; }

/* Online shop elements */
.itemTitle { background-color: inherit; color: #ccd0d5; font-weight: bold; }
.itemPrice { background-color: inherit; color: #4a9eca; font-weight: bold; }
.itemBuy { background-color: inherit; color: #4a9eca; font-weight: bold; }
.itemAdd { background-color: inherit; color: #ccd0d5; font-weight: bold; }
.itemCheck { background-color: inherit; color: #ccd0d5; font-weight: bold; }
.ok {
	color: #999;
}
#body_wrap #leftColumn .sideNav .sideNavHeader .sideNavHeaderText.style2 div p {
	color: #999;
}
.ok {
	color: #999;
}