* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #000000;
	text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -265px; /* Half the height of #container minus a bit more to fit the "enter shop" link into 800x600. */
	float: left;
}

#container {
	margin: 0 auto;	
	position: relative; /* puts container in front of distance */
	text-align: center;
	background-image: url('images/bg2.jpg');
	background-repeat: no-repeat;
	height: 506px;
	width: 715px;
	clear: left;
}

#mainbox {
	width: 100%;
	height: 100%;
	border: 1px solid #ffffff;
	text-align: center;
}

#logo {
	position: relative;
	z-index: 26;
	align: center;
	top: 50px;
}

#strapline {
	position: relative;
	z-index: 25;
	align: center;
	top: 245px;
}

#products {
	position: relative;
	z-index: 10;
	text-align: left;
	top: -560px;
	left: -50px;
}

.productstyle {
	width: 122px;
	height: 122px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
}

#product1 {
	margin-bottom: 16px;
}

#product2 {
	margin-bottom: 16px;
}

#product3 {

}

#entershop {
	z-index: 20;
	position: relative;
	text-align: right;
	top: 5px;
}

#shoplink {
	z-index: 30;
}

#shoplink:normal {
	border-bottom: 1px solid #000000;
}

#shoplink:hover {
	border-bottom: 1px solid #ffffff;
}

#footer {
	color: #ffffff;
	width: 100%;
	border-top: 1px solid #ffffff;
	text-align: center;
	font-size: 10pt;
	font-family: arial, helvetica;
	
}