body{
  background: url('bg.png');
}

div { padding: 0px; }

#banner {
  position: static;
  background: url('images/chat1_01.gif');
  width: 800px;
  height: 142px;
}

#main {
  position: relative;
  top: 0px;
  width: 667px;
  height: 458px;
  background: url('images/chat1_02.gif');
  float: left;
}

#right {
  position: relative;
  width: 133px;
  height: 458px;
  float: left;
}

#loginForm {
  margin-left: 4%;
  margin-right: 0px;
  background: url('bg.png');
  width: 641px;
  height: 400px;
  color: #FFFFFF;
}

#bottomRight {
  width: 333px;
  height: 332px;
  background: url('images/chat1_04.gif');
  background-repeat: repeat-y;
  color: #FFFFFF;
}

.wtftext {
  margin-left: 4%;
  margin-right: 0px;
  padding-top: 15px; /* this moves only the text, not the background */
}

.modes {
  width: 133px;
  height: 42px;
  display: block;
  background: url('images/modes.gif');
}

.modes:hover {
  background: url('images/modes_h.gif');
}

.faq {
  width: 133px;
  height: 41px;
  display: block;
  background: url('images/faq.gif');
}

.faq:hover {
  background: url('images/faq_h.gif');
}

.back {
  width: 133px;
  height: 43px;
  display: block;
  background: url('images/back.gif');
}

.back:hover {
  background: url('images/back_h.gif');
}