@charset "UTF-8";
/* CSS Document */
html, body{width:100%; height:100%;}
body, div, ul, li, dl, dt, dd, a{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
body{background:#000000;}
ul,li{list-style:none; float:left;}
.cb{clear:both;}


/*-- GENERAL --------------------------------------------------------*/
.container{width:100%; position:relative;}
.no-script{position:absolute; top:0px; left:0px; width:100%; height:30px; padding:20px 0px 20px 0px; background:#ffd200; border:2px solid #FFFFFF; z-index:60; text-align:center; font-size:20px; color:#000000;}
.shadow {-moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=45,strength=3)", "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=135,strength=3)", "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=225,strength=3)", "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=315,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=45,strength=3), progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=135,strength=3), progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=225,strength=3), progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=315,strength=3);}
.sprite{background:url(images/sprite.png) no-repeat 0px 0px;}

/*-- HEADER --------------------------------------------------------*/
.header{height:auto; padding:20px 0px; background:#000000;}
.title{width:314px; height:95px; margin:4px auto; background-position:-5px -389px;}


/*-------- SHARE --------------------------------------------------------*/
ul.socal-btn{position:absolute; top:10px; left:0px; width:340px; height:30px;}
.socal-btn li{width:auto; height:auto; margin-left:10px;}


/*-------- FOLLOW --------------------------------------------------------*/
ul.follow-btn{position:absolute; top:10px; right:10px; width:150px; height:26px; background-position:-638px 1px;}
.follow-btn li{float:right; width:26px; height:26px; margin-left:10px;}
a.btn-tweet {display:block; width:26px; height:26px; background-position:-604px -5px;}
a.btn-tweet:hover{background-position:-604px -33px;}

a.btn-fb{display:block; width:26px; height:26px; background-position:-576px -5px ;}
a.btn-fb:hover{background-position:-576px -33px;}

/*-- CONTENT --------------------------------------------------------*/
.content{height:416px; background:url(images/mainbg.jpg) top center no-repeat; z-index:50;}

/*-------- NAVIGATION --------------------------------------------------------*/
.main-nav{position:absolute; top:385px; left:50%; margin-left:-343px; width:686px; height:auto; z-index:30;}
.main-nav ul{width:auto; height:auto;}
.main-nav ul li{width:auto; height:auto; margin-right:1px; background:url(images/grad_nav_white.png) repeat-x;}
.main-nav ul li.nav-yellow{background:url(images/grad_nav_yellow.png) repeat-x;}

a.nav-btn {display:block; height:16px; margin:20px 21px; background:url(images/sprite.png) no-repeat 0px 0px;}
a.btn-trailer{width:83px; background-position:-5px -125px;}
a.btn-trailer:hover{background-position:-5px -144px;}

a.btn-features{width:183px; background-position:-91px -125px;}
a.btn-features:hover{background-position:-91px -144px;}

a.btn-site{width:105px; background-position:-277px -125px;}
a.btn-site:hover{background-position:-277px -144px;}

a.btn-buymovie{width:143px; background-position:-385px -125px;}
a.btn-buymovie:hover{background-position:-385px -144px;}


/*-------- BUY MOVIE DROPDOWN --------------------------------------------------------*/

.buy-dropdown{position:absolute; top:250px; left:50%; margin-left:126px; width:250px; height:132px; overflow:hidden; z-index:40;}
.buy-dropdown ul{position:absolute; top:273px; left:0px; width:250px; height:132px; background:url(images/bullet_triangle.png) bottom center no-repeat;}
.buy-dropdown ul li{width:250px; height:40px; padding:0px auto; text-align:center; clear:both; border-bottom:1px solid #232323;}
.buy-dropdown ul li.top-drop{border-top:1px solid #232323;}
.buy-dropdown ul li a{display:block; width:auto; height:40px; line-height:40px; margin:auto; color:#cacaca; text-decoration:none;  background:url(images/grad_nav_drop.png) 0px 0px repeat-x; text-transform:uppercase; font-size:12px; font-weight:bold;}
.buy-dropdown ul li a:hover{color:#d40a0a; background-position:0px -41px;}


/*-------- BOXES --------------------------------------------------------*/
a.box-bd{display:block; position:absolute; top:60px; left:50%; margin-left:-385px; width:256px; height:308px; background:url(images/box_bd.png); z-index:10;}
a.box-dvd{display:block; position:absolute; top:20px; left:50%; margin-left:-445px;  width:249px; height:333px; background:url(images/box_dvd.png); z-index:5;}


/*-------- TRAILER --------------------------------------------------------*/
.main-trailer{width:560px; height:315px; position:absolute; top:30px; left:50%; margin-left:-105px; background:#000000; border:2px solid #000000;}


/*-------- SPECIAL FEATURES --------------------------------------------------------*/
.special-features{position:absolute; top:35px; left:50%; margin-left:-100px; width:560px; height:310px; color:#181818; border-bottom:1px solid #181818; overflow:hidden;  display:none;}
.special-features ul{width:565px; height:26px; margin-bottom:15px; border-bottom:1px solid #181818;  background:url(images/sprite.png) -5px -89px no-repeat;}
.special-features li{float:right; width:auto; height:auto; padding:0px 10px; border-right:2px solid #181818;}


a.btn-dvd{display:block; width:39px; height:16px; background-position:-5px -172px;}
a.btn-dvd:hover{background-position:-5px -191px;}

a.btn-bd{display:block; width:86px; height:16px; background-position:-47px -172px;}
a.btn-bd:hover{background-position:-47px -191px;}


dl.features-content{width:550px; height:256px; margin-left:10px; overflow:auto;}
.features-content dt{font-size:18px; font-weight:bold; margin-bottom:10px;}
.features-content dd{font-size:14px; padding-left:12px; margin-bottom:6px; background:url(images/bullet_round.png) 0px 6px no-repeat;}
.bd-info{display:block;}
.dvd-info{display:none;}


/*-- FOOTER --------------------------------------------------------*/
.footer{height:140px; background:#000000;}


/*-------- DATE --------------------------------------------------------*/
.release-date{position:absolute; top:28px; left:50%; margin-left:-280px; width:560px; height:38px; background-position:-5px -5px;}

.btn-legal{position:absolute; left:50%; bottom:-110px; margin-left:-75px; width:140px; height:30px; background:#1a1a1a; border:1px solid #262626; z-index:10;}
.btn-legal a{display:block; width:92px; height:11px; margin:10px auto; background-position:-155px -172px;}
.btn-legal a:hover{ background-position:-155px -186px;}

.legalinfo{position:absolute; left:50%; bottom:-77px; margin-left:-316px; width:632px; height:160px; font-size:12px;text-align:center; z-index:50; display:none;  background-position:-5px -221px; }