html { 
 height: 100%; 
 margin-bottom: 1px; 
 }

body {
  background-position: center;
  background-position: top;
  background-color: #000000;
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-align: center;
  margin: 0; 
  padding: 0;
  }

hr {
color: #999;
}
  
a:active, a:focus {
outline: 0
}
  
#wrapper {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0 0;
 width: 100%;
 padding: 0 0 0 0;
 }

#header {
 position: absolute;
 margin: 0 0 6 0px;
 top: 58px;
 left: 0;
 width: 600px;
 height: 75px;
 padding: 0 0 0 10px;
 color: #CC0000;
 font-family: serif;
 font-size: 18px;
 text-decoration: none;
 text-transform: uppercase;
 text-align: left;
 text-indent: 0ex;
 z-index: 3;
 }

#header a{
 text-decoration:none;
 color: #CCCCCC;
 }
 
 #header a:hover{
 text-decoration:none;
 color: #CC0000;
 }

#headerbreak {
 position: relative;
 top: 70px;
 margin: 0;
 width: 100%;
 height: 154px;
 padding: 0;
 z-index: 2;
 }
 
 #contactblock {
 position: absolute;
 margin: 0 0 0 0px;
 top: 81px;
 left: 0;
 width: 100%;
 height: 75px;
 padding: 0 0 0 0px;
 color: #CCCCCC;
 font-family: serif;
 font-size: 14px;
 text-decoration: none;
 text-align: right;
 text-indent: 0ex;
 z-index: 3;
 }
  
 #theater {
 position: relative;
 margin: 0 auto;
 top: -37px;
 width: 700px;
 height: 75px;
 padding: 0;
 color: #CC0000;
 font-family: serif;
 font-size: 14px;
 text-decoration: none;
 text-transform: uppercase;
 text-align: center;
 text-indent: 0ex;
 z-index: 3;
 }

#theater a{
 text-decoration:none;
 color: #CCCCCC;
 }
 
 #theater a:hover{
 text-decoration:none;
 color: #CC0000;
 }
 
 #container {
 position: absolute;
 top: 175px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 400px;
 padding: 0;
 text-align: center;
 }
 
 #bodytext {
 position: relative;
 margin: 0 auto;
 top: 0px;
 width: 400px;
 border: 1px solid #CCCCCC;
 padding: 10px;
 color: #FFFFFF;
 font-family: serif;
 font-size: 14px;
 text-decoration: none;
 text-align: left;
 text-indent: 0ex;
 background-color: #000000;
 filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
 z-index: 3;
 }
 
 #thumbs {
 position: relative;
 top: 0px;
 left: 35px;
 margin: 0 auto;
 width: 550px;
 height: 400px;
 padding: 0;
 }
 
div.imagethumb a{
 display: block;
 border: 1px solid #CCCCCC;
 width: 90px;
 height: 100px;
 }
 
div.imagethumb a:hover{
 display: block;
 border: 1px solid #660000;
 width: 90px;
 height: 100px;
 }
 
img {
border: none;
display: block;
margin: 0 auto;
}
 
div.imagethumb {
 display: block;
 position: relative;
 top: 0px;
 width: 90px;
 height: 100px;
 margin: 10px 15px;
 padding: 0px;
 z-index: 10;
 float: left;
 }
 
 #logo {
 position: absolute;
 top: 460px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 1;
 }
 
 #logosocial {
 position: absolute;
 top: 340px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 0;
 }
 
 #logohome {
 position: absolute;
 top: 310px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 10;
 }
 
 #logotheater {
 position: absolute;
 top: 340px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 10;
 }
 
 #logocats {
 position: absolute;
 top: 940px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 1;
 display: block;
 }
 
 #logoceasar {
 position: absolute;
 top: 700px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 1;
 display: block;
 }
 
 #logostreetcar {
 position: absolute;
 top: 217px;
 left: 0px;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 padding: 0 0 0 0;
 z-index: 1;
 display: block;
 }