html, body {
height:100%;
}

body {
background:url(../images/background.jpg) repeat-x top #FFFFFF;
text-align:center; /* horizontal centering for IE Win quirks */
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:white;
line-height:16px;
padding:0;
margin:0;
}

a:link, a:visited {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color:white;
text-decoration:underline;
}

a:hover, a:active {
text-decoration:none;
}

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

#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:900px;
height:600px;
background:url(../images/bg_container.jpg) no-repeat;
clear:left;
}

#left {
width:350px;
}

#right {
width:550px;
}

#logo {
width:350px;
height:147px;
padding:0;
vertical-align:bottom;
}

#menu {
width:300px;
margin:20px auto 0 auto;
padding:1px 0;
background:url(../images/menu_line.png) no-repeat bottom;
}

#menu .button {
background:url(../images/menu_line.png) no-repeat top;
padding:0;
margin:0;
height:49px;
}

#menu .subbutton {
padding:0px 5px 5px 20px;
margin:0 0 0 40px;
clear:both;
}

#menu .subbutton:hover {
background:url(../images/arrow_small.png) no-repeat left center;
}

#menu .subbutton a{
font-weight:bold;
font-size:11px;
color:#d2dcea;
}

#start_logo {
width:350px;
height:144px;
}

#footer {
width:880px;
padding:5px 10px;
font: 9px Tahoma, Arial, Helvetica, sans-serif;
color:white;
background:#072753;
}

#content {
width:510px;
height:513px;
padding:47px 20px 20px 20px;
overflow-y: scroll; 
scrollbar-face-color:#d2dcea;
scrollbar-highlight-color:#d2dcea;
scrollbar-3dlight-color:#003888;
scrollbar-darkshadow-color:#003888;
scrollbar-shadow-color:#d2dcea;
scrollbar-arrow-color:#003888;
scrollbar-track-color:#e8eef6;
}

#content h1 {
font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
margin:20px 0 0px 0;
}

.intro {
background:url(../images/intro_fitness.jpg) no-repeat;
}