/* CSS Document */
body {
	text-align: center;
	margin: 0;
	background: #7d7d7d url("images/layout/body-bg.gif") top repeat-y;
	line-height: 20px;
	}
	
a:visited,
a:link {
	color: #ffe400;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	color: #cb3939;
	}
	
.centre {text-align: center;}
.red {color: #cb3939;}
.homeimg {border: 3px solid #cb3939; float: left; margin: 5px 10px 5px 0;}

a img {border-color: #ffe400;}
a img:hover {border-color: #cb3939;}
	
#container {
	margin: 0 auto;
	text-align: left;
	width: 790px;
	background: #1c1c1c;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 0.8em;
	color: #eee;
	}
	#header {
		text-align: center;
		background: #363636;
		border-bottom: 1px solid #4a4a4a;
		}
		
	#page-container {padding: 20px 0;}
		#page {
			margin-left: 50px;
			float: left;
			padding: 0 30px 0 0;
			width: 550px;
			}
		#navigation {
			float: left;
			width: 150px;
			text-align: right;
			}
			#navigation ul {
				list-style: none;
				}
				#navigation ul li {
					margin-bottom: 10px;
					}
				#navigation ul li#current {
					background: url("images/layout/nav-current.gif") 100% 50% no-repeat;
					padding-right: 10px;
					}
					#navigation ul li#current a {color: #cb3939;}
		
	#footer {
		clear: both; 
		background: #363636;
		border-top: 1px solid #4a4a4a;
		padding: 20px;
		text-align: center;
		}
		
h1 {
	font-size: 23px;
	margin: 0px;
	padding: 20px 0 0 0;
	line-height: 23px;
	}
	
hr {
	margin: 10px 0;
	border: 0px;
	background: #fff;
	color: #fff;
	height: 2px;
	}
	
.product {margin-bottom: 20px; clear: left;}
	.product h2 {margin-bottom: 0px;}
	.product img {float: right; margin: 10px; background: #fff;}
	.product .price {color: #cb3939; padding: 0px; margin: 0px;}
	
.pdf {padding-left: 25px; background: transparent url("images/layout/pdf.gif") left no-repeat;}

iframe {border: 3px solid #ffe400; margin: 20px 0;}
	iframe:hover, iframe:focus {border-color: #cb3939;}

form {margin: 20px 50px;}
	form label {width: 120px; float: left; margin-top: 5px; font-weight: bold; color: #cb3939;}
	form input.input, form textarea {width: 300px; margin-top: 5px; border: 1px solid #000; padding: 3px; background: #b2b1b2 url("images/layout/input.gif") top repeat-x;}
	form input.input:focus, form textarea:focus {background: #bababa url("images/layout/input-focus.gif") top repeat-x;}
	form input.submit {margin-left: 120px;}
	form textarea {height: 80px;}
