body {
	background: black url('/i/bg1.gif');
	color: white;
}

ul { margin-left: 2em; }
hr { background-color: gray; width: 75%; margin: 0 auto; }

#page {
	background: black url('/i/bg2.jpg') repeat-x;
	min-width: 700px;
	max-width: 900px;
	margin: 0 auto;
	min-height: 100%;
	border-color: white;
	border-width: 0 2px;
	border-style: solid;
}

#header {
	background: url('/i/logo_hlupdater.png') no-repeat center;
	height: 15em;
	text-align: center;
	padding-top: 2em;
	margin-bottom: 5em;
}

#header h1 {
	margin: 8em auto 0;
	width: 332px;
	height: 65px;
	background: url('/i/hlcu.png') no-repeat center;
}

.download_button {
	margin: 0 auto;
	text-align: center;
	padding-top: 1em;
}

.download_button a {
	height: 8em;
	background: url('/i/download_button_mirror.png') no-repeat center;
}

.screenshots {
	margin: 2em auto;
	text-align: center;
}

.screenshots img {
	width: 200px;
	padding: 1em;
}

#content {
	padding: 0 2em;
	margin: 1em;
}

#content a {
	color: white;
	font-weight: bold;
}

p.note {
	padding-left: 2em;
	color: silver;
	font-size: 80%;
}

h3 { margin: 1em auto; }


#promo {
	clear:both;
	text-align: center;
	padding: 1em;
}

#promo img {
	margin: 1em;
	max-width: 50px;
}

#bottom {
	clear:both;
	text-align: center;
	color: gray;
}