/* 
	make viewport 100% in height and set padding, margin to zero
*/
html, body {
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#000000;
}

/* 
	remove default vertical scrollbar for ie
*/
html{
	overflow-y: auto;
}

/* 
	set body tag
*/
body {
	text-align:center; /* horizontal centering for IE Win quirks */
}

/* 
	set default padding,margin for all divs
*/
div{
	margin:0px;
	padding:0px;
}

/* 
	this is the key ingredient to make it work.. it should at least 1px in width
	but could also be 100% to make the top half another color instead of the body bgcolor
*/
#divVerticalDistance { 
	width:1px;
	height:50%;
	background-color:inherit;
	margin-bottom:-75px; /* half of container's height */
	float:left;
}
#container {
	margin:0px auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:151px;
	width:600px;
	clear:left;
	background-color:#000000;
	border:0px solid #000000;
}
a img{
	border:0px;
}