
body{
  margin:0px;
  background-color:#000000;
  text-align:center;
  font-family:arial, verdana;
  color:#ffffff;
}

#page{
  width:800px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
}

#upper{
  width:800px;
  height:380px;
  background-image:url(images/bg-upper.jpg);
  background-repeat:repeat-x;
  position:relative;
}

#error{
  width:400px;
  text-align:left;
  margin-left:15px;
  font-size:.9em;
}

#video-border{
width:290px;
height:218px;
background-color:#d5d5d4;
position:relative;
position:absolute;
top:55px;
left:497px;
text-align:center;
}

#video{
  width:284px;
  height:192px;
  background-color:#ffff00;
  position:absolute;
  top:3px;
  right:3px;
}

#lower{
  width:800px;
  height:765px;
  background-image:url(images/bg-lower.jpg);
  font-size:0.9em;
  font-weight:bold;
  position:relative;
  text-align:left;
}

#watch-video{
  width:295px;
  height:53px;
  background-image:url(images/watch.gif);
  position:absolute;
  left:494px;
  top:280px;
}

#video-text{
  width:290px;
  height:21px;
  position:absolute;
  left:0px;
  bottom:0px;
}

#video-text a{
  color:#000000;
  text-decoration:none;
  font-weight:bold;
  font-size:0.8em;
}

#rules{
  position:absolute;
  left:550px;
  top:335px;
}

#choose-screams{
  width:272px;
  height:25px;
  background-image:url(images/choose.gif);
  position:absolute;
  left:435px;
  top:9px;
}

#input-left{
  text-align:left;
  width:300px;
  float:left;
  margin-left:75px;
  display:inline;
}

#input-right{
  text-align:left;
  margin-top:50px;
  width:300px;
  float:right;
  margin-right:50px;
  display:inline;
}

.input-col{
  width:180px;
}

#submit{
  position:absolute;
  left:336px;
  top:522px;
}

#footer{
  position:absolute;
  top:610px;
  left:100px;
  clear:both;
  width:600px;
  margin-left:auto;
  margin-right:auto;
  font-size:0.7em;
  color:#000000;
  line-height:0.9em;
  text-align:left;
}

#footer-links{
  text-align:center;
  color:#380c0b;
  font-size:1.2em;
  font-weight:bold;
}

#footer-links a {
  color:#380c0b;
  text-decoration:none;
}

#popup-back{
  margin-left:auto;
  margin-right:auto;
  width:740px;
  height:498px;
  background-image:url(images/bg-lower.jpg);
  padding:30px;
  padding-top:30px;
}

#big-video{
  margin-left:auto;
  margin-right:auto;
  background-color:#000000;
  width:740px;
  height:495px;
  border:1px solid;
  border-color:#994444;
}

.alt {display:none;}

/* menu roll over buttons */
.menu-roll{
  display:block;
  margin: 0px;
  padding: 0px;
  width:227px;
  height:32px;
}

#menu-home {background: url(images/menu-home.gif) no-repeat;}
#menu-home:hover {background: url(images/menu-home-hover.gif) no-repeat;}

#menu-message {background: url(images/menu-message.gif) no-repeat;}
#menu-message:hover {background: url(images/menu-message-hover.gif) no-repeat;}

#menu-video {background: url(images/menu-video.gif) no-repeat;}
#menu-video:hover {background: url(images/menu-video-hover.gif) no-repeat;}

#menu-image {background: url(images/menu-image.gif) no-repeat;}
#menu-image:hover {background: url(images/menu-image-hover.gif) no-repeat;}

#menu-written {background: url(images/menu-written.gif) no-repeat;}
#menu-written:hover {background: url(images/menu-written-hover.gif) no-repeat;}

/* end of menu roll overs */

