* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	background-color:#FFF;
	text-align:center; /* horizontal centering for IE Win quirks */
	}

#distance { 
	width:1px;
	height:50%;
	background-color:#993366;
	margin-bottom:-283px; /* half of container's height */
	float:left;
	}

#container {
	background-color:transparent;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:580px;
	width:900px;
	clear:left;
	}