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

	body {
			font: 80% arial, helvetica, sans-serif;
			background: #fff;
			margin: 0;
}
		
		.accessaid, h1 {
			position: absolute;
			height: 0;
			overflow: hidden;
		}
		
		#header {
			background: #000 url(images/SpartacusMast.png) no-repeat 20px center;
	height: 80px;
}

		#footer {
			background: #000;
			height: 40px;
			padding: 5px;
			border-left: 150px solid #000;

}

		#footer p {
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font: bold .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer a {
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font: bold .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}		
		#navigation {
			position: absolute;
			top: 150px;
			left: 0;
			width: 150px;
			color: white;
	background-color: #000;
}
		
		#navigation ul {
			margin: 0 0 1em 0;
			padding: 0;
			list-style: none;
		}
		
		#navigation ul a {
			color: white;
			text-decoration: none;
			display: block;
			background: #000;
			padding: 0 0.5em;
			margin: 0 1em 1px 1em;
		}
		
		#navigation a:visited {
			color: #999;
		}
		
		#navigation a:hover {
			background: gray;
		}

#headernav {
			left: 0;
			color: white;
	background-color: #000;
	height: 15px;
	clear: both;
	padding-left: 150px;
}
		
		#headernav a {
			color: white;
			text-decoration: none;
			display: block;
			background: #000;
			padding: 0 0.5em;
			margin: 0 1em 1px 1em;
	float: left;
	text-align: center;
}
		
		#headernav a:visited {
			color: #999;
		}
		
		#headernav a:hover {
			background: gray;
		}
		
		#content {
			padding: 1px 1px 10px 30px;
			border-left: 150px solid #000;
}
		
		h2 {
			font-size: 1.5em;
			color: #000;
	clear:both;
		}
		
		h3 {
	font-size: 1.25em;
	color: #000;
	clear:both;
}
		
		#imageright img {
	padding: 1px;
	border: 1px solid #333;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
		}
a {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
		
		#container {
			position: relative;
			width: 80%; 
			margin: auto;
	background: url(images/helmetbg.jpg) no-repeat center center;
}
#gallery {
	background: white;
	padding: 1px 1px 1em 30px;
	border-left: 150px solid #000;
}
#gallery img {
	padding: 1px;
	border: 1px solid #333;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}
#productcontainer {
	width: 100%;
	margin: 10px 10px 10px 10px;
	clear: both;


}

#product {
	background-color: rgba(204,204,204,0.5);
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
		border: 1px solid #333;
float: left;

}
#product a{
	text-align: center;

}

#product img {
	padding: 1px;
	border: 1px solid #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}
#product_right {
	background-color: rgba(204,204,204,0.5);
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
		border: 1px solid #333;
	float: right;
	font-weight: bold;

}
#product_right img {
	padding: 1px;
	border: 1px solid #333;
	float: left;

}
#product_right p{
	font-weight: bold;
	float: left;
	clear: both;

}
#product_right form{
	float: left;
	clear: both;

}

.clearboth {
	clear: both;
}