/************************************************************************************
GENERAL STYLING
*************************************************************************************/
* {
margin: 0;
padding: 0;
border: 0;
outline: none;
}

/* set image max width to 100% */
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

html, body {
height: 100%;
}

body {
margin: 0 auto;
background: #ece3d9;
font-size: 15px; 
line-height: 1.2;
font-family: Arial,Helvetica,sans-serif; 
color: #000000;
text-align: center;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -270px auto;
position: relative;
}

#push, #footer {
height: 270px;
position: relative;
}

#footer {
width: 100%;
margin: 0 auto 0 auto;
background: #391a38 url(../_images/foot_tile.jpg) repeat-x;
color: #ffffff;
line-height: 1.5;
position: relative;
overflow: hidden;
text-align: center;
font-size: 0.80em;
}

#footer_pad {
padding-top: 45px;
}

#footer a {
color: #d0d0d0;
}

#footer a:hover {
color: #ffffff;
}

.container {
width: 988px;
margin: 0 auto;
position: relative;
}

#menu {
width: 100%;
height: 60px;
margin: 0 auto;
position: relative;
background-color:#b16218;
text-align: left;
}

#menu_icon {
background: url(../_images/menu_icon.gif) no-repeat left center;
line-height: 60px;
margin: 0;
float: left;
padding-left: 28px;
display: none;
}

#menu_icon a {
padding-top: 5px;
text-transform: uppercase;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
font-size: 1em;
text-decoration: none;
color: #ffffff;
font-weight: normal;
}

#menu_icon a:hover {
text-decoration: none;
color: #ffca99;
font-weight: normal;
}


ul#menunav {
line-height: 60px;
margin:0;
padding: 0;
list-style-type: none;
position: relative;
z-index: 1000;
}

ul#menunav li {
float: left;
margin: 0;
color: #ffae62;
text-transform: uppercase;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
font-size: 0.90em;
}

ul#menunav li span {
padding: 0 8px;
}

ul#menunav li a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
display: block;
padding: 0 8px;
}

ul#menunav li a:hover {
color: #ffca99;
text-decoration: none;
font-weight: normal;
}

.last_line {
border: none !important;
}

#menunav_right {
padding: 0;
margin: 0 1% 0 0;
float: right;
z-index: 25;
}

#menunav_right img {
margin: 8px 1px 0 0;
}


hr {
width: 100%;
margin: 30px auto;
border: 0;
height: 1px;
border-top: 1px solid #d4d4d4;
}

.clearit {
clear: both;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#main_bg {
background: url(../_images/bg.jpg) repeat;
width: 100%; 
height: 100%;
position: relative;
display: block; 
overflow: hidden;
}

#main_title {
width: 100%;
margin: 15px auto;
text-align: center;
}

/************************************************************************************
TEXT STYLING
*************************************************************************************/
a {
text-decoration: none;
color: #6a4694;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #9462cc;
font-weight: bold;
}

#footer_pad a, #footer_pad a:hover {
font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
line-height: 1;
margin: 0;
padding: 0 0 4px 0;
text-transform: uppercase;
}

h1 {font-size: 4em;  } /* 60px */
h2 {font-size: 3em;} /* 48px */
h3 {font-size: 2.5em;} /* 36px */ 
h4 {font-size: 2em; } /* 24px */
h5 {font-size: 1.5em; } /* 21px */
h6 {font-size: 1em;} /* 18px */

p, blockquote, pre, td, th, label {line-height: 1.4; margin: 5px 0 18px 0;} 


ul,ol {
margin: 5px 0 5px 60px;
padding: 0;
}

li {
margin: 0 0 5px 0;
}

.centerit {
text-align: center !important;
}

.leftit {
text-align: left !important;
}

.purple {
color: #37035d;
}

#content_big {
font-size: 1.35em;
line-height: 1.1;
}


/************************************************************************************
COLUMNS,PADS,SPACERS,IMAGES
*************************************************************************************/
.column_third {
width: 29%;
float: left;
margin: 0 2% 30px 2%;
position: relative;
}

.column_thirtyfive{
width: 35%;
float: left;
margin: 0 2% 0 0;
position: relative;
}

.column_sixty {
width: 61%;
float: left;
margin: 0 0 0 2%;
position: relative;
}

.column_half {
width: 47%;
float: left;
margin: 5px 2% 20px 1%;
position: relative;
}

.column_half_nomargins {
width: 47%;
float: left;
margin: 0 3% 0 0;
position: relative;
}


.column_half_wide {
width: 44%;
float: left;
margin: 10px 3% 20px 3%;
position: relative;
}

.imgbrdr {
border: 5px solid #ffffff;
position: relative;
behavior: url(_css/PIE.php);/* for ie */
-moz-box-shadow: 0px 2px 6px #333333;
-webkit-box-shadow: 0px 2px 6px #333333;
box-shadow: 0px 2px 6px #333333;
margin-bottom: 10px;
}

