@import	url(reset.css);

.clearfix {
	clear: both;
}

html {
	background: #5c5c5c url(images/bg.gif) repeat-x fixed top;
}

body {
	overflow: hidden;
	font: normal normal 12px/1.5em Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #fff;
	text-shadow: 0px 1px black;
}

a {
	color: #fff;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	text-decoration: none;
}

	a:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=1);
	}

h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 178px;
	height: 114px;
	margin: -310px 0 0 -89px;
	background: transparent url(images/logo.png) no-repeat;
}

	h1 > span {
		position: absolute;
		left: -10000px;
	}
	
h1 + div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 810px;
	margin: -165px 0 0 -405px;
}

	div > div {
		width: 400px;
		background-color: #515151;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	h2 {
		width: 360px;
		padding: 10px 20px;
		font-size: 12pt;
		font-weight: bold;
		background: #58697b;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
		
		h2 > span {
			margin-right: 15px;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}
		
	div > div:first-child > h2 {
		background-color: #765978;
	}
		
	h3, ul {
		float: left;
		width: 180px;
		padding: 15px 0 7px 20px;
		font-size: 13px;
	}
	
	h3 {
		font-weight: bold;
	}

	ul {
		padding-top: 0;
		padding-bottom: 20px;
		color: #ccc;
	}
		
		ul li {
			margin-bottom: 2px;
		}
	
	div > div:first-child {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div > div ~ div {
		position: absolute;
		top: 0;
		left: 410px;
	}
	
p {
	position: absolute;
	top: 345px;
	width: 100%;
	text-align: center;
}