html, body {
	padding:0;
	margin:0;
	border:0;
	background-color:#0c0402;
	background-image:url(images/splash/bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:100%;
}

.top {
	height:174px;
	width:799px;
	background-image:url(images/splash/title.png);
	background-repeat:no-repeat;
	background-position:top;
	margin:auto;
}

.a1 { background-image:url(images/splash/a1.jpg)}
.a2 { background-image:url(images/splash/a2.jpg)}
.a3 { background-image:url(images/splash/a3.jpg)}
.a4 { background-image:url(images/splash/a4.jpg)}
.b1 { background-image:url(images/splash/b1.jpg)}
.b2 { background-image:url(images/splash/b2.jpg)}
.b3 { background-image:url(images/splash/b3.jpg)}
.b4 { background-image:url(images/splash/b4.jpg)}
.c1 { background-image:url(images/splash/c1.jpg)}
.c2 { background-image:url(images/splash/c2.jpg)}
.c3 { background-image:url(images/splash/c3.jpg)}
.c4 { background-image:url(images/splash/c4.jpg)}
.d1 { background-image:url(images/splash/d1.jpg)}
.d2 { background-image:url(images/splash/d2.jpg)}
.d3 { background-image:url(images/splash/d3.jpg)}
.d4 { background-image:url(images/splash/d4.jpg)}

.main {
	border:5px solid #000000;
	width:792px;
	margin:auto;
}

.box {
	width:188px;
	height:89px;
	border:5px solid #000000;
	float:left;
	background-position:0px 89px;
}

a .box:hover {
	background-position:0px 0px;
}

.clear {
	clear:both;
}