* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
}

body {
	overflow:auto;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#container {
    margin: 0 auto;
    position:relative; /* puts container in front of distance */
    text-align:left;
    height:706px;
    width: 927px;
    clear:left;
}

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-353px; /* half of container's height */
		float:left;
		}
		
#box { 
		width:100%;
		height:100%;
		}
		
div#preload { display: none; }