.imgbrdrfloat {
float: left;
border: 5px solid #ffffff;
position: relative;
behavior: url(_css/PIE.php);/* for ie */
-moz-box-shadow: 0px 2px 6px #333333;
-webkit-box-shadow: 0px 2px 6px #333333;
box-shadow: 0px 2px 6px #333333;
margin: 0 2% 15px 0;
}


.spacer5 {
height: 5px !important;
margin: 0 !important;
padding: 0 !important;
}

.spacer10 {
height: 10px !important;
margin: 0 !important;
padding: 0 !important;
}

.spacer20 {
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
}

.spacer30 {
height: 30px !important;
margin: 0 !important;
padding: 0 !important;
}

.spacer50 {
height: 50px !important;
margin: 0 !important;
padding: 0 !important;
}

.padit8 {
padding: 8px;
}

.padit15 {
padding: 15px;
}

.half_width {
width: 50%;
margin: 60px auto;
position: relative;
}

.twothird_width {
width: 66%;
margin: 60px auto;
position: relative;
}

.no_topmargin {
margin: 0 !important;
}




/************************************************************************************
FORMS & BUTTONS
*************************************************************************************/
.form_main {
width: 100%;
margin: 15px auto;
text-align: left;
}

.form_main label {
margin: 10px 0 0 0;
display: block;
font-size: 0.80em;
}

.form_main label.required {
font-weight: bold;
}

.form_main label em {
color: #c83333;
font-style: none;
}

.form_main select {
font-size: 0.70em;
margin: 5px 0;
}

.form_cvv {
width: 40% !important;
}

.form_main input[type=text], .form_main input[type=password]{
width: 90%;
display: block;
background: #ffffff;
padding: 8px;
color: #000000;
font-size: 0.70em;
margin: 3px 0;
position:relative;
border: 1px solid #c5c5c5;
}

.form_main .form_textarea {
width: 90%;
height: 200px;
display: block;
background: #ffffff;
padding: 9px 15px;
color: #000000;
font-size: 0.70em;
margin: 5px 0;
position:relative;
border: 1px solid #c5c5c5;
}

p.error {
font-weight: bold;
color: red;
margin: 5px 0 0 0;
padding: 0;
font-size: 0.80em;
}

.thepot {
display: none;
}


