body {
background-color: #000000;
text-align: center;
overflow: hidden;
height: 100%;
}
img{
border: 0px;
}
#main {
background: #000000 url(bg.jpg) no-repeat;
margin-left: auto;
margin-right: auto;
width: 888px;
height: 590px;
text-align: left;
border: 1px solid #FFFFFF;
}
#distance { 
width:1px;
height:50%;
background-color:#000000;
margin-bottom:-295px; /* half of main's height */
}
#menu{
position: relative;
top: 90px;
right: -620px;
text-align: right;
width: 300px;
font-weight: bold;
font-size: 17px;
font-family: tahoma, sans-serif;
color: #FFFFFF;
}
.menu{
background-image: url(button.png);
margin-bottom: 1px;
padding-right: 50px;
}
a:hover div.menu{
background-image: url(hoverbutton.png);
color: red;
}
a, a:link, a:visited, a:active {
text-decoration: none;
color: #FFFFFF;
}