* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    font-family: Verdana, Arial;
}
img {
    border: 0;
}

body {
    text-align: center; /* horizontal centering for IE Win quirks */
    background: #000000;
}

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

#container {
    margin: 0 auto;
    position: relative; /* puts container in front of distance */
    text-align: left;
    height: 415px;
    width: 614px;
    clear: left;
    background: url('bg.jpg');
}

#title {
  color: #333333;
  font-size: 36px;
  text-align: right;
  top: 280px;
  height: 44px;
  background: #999999;
  position: relative;
  padding: 0 40px 0 0;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
}

#links {
  color: #666666;
  font-size: 12px;
  text-align: left;
  top: 300px;
  left: 350px;
  position: relative;
}
#links a {
  display: block;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 0;
}
#links a:hover {
  color: #8f0000;
}
/*
#links {
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  top: -70px;
  left: 10px;
  position: relative;
}
#links a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 0;
  margin: 0 20px 0 0;
}
#links a:hover {
  color: #CC0000;
}
*/