* {
  margin: 0;
  padding: 0;
}
html {
  text-align: center;
  background: url("../images/back-html.png") 50% 2px;
  height: 100%;
  font: .8em/1.4 Arial, sans-serif;
}
* html { font-size: 80%; background-position: 50% 1px;}

body {
  width: 770px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  min-height: 500px;
  text-align: left;
}

#top {
  position: absolute;
  top: 25%;
  margin-top: -126px;
  width: 770px; height: 110px;
  overflow: hidden;
  background: red url("../images/index-back-top.png");
}

#logo {
  position: absolute;
  top: 50%;
  margin-top: -130px;
}

#bottom {
  position: absolute;
  top: 75%;
  margin-top: 51px;
  padding: 5px;
  width: 760px; height: 30px;
  overflow: hidden;
  background: red url("../images/index-back-bottom.png");
  color: white;
  text-align: center;
  line-height: 30px;
}

h1 {
  margin: 5px 0 0 25px;
  font: bold 200%/60px Arial, sans-serif;
  color: white;
}

strong {
  font: bold 120%/40px Arial, sans-serif;
  margin: 0 25px 5px 0;
  color: white;
  float: right;
}

#menu {
  position: absolute;
  z-index: 100;
  top: 50%; left: 510px;
  margin-top: -130px;
  height: 285px;
}
#menu li {
  height: 57px;
  color: #d9241c;
  font: 200%/57px Arial, sans-serif;
  list-style-type: none;
}
#menu li.inactive { color: #999999; }
#menu a:link, #menu a:hover, #menu a:visited {
  color: #d9241c;
  text-decoration: none;
}
#menu a:hover { color: black; }

a:link, a:hover, a:visited {
  color: white;
  text-decoration: underline;
}
a:hover { text-decoration: none; }