@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: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif; font-size:12px; color:#7e7e7e;}
ul, li{list-style:none; float:left;}

/*-- GENERAL -------------------------------------------------------------*/
body{overflow:hidden; background:#dad3cd;}
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, .features-bg{position:absolute; left:50%; top:0px; z-index:1;}
.features-bg{width:auto; height:100%; top:50px; left:0px;}
.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:#ededed; z-index:500;}
.black-overlay{display:none; width:100%; height:100%; background:#FFFFFF; position:absolute; top:0px; left:0px; z-index:500;}

.bg-overlay{display:none; width:50%; height:100%; position:absolute; top:0px; right:0px; background:#ffffff; -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;}


.turn-device{display:none; position:fixed; width:100%; height:100%; background:url(../images/turn.jpg) no-repeat center center #FFFFFF; background-size:80%; z-index:800;}

/*-------- 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; z-index:150;}

h1.hdr-title{width:854px; height:109px; background-position:-5px -621px; margin-left: -427px; top:14px;}


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

/*-------- TRAILER --------------------------------------------------------*/
.main-trailer{display:block; width:720px; height:405px; margin:-215px 0px 0px -130px; position:absolute; top:50%; left:50%; background:#000000; border:1px solid #FFFFFF; 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:45%; height:50%; color:#acacac; border-bottom:1px solid #9e9e9e; padding:27px 0px;  z-index:200;}
.special-features ul{position:absolute; left:0px; width:100%; height:30px; border-bottom:1px solid #9e9e9e;  background:url(../images/sprite.png) -660px -394px 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:77px; height:23px; background-position:-659px -335px;}
a.btn-bd:hover{background-position:-659px -362px;}


a.btn-dvd{display:block; width:36px; height:23px; background-position:-740px -335px;}
a.btn-dvd:hover{background-position:-740px -362px;}


.features-content{position:relative; left:0px; margin-top:27px; width:100%; height:100%; float:left; clear:both;}
.features-content dl{width:300px; height:84%; margin:6% 0px; position:relative; padding-right:20px; overflow:auto; color:#acacac;}
.features-content dl dt{font-size:2em; margin-bottom:5px; float:left; clear:both;}
.features-content dl dd{font-size:1.5em; 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:28%; height:90%; margin:5% 0px; position:absolute; float:left;}
a.btn-dvdbox-sm{width:38%;}
a.btn-bdbox-sm img, a.btn-dvdbox-sm img{width:auto; height:100%;}


/* -- FOOTER ---------------------------------------------------------------------------- */
.sec-footer{height:60px; background:#363636; bottom:0px; z-index:150; overflow:hidden;}


/*-------- LEGAL --------------------------------------------------------*/
.legalinfo{display:none; width:100%; height:220px; position:absolute; bottom:0px; background:#363636; 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;}
.legal-nav ul li a{font-size:1.2em;}

a.btn-legal{width:45px; height:auto; text-align:left; position:absolute; right:0px; bottom:14px; margin-left:10px; z-index:420; font-size:1.2em;}
a.btn-legal:hover{text-decoration:none;}


/*-------- BUY MOVIE DROPDOWN --------------------------------------------------------*/
.buy-dropdown{display:none; position:absolute; bottom:40px; left:50%; margin-left:104px; width:250px; height:146px; overflow:hidden; z-index:250;}
.buy-dropdown ul{position:absolute; top:0px; left:0px; width:250px; height:auto; background:#f0ece8; 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:fist-child{border-top:1px solid #FFFFFF;}
.buy-dropdown ul li a{display:block; width:auto; height:40px; line-height:40px; margin:auto; color:#8c7566; text-decoration:none; font-size:1.6em;}
.buy-dropdown ul li a:hover{color:#363636;}


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

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

a.btn-features{width:175px; background-position:-81px -335px;}
a.btn-features:hover{background-position:-81px -371px;}

a.btn-site{width:108px; background-position:-260px -335px;}
a.btn-site:hover{background-position:-260px -371px;}

a.btn-buymovie{width:166px; background-position:-372px -335px;}
a.btn-buymovie:hover{background-position:-372px -371px;}





/* SHADDOWS -------------------------------- */
.shadow, .shaddow-top, .shaddow-bottom, .shaddow-lft {-moz-box-shadow: 0px 0px 4px #85776e; -webkit-box-shadow: 0px 0px 4px #85776e; box-shadow: 0px 0px 4px #85776e;}
.shaddow-top{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#85776e',direction=0,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#85776e',direction=0,strength=3);}
.shaddow-bottom{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#85776e',direction=180,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#85776e',direction=180,strength=3);}
.shaddow-lft{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#85776e',direction=270,strength=3)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#85776e',direction=270,strength=3);}


/* GRADIENT -------------------------------- */
.grad1{
	background:#f0eeeb; /* Old browsers */
	background: -moz-linear-gradient(left,  #dad3cd 0%, #ffffff 50%, #dad3cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dad3cd), color-stop(50%,#ffffff), color-stop(100%,#dad3cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #dad3cd 0%,#ffffff 50%,#dad3cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #dad3cd 0%,#ffffff 50%,#dad3cd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #dad3cd 0%,#ffffff 50%,#dad3cd 100%); /* IE10+ */
	background: linear-gradient(to right,  #dad3cd 0%,#ffffff 50%,#dad3cd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eeeb', endColorstr='#f0eeeb',GradientType=1 ); /* IE6-9 */
}

.grad2{
background: #363636; /* Old browsers */
background: -moz-linear-gradient(left,  #363636 0%, #3f3f3f 49%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#363636), color-stop(49%,#3f3f3f), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #363636 0%,#3f3f3f 49%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #363636 0%,#3f3f3f 49%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #363636 0%,#3f3f3f 49%,#363636 100%); /* IE10+ */
background: linear-gradient(to right,  #363636 0%,#3f3f3f 49%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#363636',GradientType=1 ); /* IE6-9 */
}


/* ---------------------------------------------- */
/* -- MEDIA QUERIES --------------------------------- */
/* ---------------------------------------------- */
@media only screen and (orientation : portrait) {
	.turn-device{display:block;}
}