body {
background-color:#000;
height:100%;
text-align:center;
color:#FFF;
}

div#outer {
width:100%;
height:100%;
}

div#centerimg {
position:relative;
margin-left:auto;
margin-right:auto;
width:850px;
}

img#logotop {
    width: 688px;
    height: 379px;
}

img#logotext {
    width: 688px;
    height: 151px;
}

/* Navigation */
ul.navul {
float: left;
position:absolute;
left:0px;
top:20px;
list-style-type:none;
list-style-image:url('img/bullet_deselected.jpg');
}

ul.navul li {
width:95px;
border-bottom: thin solid #333;
padding:5px 0px 5px 0px;
text-align:left;
color:#555;
}

ul.navul li a {
text-decoration: none;
display: block;
font-family:Helvetica;
color:#555;
}

ul.navul li:hover {
list-style-type:none;
list-style-image:url('img/bullet_selected.jpg');
}

ul.navul li:hover > a {
color:#FFF;
}

ul.navul li.selected {
list-style-type:none;
list-style-image:url('img/bullet_selected.jpg');
}

ul.navul li.selected a {
text-decoration: none;
font-family:Helvetica;
color:#FFF;
}

/* Lightbox */
div.lightbox {
color: #FFF;
font-family: Helvetica;
display: block;
width:600px;
height:315px;
background-color:#000;
float: left;
position: absolute;
top: 30px;
left:135px;
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
margin:auto;
padding: 0px 25px 25px 25px;
overflow: auto;
}

div.lightbox#trailer {
width:700px;
height:400px;
padding: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

div.lightbox a.closeBtn {
float:right;
margin:10px;
position:relative;
top:-5px;
padding: 4px 4px 2px 5px;
border: thin solid;
border-color: #555 #222 #222 #555;
text-align: center;
text-decoration: none;
font-size: 15px;
color: #555;
vertical-align: middle;    
}

div.lightbox a.closeBtn:hover  {
border: thin solid;
border-color: #FFF #888 #888 #FFF;
color: #FFF;
text-decoration: none;
}