/* CSS Document */

body 
{
background-color: black;
text-align: center; 
margin-top: 5px;
}

#landingTicket
{
background-image: url(images/landingMain.jpg);
background-repeat: no-repeat;
background-position: center;
width: 695px;
height: 565px;
position: relative;
}

#watchButton {
width: 152px;
height: 200px; 
position: absolute;
left: 255px;
top: 211px; 
}

#bsideFilmButton {
width: 12px;
height: 100px; 
position: absolute;
left: 0px;
top: 350px; 
}

#enterBsideButton {
width: 255px;
height: 45px; 
position: absolute;
left: 410px;
top: 520px; 
}


#landingTrailer
{
background-image: url(images/landingMain2.jpg);
background-repeat: no-repeat;
background-position: center;
width: 695px;
height: 565px;
position: relative;
}

#trailer {
width: 392px;
height: 248px;
position: absolute;
left: 137px;
top: 135px; 
}

.clear { clear: both; height: 0%; }
#container { width: 470px; text-align: center; }

#container .top { height: 30px; background-image: url(images/splashBG-top.gif); background-position: bottom left; background-repeat: no-repeat; text-align: left;} 
#container .top img { margin: 7px 0 0 10px; }

#container .content { background-image: url(images/splashBG.gif); padding: 2px 5px 4px 8px; background-color: white;  }
#container .content .main { background-color: black; }
#container .content .main #trailer { margin: 0; padding: 0; float: left; margin: 10px 7px 10px 10px; }
* .main #trailer { margin: 0; padding: 0; float: left; margin: 10px 7px 10px 0px; }

#container .content .main #text { float: left; width: 225px; margin-top: 4px;}
#container .content .main p.quotde { color: #01cbcb; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 8px; margin: 10px 0 20px 0; line-height: 22px;  }
#container .content .main p.credits { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 8px; margin: 0; line-height: 18px;  }
#container .content .main p.quote2 { color: #01cbcb; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 8px; margin: 20px 0 0px 0; line-height: 22px;  }
#container .content .main .navigationLeft { background-image:url(images/navBackground.gif); background-repeat: repeat-x; height: 35px; width: 215px; margin-right: 11px; float: left; text-align: center; background-position: bottom left;  }
#container .content .main .navigationCenter { background-image:url(images/navBackground.gif); background-repeat: repeat-x; height: 35px; width: 215px; margin-right: 11px; float: left; text-align: center; background-position: bottom left;  }
#container .content .main .navigationRight { background-image:url(images/navBackground.gif); background-repeat: repeat-x; height: 35px; width: 215px; margin-right: 0px; float: right; text-align: center; background-position: bottom right;}

#container .bottom { background-image: url(images/splashBG-bottom.gif); height: 12px; background-position: top left; background-repeat: no-repeat; }