/* entrance */
#Booth { 
  margin-left: auto; 
  margin-right: auto;
  float:right; 
  width: 48%;
  height: 700px; 
  overflow: hidden;
  font:12px Arial Black,Helvetica,sans-serif;  
  text-align: center;
  color: green;
}
#Booth H2 {
 font:22px Impact,Helvetica,sans-serif;  
 }
#MovieWrapper { 
  margin-left: auto; 
  margin-right: auto;
  float:left; 
  width: 44%;
  height: 700px; 
  overflow: auto;
  font:12px Arial Black,Helvetica,sans-serif;  
  text-decoration: none;
  padding: 2px 2px 2px 11px;
	color: green;
}
#MovieWrapper img {
	float: left;
	padding-right: 1em;
	border:0 none;
}
/*
#MovieWrapper big {
loat: right;
width: 100%;
font: normal 14pt Impact, serif; 
color: red;
text-decoration: none;
text-align: center;
}
*/
.playlistlo big {
font: normal 14pt Impact, serif; 
color: red;
text-decoration: none;
text-align: center;
}
.playlistlo, .playlisthi { 
margin: 2px 2px 4px 2px;
padding: 1em 0em 1em 0em;
/* background-color:white; */
text-align: left;
margin-left: auto;
margin-right: auto;
display: block; 
cursor:  pointer;
}
.playlistlo p, .playlisthi p {
text-align: left;
text-decoration: underline;
padding: 1em 1em 1em 1em;
}
.playlistlo a:hover {
background-color:yellow; 
} 
.playlisthi { 
background-color:yellow; 
}

/* movie theatres.. */

object { outline:none; } /* this gets rid of firefox 3 dotted border around stuff after you click on swf */

#moviebody { 
padding-left:0px; 
padding-right:0px; 
padding-bottom:0px; 
padding-top:0px; 
margin:0px; 
font-size: 12px;
font-family: verdana, helvetica, arial; 
background-color: #000000; 
overflow:auto;
}

#displayholdersmall, #displayholdermed, #displayholderlarge {
position:relative; 
margin-left:auto;
margin-right:auto; 
z-index:2;
}
#displayholdersmall p, #displayholdermed p, #displayholderlarge p {
	position:absolute;
	top: 40%;
	left: 5%;
}
#displayholdersmall { 
width:333px; 
height: 250px; 
padding-top: 105px;
}
#displayholdermed { 
width:456px; 
height: 340px; 
padding-top: 155px;
}
#displayholderlarge { 
width:568px; 
height: 426px; 
padding-top: 235px;
}

#wrappersmall, #wrappermed, #wrapperlarge {
display: block;
margin-left:auto;
margin-right:auto; 
background-position: center center;
color:white;
}
#wrappersmall { 
width: 700px; 
height:440px; 
background: url('../images/theatre-small.jpg') no-repeat
}
#wrappermed { 
width: 870px; 
height:652px; 
background: url('../images/theatre-med.jpg') no-repeat;
}
#wrapperlarge { 
width: 1160px; 
height:870px; 
background: url('../images/theatre-large.jpg') no-repeat;
}


#fixedsmall, #fixedmed, #fixedlarge {
position:absolute; 
display:block;
margin-left: auto;
margin-right: auto;
text-align: center;
top:0px; 
z-index:10; 
color:#fff;  
padding:10px;
border-style:none;
left:10px; 
}
#fixedsmall {
left:0px; 
width:80px; 
}
#fixedmed {
width:90px; 
}
#fixedlarge {
width:150px; 
}
#fixedsmall a,#fixedmed a,#fixedlarge a, #fixedsmall img, #fixedmed img, #fixedlarge img  {
text-decoration: none; 
border-style:none;
color: #cc9900;
}
