body {
  background-color: #061421;
  margin: 0px;
  padding: 0px;
}

html, body {
  height:100%;
}
 
#wrap {
  min-height:100%;
}

#halt {
  background-image: url( 'halt.png' );
  background-repeat: no-repeat;
  background-position: center;
  min-height: 30%;
}

#buttons {
  background-color: #1c2834;
  position: relative;
  min-height: 40%;
}

#buttons a {
  display: block;
  position: absolute;
  top: 50%;
  
  margin-left: -99px;
  margin-top: -44px;
  
  width: 198px;
  line-height: 88px;
  
  background-image: url( 'button.png' ); 
  
  text-align: center;  
  font-family: "Helvetica", Verdana, sans-serif;
  font-weight: bold;
  font-size: 48px;
  text-decoration: none; 
  color: #825716;
  text-shadow: #fbe6c8 0px 1px 2px;
}

#buttons a:hover {
  background-image: url( 'button-hover.png' ); 
  color: white;
  text-shadow: #2c1c03 0px 1px 2px;
}

#logo {
  background-image: url( 'logo.png' );
  background-repeat: no-repeat;
  background-position: center;
  min-height: 30%;
}

/* IE Win < 7 only \*/
* html #logo, * html #halt {
  height:  30%;
}

* html #buttons {
  height:  40%;
}
/* end IE Win < 7 only */