@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:Arial, Helvetica, 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;}

.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{position:absolute; left:50%; top:0px; z-index:5;}
.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;}
.pre-loader{width:90px; height:41px; position:absolute; top:48%; left:50%; margin:-20px 0px 0px -45px;}


/*-------- 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:-661px -107px;}
.follow-btn li{float:right; width:26px; height:26px; margin-left:10px;}
a.btn-tweet {display:block; width:26px; height:26px; background-position:-623px -113px;}
a.btn-tweet:hover{background-position:-623px -141px;}

a.btn-fb{display:block; width:26px; height:26px; background-position:-595px -113px ;}
a.btn-fb:hover{background-position:-595px -141px;}


/* -- HEADER ---------------------------------------------------------------------------- */
.sec-header{height:100px; background:url(images/header.jpg) center center #000000 no-repeat; z-index:150;}
h1.hdr-title{width:454px; height:47px; background-position:-5px -5px; margin-left: -227px; top:30px;}
h2.hdr-date{width:451px; height:16px; background-position:-5px -62px; margin-left: -228px; top:78px;}
h3.hdr-cast-perry{width:93px; height:38px; background-position:-469px -5px; margin-left:-336px; top:44px;}
h3.hdr-cast-fox{width:134px; height:38px; background-position:-572px -5px; margin-left:248px; top:44px;}


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


/*-------- SPECIAL FEATURES --------------------------------------------------------*/
.special-features-holder{width:63%; height:100%; position:absolute; top:0px; right:0px; background:url(images/specialfeature_overlay.png) repeat-y;}

.special-features{display:none; position:absolute; top:50%; left:50%; margin:-180px 0px 0px -270px; width:560px; height:310px; color:#acacac; border-bottom:1px solid #464646;}
.special-features ul{width:565px; height:26px; margin-bottom:15px; border-bottom:1px solid #464646;  background:url(images/sprite.png) -469px -53px no-repeat; overflow:hidden;}
.special-features li{float:right; width:auto; height:auto; padding:0px 10px; border-right:1px solid #707778; margin-right:-1px;}

a.btn-dvd{display:block; width:43px; height:17px; background-position:-116px -226px;}
a.btn-dvd:hover{background-position:-116px -248px;}

a.btn-bd{display:block; width:101px; height:17px; background-position:-5px -226px;}
a.btn-bd:hover{background-position:-5px -248px;}


.features-content dl{position:absolute; left:0px; top:45px; width:550px; height:256px; margin-left:10px; overflow:auto; color:#acacac;}
.features-content dl dt{font-size:18px; font-weight:bold; margin-bottom:10px;}
.features-content dl dd{font-size:14px; padding-left:1px; margin-bottom:6px; line-height:16px;}
.features-content p{width:90%; height:auto; position:absolute; top:310px; left:11px;}

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

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


/*-------- BOXES --------------------------------------------------------*/
a.box-bd{display:block; position:absolute; top:50%; left:50%; margin:-200px 0px 0px -445px; width:334px; height:399px; background:url(images/box_bd.png); z-index:10;}
a.box-dvd{display:block; position:absolute; top:50%; left:50%; margin:-210px 0px 0px -495px;  width:292px; height:394px; background:url(images/box_dvd.png); z-index:5;}


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


/*-------- LEGAL --------------------------------------------------------*/
.legalinfo{display:none; width:100%; height:100px; position:absolute; bottom:0px; background:#000000; z-index:200; }
h2.legal-logos{width:500px; height:64px; background-position:-5px -279px; margin:0 auto;}

a.btn-legal{display:block; width:95px; height:13px; margin:10px auto; background-position:-173px -226px; position:absolute; left:50%; bottom:10px; margin-left:-47px; z-index:220;}
a.btn-legal:hover{ background-position:-173px -241px;}


/*-------- BUY MOVIE DROPDOWN --------------------------------------------------------*/
.buy-dropdown{display:none; position:absolute; bottom:62px; left:50%; margin-left:118px; width:250px; height:116px; 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:#88acbf;}


/*-------- 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%; margin: 0 15px; }

a.nav-btn {display:block; height:22px; background:url(images/sprite.png) no-repeat 0px 0px;}
a.btn-trailer{width:83px; background-position:-5px -113px;}
a.btn-trailer:hover{background-position:-5px -140px;}

a.btn-features{width:188px; background-position:-98px -113px;}
a.btn-features:hover{background-position:-98px -140px;}

a.btn-site{width:114px; background-position:-296px -113px;}
a.btn-site:hover{background-position:-296px -140px;}

a.btn-buymovie{width:152px; background-position:-420px -113px;}
a.btn-buymovie:hover{background-position:-420px -140px;}