.btn_more {
position: relative;
cursor: pointer;
display: inline-block;
padding: 10px 25px 5px 25px;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
font-size: 1.5em;
font-weight: normal !important;
text-decoration: none;
text-shadow:0px 1px 0px #000000;
color: #ffffff;
vertical-align: middle;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color: #d76b00; /* fallback color if gradients are not supported */
background-image: -webkit-linear-gradient(top, #d76b00, #d22c00); /* For Chrome and Safari */
background-image: -moz-linear-gradient(top, #d76b00, #d22c00); /* For old Fx (3.6 to 15) */
background-image: -ms-linear-gradient(top, #d76b00, #d22c00); /* For pre-releases of IE 10*/
background-image: -o-linear-gradient(top, #d76b00, #d22c00); /* For old Opera (11.1 to 12.0) */ 
-pie-background: linear-gradient(#39b3ea, #d76b00); /*PIE*/
background-image: linear-gradient(to bottom, #d76b00, #d22c00); /* Standard syntax; must be last*/
border:1px solid #d22c00;
}

.btn_more:hover {
background: #d25400;
-moz-box-shadow:inset 0px 1px 0px 0px #d25400;
-webkit-box-shadow:inset 0px 1px 0px 0px #d25400;
box-shadow:inset 0px 1px 0px 0px #d25400;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}


.submitbtn {
position: relative;
cursor: pointer;
display: inline-block;
padding: 8px 18px;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
font-size: 0.9em;
text-shadow:0px 1px 0px #000000;
color: #ffffff;
vertical-align: middle;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color: #d76b00; /* fallback color if gradients are not supported */
background-image: -webkit-linear-gradient(top, #d76b00, #d22c00); /* For Chrome and Safari */
background-image: -moz-linear-gradient(top, #d76b00, #d22c00); /* For old Fx (3.6 to 15) */
background-image: -ms-linear-gradient(top, #d76b00, #d22c00); /* For pre-releases of IE 10*/
background-image: -o-linear-gradient(top, #d76b00, #d22c00); /* For old Opera (11.1 to 12.0) */ 
-pie-background: linear-gradient(#39b3ea, #d76b00); /*PIE*/
background-image: linear-gradient(to bottom, #d76b00, #d22c00); /* Standard syntax; must be last*/
border:1px solid #d22c00;
}

.submitbtn:hover {
background: #d25400;
-moz-box-shadow:inset 0px 1px 0px 0px #d25400;
-webkit-box-shadow:inset 0px 1px 0px 0px #d25400;
box-shadow:inset 0px 1px 0px 0px #d25400;
color: #ffffff;
}


.btn_tickets {
position: relative;
cursor: pointer;
display: inline-block;
padding: 14px 15px 12px 15px;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
text-shadow:0px 1px 0px #000000;
color: #ffffff;
vertical-align: middle;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
background-color: #391a38; 
}

.btn_tickets:hover {
background: #5b335a;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}




/************************************************************************************
TABLES
*************************************************************************************/
.mainlist {
width: 100%;
margin: 10px auto 5px auto;
background: transparent;
border-collapse: collapse;
position: relative;
}

.mainlist th {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
padding: 8px;
color: #ffffff;
border: 1px solid #a99164;
border-collapse: collapse;
background: #b16218;
position: relative;
}

.mainlist tbody td {
padding: 5px 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.25em;
line-height: 1.2;
border: 1px solid #a99164;
border-collapse: collapse;
position: relative;

}

.mainlist tbody tr {
background: #decfb5;
}

/* Zebra striping */
.mainlist tbody tr:nth-of-type(odd) { 
  background: #d9c39c; 
}



/************************************************************************************
HOME
*************************************************************************************/
#home_column {
width: 77%;
float: right;
text-align: right !important;
margin: 0;
}


#home_bg {
background: url(../_images/bg_home.jpg) no-repeat center top fixed;
width: 100%; 
height: 100%;
position: relative;
display: block; 
text-align: left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
}

.home_title {
margin: 35px 0 10px 0;
display: block;
}

.home_trailer {
margin: 0 0 25px 0;
border: 5px solid #ffffff;
position: relative;
behavior: url(_css/PIE.php);/* for ie */
-moz-box-shadow: 0px 2px 6px #333333;
-webkit-box-shadow: 0px 2px 6px #333333;
box-shadow: 0px 2px 6px #333333;
}

.home_share {
display: block;
margin: 25px 25% 25px 0 !important;
}

/************************************************************************************
CAST
*************************************************************************************/
.column_cast {
width: 78%;
float: left;
}


/************************************************************************************
VIDEOS
*************************************************************************************/
.column_videos {
display: inline-block;
width: 28%;
margin: 0 2% 25px 2%;
text-align: center;
font-size: 0.80em;
font-weight: bold;
vertical-align: top;
}

.column_videos img {
border: 3px solid #ffffff;
position: relative;
behavior: url(_css/PIE.php);/* for ie */
-moz-box-shadow: 0px 2px 4px #474747;
-webkit-box-shadow: 0px 2px 4px #474747;
box-shadow: 0px 2px 4px #474747;
margin: 0 0 10px 0;
}



/************************************************************************************
DVD
*************************************************************************************/
#dvd_home_bg {
background: #ffffff;
width: 100%; 
height: 100%;
position: relative;
display: block; 
text-align: center;
overflow: hidden;
}

.dvd_title {
margin: 15px auto;
display: block;
}

.dvd_column1 {
width: 45%;
float: left;
margin: 0 2% 0 0;
text-align: left;
}

.dvd_column2 {
width: 53%;
float: left;
margin: 0;
text-align: center;
}

.dvd_trailer {
margin: 15px auto;
border: 5px solid #ffffff;
position: relative;
behavior: url(_css/PIE.php);/* for ie */
-moz-box-shadow: 0px 2px 6px #333333;
-webkit-box-shadow: 0px 2px 6px #333333;
box-shadow: 0px 2px 6px #333333;
}

.dvd_share {
display: block;
margin: 5px auto 15px auto;
}

.btn_buy {
position: relative;
cursor: pointer;
display: block;
padding: 14px 15px 12px 15px;
font-family: 'Conv_CooperBlackStd',Arial,Helvetica,sans-serif; 
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
text-shadow:0px 1px 0px #000000;
color: #ffffff;
vertical-align: middle;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
background-color: #391a38; 
margin-right: 5px;
z-index: 90;
text-align: center;
}

.btn_buy:hover {
background: #5b335a;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

.buy_digital,.buy_dvd,.buy_bluray {
position: relative;
float: left;
margin: 0 auto;
width: 32%;
}

.digital_links,.dvd_links,.bluray_links  {
display: none;
position: absolute;
top: 25px;
z-index: 80;
text-align: center;
width: 96%;
margin: 0 auto;
}

.blackbox_transparency {
width: 100%;
height: 100%;
position: absolute;
background: #000000;
filter:alpha(opacity=80);   
-moz-opacity: 0.80;   
opacity: 0.80;
-khtml-opacity: 0.80; 
z-index: 81;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}



.link_pad {
position: relative;
z-index: 82;
padding: 30px 20px 20px 20px;
}

.link_pad img {
margin-bottom: 6px;
}