@charset "UTF-8";
/* CSS Document */

html,body{width:100%; height:100%;}
body, div, ul, li, dl, dt, dd, a, img, h1, h2, h3, h4, h5{padding:0px; margin:0px; border:none; font-family:Helvetica Neuve, Helvetica, Arial, Sans-Serif; font-size:12px; color:#acacac;}
ul, li{list-style:none; float:left;}

/*-- GENERAL -------------------------------------------------------------*/
body{overflow:hidden; background:#000000;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

#debug{display:block; width:200px; height:100px; background:#000000; position:absolute; top:80px; left:10px; font-size:12px; color:#FFFFFF; font-family:arial; z-index:500;}


.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; z-index:300;}
.sec{position:absolute; width:100%;  z-index:100;}
.main-bg, .features-bg{position:absolute; left:50%; top:0px; z-index:1;}
.features-bg{top:100px;}
.sprite{background:url(images/sprite.png) no-repeat 0px 0px;}
.hdrs{position:absolute; left:50%;}

.main-cover{display:block; position:fixed; width:100%; height:100%; background:#191919; z-index:300;}
.black-overlay{display:none; width:100%; height:100%; background:#000000; position:absolute; top:0px; left:0px; z-index:500;}
.bg-overlay{display:none; width:59%; height:100%; position:absolute; top:0px; right:0px; background:#000000; border-left:1px solid #454545; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  z-index:100;}
.pre-loader{width:90px; height:41px; position:absolute; top:48%; left:50%; margin:-20px 0px 0px -45px;}


.shadow, .shaddow-top, .shaddow-bottom, .shaddow-lft {-moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000;}
.shaddow-top{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=0,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=0,strength=3);}
.shaddow-bottom{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=180,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=180,strength=3);}

.shaddow-lft{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=270,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=270,strength=3);}

/*-------- 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:140px; height:26px; background-position:-459px -28px;}
.follow-btn li{float:right; width:26px; height:26px; margin-left:10px;}
a.btn-tweet {display:block; width:26px; height:26px; background-position:-429px -28px;}
a.btn-tweet:hover{background-position:-429px -56px;}

a.btn-fb{display:block; width:26px; height:26px; background-position:-401px -28px ;}
a.btn-fb:hover{background-position:-401px -56px;}

/* -- HEADER ---------------------------------------------------------------------------- */
.sec-header{height:132px; background:url(images/header.jpg) top center no-repeat; z-index:150;}
h1.hdr-title{width:230px; height:116px; background-position:-5px -5px; margin-left: -115px; top:7px;}
h2.hdr-tag{width:264px; height:70px; background-position:-598px -127px; margin-left: -432px; top:30px;}
h2.hdr-quote{width:264px; height:70px; background-position:-598px -203px; margin-left: 160px; top:40px;}


/* -- CONTAINER ---------------------------------------------------------------------------- */
.sec-content{height:100%; overflow:hidden;}

/*-------- TRAILER --------------------------------------------------------*/
.main-trailer{display:block; width:720px; height:405px; margin:-215px 0px 0px -130px; position:absolute; top:50%; left:50%; background:#000000; border:2px solid #000000; z-index:200;}


/*-------- BOXES --------------------------------------------------------*/
a.box-bd{display:block; position:absolute; top:50%; left:50%; margin:-240px 0px 0px -555px; width:400px; height:478px; z-index:10;}
a.box-dvd{display:block; position:absolute; top:50%; left:50%; margin:-270px 0px 0px -605px;  width:361px; height:480px; z-index:5;}
a.box-bd img, a.box-dvd img{width:100%; height:100%}


/*-------- DATE --------------------------------------------------------*/
h2.cta-date{width:570px; height:98px; background-position:-5px -127px; position:absolute; top:79%; left:50%; margin:-5px 0px 0px -285px; z-index:300;}


/*-------- SPECIAL FEATURES --------------------------------------------------------*/
.special-features{display:none; position:absolute; top:24%; right:2%; width:55%; height:50%; color:#acacac; border-bottom:1px solid #464646; padding:27px 0px;  z-index:200;}
.special-features ul{position:absolute; left:0px; width:100%; height:26px; border-bottom:1px solid #464646;  background:url(images/sprite.png) -105px -390px no-repeat; overflow:hidden;}
.special-features li{float:right; width:auto; height:auto; padding:0px 10px; border-right:1px solid #707778;}
.special-features li:first-child{border:none;}

a.btn-dvd{display:block; width:26px; height:17px; background-position:-74px -390px;}
a.btn-dvd:hover{background-position:-74px -412px;}

a.btn-bd{display:block; width:64px; height:17px; background-position:-5px -390px;}
a.btn-bd:hover{background-position:-5px -412px;}

.features-content{position:relative; left:0px; margin-top:27px; width:100%; height:100%; float:left; clear:both; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.features-content dl{width:300px; height:80%; margin:4% 0px; position:relative; padding-right:20px; overflow:auto; color:#acacac;}
.features-content dl dt{font-size:18px; font-weight:bold; margin-bottom:10px; float:left; clear:both;}
.features-content dl dd{font-size:14px; padding-left:1px; margin-bottom:10px; float:left; clear:both; line-height:16px; float:left;}
.features-content p{width:90%; height:auto; position:absolute; top:286px; left:11px;}

.bd-info{display:block;}
.dvd-info{display:none;}


a.btn-bdbox-sm, a.btn-dvdbox-sm{display:block; width:30%; height:92%; margin:2% 0px; position:absolute; float:left;}
a.btn-dvdbox-sm{width:40%;}
a.btn-bdbox-sm img, a.btn-dvdbox-sm img{width:auto; height:100%;}


/* -- FOOTER ---------------------------------------------------------------------------- */
.sec-footer{height:60px; background:url(images/footer.jpg) center top #000000 no-repeat; bottom:0px; z-index:150; overflow:hidden;}


/*-------- LEGAL --------------------------------------------------------*/
.legalinfo{display:none; width:100%; height:220px; position:absolute; bottom:25px; background:#000000; z-index:400; }
h2.legal-logos{width:782px; height:170px; background-position:-5px -440px; position:absolute; top:20px; left:50%; margin-left:-391px; z-index:200;}

.legal-nav{overflow:hidden;}
.legal-nav ul{height:17px; bottom:15px; position: absolute; left: 50%; padding: 0; z-index:300;}
.legal-nav ul li{height:auto;  position: relative; right: 50%; padding: 0 15px; border-left:1px solid #484848; }
.legal-nav ul li:first-child{border:none;}


a.btn-legal{display:block; width:120px; height:auto; text-align:center; position:absolute; left:50%; bottom:6px; margin-left:-60px; z-index:220; text-transform:uppercase; font-size:10px;}
a.btn-legal:hover{text-decoration:none;}


/*-------- BUY MOVIE DROPDOWN --------------------------------------------------------*/
.buy-dropdown{display:none; position:absolute; bottom:40px; left:50%; margin-left:94px; width:250px; height:146px; overflow:hidden; z-index:250;}
.buy-dropdown ul{position:absolute; top:0px; left:0px; width:250px; height:auto; background:url(images/bg_drop.png) no-repeat; overflow:hidden;}
.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; text-transform:uppercase; font-size:12px; font-weight:bold;}
.buy-dropdown ul li a:hover{color:#d61016;}


/*-------- NAVIGATION --------------------------------------------------------*/
.main-nav{overflow:hidden; margin-top:10px;}
.main-nav ul{height:22px; position: relative;left: 50%; padding: 0;}
.main-nav ul li{height:22px;  position: relative; right: 50%; padding: 0 16px; border-left:1px solid #484848; }
.main-nav ul li:first-child{border:none;}
a.nav-btn {display:block; height:22px; background:url(images/sprite.png) no-repeat 0px 0px;}

a.btn-trailer{width:77px; background-position:-5px -335px;}
a.btn-trailer:hover{background-position:-5px -362px;}

a.btn-features{width:168px; background-position:-86px -335px;}
a.btn-features:hover{background-position:-86px -362px;}

a.btn-site{width:100px; background-position:-258px -335px;}
a.btn-site:hover{background-position:-258px -362px;}

a.btn-buymovie{width:136px; background-position:-362px -335px;}
a.btn-buymovie:hover{background-position:-362px -362px;}