* {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-family: verdana
 }

 html, body {
	height: 100%;
 }
 
 body {
	text-align: center; /* horizontal centering for IE Win quirks */ 
 }
 
 #distance { 
	height: 50%;
	width: 100%;	
	background-color: #85CAF3;
	margin-bottom: -310px; /* half of container's height */
	float: left;
 }

 #containerWrapper {
	position: relative; /* puts container in front of distance */
	clear: left;
	background-image: url("/gfx/bg.png");
	height: 620px;
	width: 100%;
	overflow: hidden
 }
 
 #container {
	margin: 0 auto;
	text-align: left;
	height: 620px;
	width: 960px;
 }