html, body, a, ul, ol, table, td, form, img, li {
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
	font-size: 11px;
}
html {
    height : 100%; 
}
body {
    background-color: #FFF;
    height: 100%; 
    font-size: 11px;
	text-align:center;
}


/* I M A G E                                                */
/* -------------------------------------------------------- */
img {
   	border: 0;
}

/* G R U N D S T R U K T U R                                */
/* -------------------------------------------------------- */

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

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