* {
    margin:0;
    padding:0;
}
 
html, body {
    height:100%;
}
        
body {
    background-color: #000;
    text-align:center;
}

#distance { 
	width:1px;
	height:50%;
	background-color:#000;
	margin-bottom:-342px; /* half of container's height */
	float:left;
}
 
#container {
    margin:0 auto;
    position:relative; /* puts container in front of distance */
    text-align:center;
    height:184px;
    width:700px;
    clear:left;
    background-image: url('images/intro_front.png');
    padding-top:500px;
}

#button {
    width: 201px;
    height: 92px;
    margin:0 auto;
    
    background: url('images/intro_button.png') 0 0;
}

#button:hover {
    background: url('images/intro_button.png') 0 92px;
}