body { background: url(../assets/trailer/background.jpg) no-repeat; padding:0; margin:0 }

#content { width: 700px; height: 585px; position: relative }
#close { outline:0; width: 12px;height:12px; display:block; position:absolute; top:5px; right: 5px; text-indent:-3000px; background:url(../assets/trailer/close.gif) no-repeat; }

#options { width:300px;height:130px;position:absolute;left:70px;top:200px }

#options h3 { padding:0; margin:0; float:left;width:40px;height:40px; text-indent:-3000px;background-image:url(../assets/trailer/sprite_map.gif); background-repeat:no-repeat }
#options li { padding:0 0 0 7px; width:68px;height:25px; background-repeat: no-repeat; display:block; float:left }
#options li a { display:block; width:100%;height:100%; background-image:url(../assets/trailer/sprite_map.gif);text-indent:-3000px; outline:0 }
#options ul { width:250px; display:block; padding:0;margin:0 0 10px 0; padding:5px 0 0 0; height:35px; float: left}
   
#content #footer { font-family:Arial, Helvetica, "sans serif"; color:#fff; font-size: 12px; position:absolute; bottom: 5px; right: 15px }
#content #footer span,
#content #footer img {
   margin-left:10px;
   border:0px;
}

#content #player {
   width:100%;
   text-align:center;
   position:absolute;
   top:135px;
}

#disclaimer {
   position:absolute;
   width:375px;
   bottom: 5px;
   padding:5px;
   left: 10px;
   color:#000;
   text-align:center;
   font-family:Arial, Helvetica, "sans serif";
   font-size:12px;
   background:#ef813f;
   border:1px solid #53160f;
   display:none;
}

#content #player * {
   margin: 0 auto;
}

#back {
   background:url(../assets/trailer/sprite_map.gif) no-repeat -42px -188px;
   width: 68px;
   height: 25px;
   display:block;
   text-indent:-3000px;
   outline:0;
}

#back:hover {
   background:url(../assets/trailer/sprite_map.gif) no-repeat -113px -188px;
}

/* QT OPTIONS */
#options h3.quicktime { background-position:0 0 }   
#qt-low a { background-position: -42px -7px }
#qt-low a:hover { background-position: -42px -143px }   
#qt-high a { background-position: -113px -7px }
#qt-high a:hover { background-position: -113px -143px }   
#options li#qt-iphone { width:85px }
#qt-iphone a { background-position: -184px -7px }
#qt-iphone a:hover { background-position: -184px -143px }   

/* WINDOWS MEDIA OPTIONS */
#options h3.windows { background-position:0 -46px }   
#wmv-low a { background-position: -42px -7px }
#wmv-low a:hover { background-position: -42px -143px }   
#wmv-high a { background-position: -113px -7px }
#wmv-high a:hover { background-position: -113px -143px }   

/* HD OPTIONS */
#options h3.hd { background-position:0 -92px }   
#hd-480 a { background-position: -42px -97px }
#hd-480 a:hover { background-position: -42px -233px }   
#hd-720 a { background-position: -113px -97px }
#hd-720 a:hover { background-position: -113px -233px }    
#options li#hd-1080 { width:85px }
#hd-1080 a { background-position: -184px -97px }
#hd-1080 a:hover { background-position: -184px -233px }  

 
#hd-qt { position:absolute; left:-9999px; }

