html, body {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: black url('../images/bg.png') repeat scroll 0 0;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	color: white;
}

.clear { clear: both; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }

div.topaccent {
	background: transparent url('../images/topaccent.png') repeat-x scroll 0 0;
	height: 18px;
	width: 100%;
}

div.whitebox {
	background: transparent url('../images/wbdmain.png') no-repeat scroll 0 0;
	margin: 100px auto 0;
	padding-top: 384px;
	height: 107px;
	width: 480px;
}

a.button {
	background: transparent url('../images/button.png') no-repeat scroll 0 0;
	display: block;
	height: 37px;
	width: 135px;
	margin: 0 auto;
}

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

p.footer {
	color: #898989;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}