@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:#727272;}
ul, li{list-style:none; float:left;}

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



.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;}
.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:#FFFFFF; z-index:300;}
.transition-overlay{display:none; width:100%; height:100%; background:#FFFFFF; position:absolute; top:0px; left:0px; z-index:500;}
.bg-overlay{display:none; width:52%; height:100%; position:absolute; top:0px; right:0px; background:#FFFFFF; border-left:1px solid #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.pre-loader{width:90px; height:41px; position:absolute; top:48%; left:50%; margin:-20px 0px 0px -45px;}

.shadow, .shaddow-top, .shaddow-lft {
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

.shaddow-top, .shaddow-lft {
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#959595',direction=0,strength=3)";
filter: progid:DXImageTransform.Microsoft.Shadow(color='#959595',direction=0,strength=3);
}
.shaddow-lft{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#959595',direction=270,strength=3)";
filter: progid:DXImageTransform.Microsoft.Shadow(color='#959595',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:150px; 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:45px; background:url(images/header.jpg) top center no-repeat; z-index:150;}


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

/*-------- TRAILER --------------------------------------------------------*/
.main-trailer{display:block; width:600px; height:338px; margin:-115px 0px 0px -30px; position:absolute; top:50%; left:50%; background:#000000; border:2px solid #000000;}


/*-------- BOXES --------------------------------------------------------*/
a.box-bd{display:block; position:absolute; top:50%; left:50%; margin:-270px 0px 0px -550px; width:484px; height:578px; z-index:10;}
a.box-dvd{display:block; position:absolute; top:50%; left:50%; margin:-340px 0px 0px -595px;  width:445px; height:600px; z-index:5;}
a.box-bd img, a.box-dvd img{width:100%; height:100%}


/*-------- DATE --------------------------------------------------------*/
h2.cta-date, h2.sf-date{width:487px; height:122px; background-position:-5px -86px; position:absolute; top:50%; left:50%; margin:-255px 0px 0px 23px; z-index:300;}
h2.sf-date{top:0px; left:50%; margin:-120px 0px 0px -245px;}

/*-------- SPECIAL FEATURES --------------------------------------------------------*/
.special-features{display:none; position:absolute; top:32%; right:2%; width:48%; height:34%; color:#525252; border-bottom:1px solid #a4a4a4; padding:27px 0px; z-index:300; }
.special-features ul{position:absolute; left:0px; width:100%; height:26px; border-bottom:1px solid #a4a4a4;  background:url(images/sprite.png) -220px -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-bd{display:block; width:93px; height:17px; background-position:-5px -390px;}
a.btn-bd:hover{background-position:-5px -412px;}

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


.features-content{position:relative; left:0px; margin-top:27px; width:100%; height:100%; float:left; clear:both; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
.features-content dl{width:100%; height:80%; margin:4% 0px; position:relative; padding-right:20px; overflow:auto; color:#525252;}
.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;}


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


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

.legal-nav{overflow:hidden;}
.legal-nav ul{height:17px; top:187px; 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;  position:absolute; left:50%; bottom:10px; margin-left:-60px; z-index:220; text-transform:uppercase; text-align:center; font-size:10px;}
a.btn-legal:hover{text-decoration:none;}


/*-------- BUY MOVIE DROPDOWN --------------------------------------------------------*/
.buy-dropdown{display:none; position:absolute; bottom:47px; left:50%; margin-left:135px; width:250px; height:156px; 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 #FFFFFF;}
.buy-dropdown ul li:first-child{border-top:1px solid #FFFFFF;}
.buy-dropdown ul li a{display:block; width:auto; height:40px; line-height:40px; margin:auto; color:#444444; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
.buy-dropdown ul li a:hover{color:#741216;}


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

a.btn-features{width:178px; background-position:-95px -335px;}
a.btn-features:hover{background-position:-95px -357px;}

a.btn-site{width:109px; background-position:-279px -335px;}
a.btn-site:hover{background-position:-279px -357px;}

a.btn-buymovie{width:151px; background-position:-394px -335px;}
a.btn-buymovie:hover{background-position:-394px -357px;}