/* CSS Document */

/* Fonts */

@font-face {
	font-family:'FuturaBold';
	src:url('../fonts/futurastdcondensedbold.otf');
	src:url('../fonts/futurastdcondensedbold.eot');
	src:url('../fonts/futurastdcondensedbold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/futurastdcondensedbold.woff') format('woff'),
		 url('../fonts/futurastdcondensedbold.ttf') format('truetype'),
		 url('../fonts/futurastdcondensedbold.svg#futurastdcondensedbold') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'FuturaOblique';
	src:url('../fonts/futurabtboldcondenseditalic.otf');
	src:url('../fonts/futurabtboldcondenseditalic.eot');
	src:url('../fonts/futurabtboldcondenseditalic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/futurabtboldcondenseditalic.woff') format('woff'),
		 url('../fonts/futurabtboldcondenseditalic.ttf') format('truetype'),
		 url('../fonts/futurabtboldcondenseditalic.svg#futurabtboldcondenseditalic') format('svg');
	font-weight:normal;
	font-style:italic;
}

.futura {
	font-family:Futura, "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
}

.futura-bold {
	font-family:"FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
}

.futura-oblique {
	font-family:"FuturaOblique", "FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	font-style:italic;
}

/* Utility */

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.yellow {
	color:#fbde05 !important;
}

/* Main */

body {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#818181;
}

a {
	color:#fff;
}

p {
	line-height:1.25;
}

/* Layout */
.container{
	position: relative;
}
.header {
	position:fixed;
	left:0;
	width:100%;
	z-index:9999;
	background-color:#000;
} 

.footer {
	position:fixed;
	left:0;
	width:100%;
	z-index:9999;
	background-color:#000;
}

.header {
	top:0;
}

.footer {
	bottom:0;
} 

/* Header */

.header-inner {
	position:relative;
	padding:15px;
}

.header-left {
	position:absolute;
	bottom:15px;
	left:15px;
	width: 26%
}

.header-left img{
	max-width: 100%;
    height: auto;
}

.header-logo {
	width:230px;
	margin:0 auto;

}

.header-logo img{
	max-width: 100%;
    height: auto !important;
}
#header-right-buy{
    width:27%; height:55px; position:absolute;
    left:50%; margin-left:11%; top:0;  
}
#header-right-buy img{
    position:absolute;
    width:100%; max-width:421px;
}

.header-right {
	position:absolute;
	bottom:15px;
	right:15px;
}

.header-speaker {
	position:absolute;
	top:15px;
	right:15px;
}

.header-social .social-link {
	display:inline-block;
	font-size:0px;
	text-indent:-9999em;
	width:23px;
	height:23px;
	background:url(../images/header-social-icons-23x23.png) 0 0 no-repeat;
	overflow:hidden;
	margin:0 0 15px 5px;
}

.header-social .social-link.twitter-link {
	background-position:0 0;
}

.header-social .social-link.twitter-link:hover {
	background-position:-23px 0;
}

.header-social .social-link.facebook-link {
	background-position:0 -23px;
}

.header-social .social-link.facebook-link:hover {
	background-position:-23px -23px;
}

.header-social .social-link.youtube-link {
	background-position:0 -46px;
}

.header-social .social-link.youtube-link:hover {
	background-position:-23px -46px;
}

.header-widgets .header-like {
	margin-right:15px;
}

.header-widgets .header-tweet {
	margin:0;
}

/* Footer */

.footer-inner {
	padding:15px;
	height: 50px;
	text-transform:uppercase;
}

.footer-legal {
	width:58%;
	margin:0.75% auto 0px 11%;
}
.footer-legal p{
	font-size: 9px;
}

.footer-left {
	position:absolute;
	top:34px;
	left:15px;
}

.footer-right {
	position:absolute;
	top:15px;
	right:15px;
}
.rating-block{
	background: url(../images/rating.png) no-repeat;
	display: block;
	width: 122px;
	height: 38px;
	float: left;
}
.rating-links {
	width:155px;
	margin:6px;
	float: left;
}
.billing-content{
	display: block;
	width: 43%;
	margin: 0 auto;
}
/* Music Player */

#audio {
	position:fixed;
	top:10px;
	right:15px;
	z-index:10000;
}
/* GRID ACCORDION CONTENT STYLES */
.box-content{
	background: url(../images/image-overlay.png) repeat-x left bottom;
	position: relative;
}

.box-content-heading {
	text-transform:uppercase;
	font-size:17px;
	background: #ea2f5c;
	height: 97.7%;
	padding: 10px;
	width: 30px;
}

.box-content-content {
	background:url(../images/box-content-heading-background-1x1.png) 0 0 repeat;
	font-size:13px;
	height:100%;
}

.box-content-content-transparent {
	background:transparent;
}

.box-content-gallery-thumbs {
	width:auto;
}
.box-content-heading.left{
	float: left;
}

.box-content-heading.right {
	float: right;
}

.box-content-content p {
	margin-bottom:15px;
	color:#fff;
}
.box-content-content li{
	float: left;
}
.box-content-content li a{
	text-decoration: none;
}
.box-content-content li a h4{
	text-align: left;
	font-size: 17px;
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: 500;
	font-style: italic;
}
.box-content-content li.name{
	font-family:"FuturaOblique", "FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	font-style: italic;
	float: left;
	clear: both;
	color: #fff;
	margin-bottom: 30px;
	font-size: 36px;
	width: 100%;
}
.box-content-content li.role{
	font-family:"FuturaOblique", "FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	float: left;
	clear: both;
	color: #fff;
	margin-bottom: 30px;
	font-size: 36px;
	width: 100%;
}
.box-content-content li span.name{
	font-family:"FuturaOblique", "FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	color: #fddf01;
	font-size: 24px;
	display: block;
	width: 100%;
}
.box-content-content li span.role{
	font-family:"FuturaOblique", "FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	color: #ea2f5c;
	font-size: 24px;
	display: block;
	width: 100%;
}
.box-content-heading-cta.right {
	font-size: 17px;
	display:inline-block;
	text-decoration:none;
	height:15px;
	background:url(../images/box-content-heading-cta-arrow-13x14.png) right 1px no-repeat;
	padding-right:22px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	cursor: pointer;
}
.box-content-heading-cta.left {
	font-size: 17px;
	display:inline-block;
	text-decoration:none;
	height:15px;
	background:url(../images/box-content-heading-cta-arrow-13x14.png) right 1px no-repeat;
	padding-right:22px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	cursor: pointer;
}
a.box-content-heading-cta:hover{
	color: #ea2f5c;
}
.coming-soon.left p {
	color: #fff;
	font-size: 17px;
	display: inline-block;
	text-decoration: none;
	height: 15px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	text-transform: uppercase;
}
.coming-soon.right p {
	color: #fff;
	font-size: 17px;
	display: inline-block;
	text-decoration: none;
	height: 15px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	text-transform: uppercase;
}
.box-gallery-thumbnail-block {
	margin:2%;
	width: 44%;
}
h1.synopsis-title, h2.synopsis-title{
	background: url(../images/synopsis-title.png) no-repeat;
	width: 20px;
	height: 101px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.photos-title, h2.photos-title{
	background: url(../images/photos-title.png) no-repeat;
	width: 21px;
	height: 84px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.videos-title, h2.videos-title{
	background: url(../images/videos-title.png) no-repeat;
	width: 20px;
	height: 73px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.cast-crew-title, h2.cast-crew-title{
	background: url(../images/cast-crew-title.png) no-repeat;
	width: 20px;
	height: 142px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.facebook-title, h2.facebook-title{
	background: url(../images/facebook.png) no-repeat;
	width: 21px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.twitter-title, h2.twitter-title{
	background: url(../images/twitter.png) no-repeat;
	width: 32px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
h1.tumblr-title, h2.tumblr-title{
	background: url(../images/tumblr.png) no-repeat;
	width: 26px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.red-band-title, h2.red-band-title{
	background: url(../images/red-band-title.png) no-repeat;
	width: 21px;
	height: 108px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
h1.catfont-title, h2.catfont-title{
	background: url(../images/cat-font-title.png) no-repeat;
	width: 20px;
	height: 99px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}
/* FULL SCREEN GALLERY */

.photo-gallery {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;
	background-color:#000;
}

.photo-gallery .gallery-nav {
	z-index:999999;
	position:fixed;
	top:45%;
	width:26px;
	height:54px;
	overflow:hidden;
	cursor:pointer;
}

.photo-gallery .gallery-prev {
	background:url(../images/photos-arrow-left.png) 0 0 no-repeat;
	left:25px;
}

.photo-gallery .gallery-next {
	background:url(../images/photos-arrow-right.png) 0 0 no-repeat;
	right:25px;
}

.gallery-overlay {
	position:fixed;
	top:25px;
	left:25px;
	width:240px;
	height:166px;
	background:url(../images/photos-logo-overlay.png) 0 0 no-repeat;
	overflow:hidden;
}
.photo-share-block {
	position:fixed;
	top:25px;
	right:25px;
}
.photo-share-block span{
	font-size: 18px;
	color: #fddf01;
	text-transform: uppercase;
	margin-right: 20px;
}
.gallery-close {
	position:fixed;
	bottom:25px;
	right:25px;
	height:32px;
	font-size: 18px;
	color: #fddf01;
	text-transform: uppercase;
	overflow:hidden;
	cursor:pointer;
}
/* Single Page */
.single-page{
	margin: 200px auto 100px auto;
	color: white;
	max-width: 960px;
	height: 100%;
	overflow: auto;
}
.single-page h1{
	font-size: 24px;
	margin-bottom: 10px;
	color: #fddf01;
	text-transform: uppercase;
}
.single-page p{
	font-size: 12px;
}
.single-page ul li{
	width: 280px;
	margin: 20px 40px 20px 0px;
	font-size: 12px;
	line-height: 16px;
}
.single-page ul li strong{
font-size: 14px;
	color: #fddf01;
}
.single-page ul li.center{
	margin: 0 auto;
}

/* GRID ACCORDION OVERRIDE STYLES */

.grid-accordion-gallery{
}

.grid-accordion-gallery-loading {
	background-color:#000;
}

.view-port-grid-accordion-gallery .grid-accordion-gallery {
	margin:140px auto 0 auto;
}

.grid-accordion-gallery td {
	border:solid 1px #000;
	cursor:pointer;
}

/* JSCROLLPANE OVERRIDE STYLES */

.jspVerticalBar {
	width:14px;
}

.jspHorizontalBar {
	background-color:#000;
	height:10px;
}

.jspTrack {
	background-color:#000;
}

.jspDrag {
	background-color:#ea2f5c;
}
/* Content Overlays */
#synopsis, #photos{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    z-index: 1000;
}
#videos, #cast-crew{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
    z-index: 1000;
}

.gray-wrap{
    position: absolute;
    width: 50.3%;
	height: 100%;
    background-color: #383838;
    color: #fff;
}
.content-wrap-left {
	margin-left: 46px;
    padding: 40px;
	height: 90%;
	margin-bottom: 80px;
}
.content-wrap-right {
	margin-right: 46px;
    padding: 40px;
	height: 90%;
	margin-bottom: 80px;
}
.content-wrap-left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 32px;
    color: #fff;
	margin-top: 5%;
	width: 95%;
	float: left;
}
#synopsis .content-wrap-left #synopsis-content{
    width:290px; display:block;
}
#synopsis .content-wrap-left #synopsis-content p{
    font-size:21px; font-family:Arial; line-height:27px; font-weight:normal;
}
.content-wrap-left img{
	float: left;
	margin: 3% 0;
}
.content-wrap-left ul li a img, .content-wrap-right ul li a img{
	border: 2px solid transparent;
}
.content-wrap-left ul li a img:hover, .content-wrap-right ul li a img:hover{
	border: 2px solid #ea2f5c;
}
.photos-wrap{
	color: #fff;
    padding: 10px;
	position: relative;
	width: 100% !important;
	height: 100% !important;
}
.jspContainer{
	position: inherit !important;
	width: 100% !important;
	height: 100% !important;
	overflow-x: hidden;
}
.jspPane{
	width: 100% !important;
	padding: 0 !important;
}
.grid-content-scrollable{
	height: 100%;
}
a.hideContentOverlay{
	color: #ea2f5c;
	text-decoration: none;
	font-size: 18px;
	cursor: pointer;
	margin: 15px 30px;
	text-transform: uppercase;
}
a.hideContentOverlay:hover{
	color: #fff;
}
a.hideContentOverlay span{
	color: #fff;
}
#synopsis .gray-wrap{
    left: 1px;
}
#photos .gray-wrap{
    left: 25%;
}

#videos .gray-wrap{
    right: 24.7%;
}
#cast-crew .gray-wrap{
    right: 0px;
}
#synopsis .content-wrap-left{
    padding: 40px 20px;
}

/* Footer Billing Styles */


#footerSlideContainer {
	position: fixed;
	width: 100%;
	z-index:9999;
	background: #000;
}
#footerSlideButton {
	background: url(../images/footer-billing-cta-163x14.png) top left no-repeat transparent;
	position: absolute;
	top: 18px;
	left: 15px;
	width:180px;
	height:50px;
	border: none;
	cursor: pointer;
	z-index:10000;
}

#footerSlideButton:hover{
	background-position: 0% 93% !important;
}

#footerSlideContent {
	width: 100%;
	height: 0px;
	border: none;
}

#footerSlideText {
	padding: 0px 10px 25px 25px;
}

/*New CSS*/
.box-content-heading-cta:hover {
	background:url(../images/sprite-arrows.png) right -14px no-repeat;
}
#warning-message{
	margin-top: 180px;
	text-align: center;
}
#warning-message p{
	margin-top: 20px;
	color: #fff;
	font-family:"FuturaOblique", "FuturaBold", Futura, "Trebuchet MS", Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
}

/* Tickets */
.ticket-wrapper{
	position: absolute;
	display: none;
	background: url(../images/fancybox_overlay.png) repeat;
	width: 100%;
	height: 100%;
	z-index: 10;
}
#ticket-popup{
/*	background: url(../images/TheHeat_GetTickets.jpg) no-repeat;*/
	/*width: 733px;
	height: 433px;*/
	margin: 0 auto;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
}
#ticket-popup ul{
	margin-top: 280px;
	margin-left: 30px;
}
#ticket-popup ul li{
	float: left;
	margin-right: 20px;
}
#ticket-popup ul li.yahoo a{
	background: url(../images/TheHeat_ym.jpg) no-repeat;
	width: 127px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}
#ticket-popup ul li.fandango a{
	background: url(../images/TheHeat_fd.jpg) no-repeat;
	width: 127px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}
#ticket-popup ul li.movie-tickets a{
	background: url(../images/TheHeat_mt.jpg) no-repeat;
	width: 127px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}

#ticket-popup #CloseButton{
	background: url(../images/photos-close.png) top center no-repeat;
	height:42px;
	top:-4%;
	width:42px;
	right:-2.4%;
	position: absolute;
}

#ticket-popup #CloseButton:hover{
	background-position:  0px -44px ;
	
}

@media only screen and (min-width : 768px),
only screen and (min-device-width : 768px) {
 
     .footer-legal {
       margin: 0px 0px 0px 13% !important;
       width: 50% !important;  
     }
     
     .billing-content{
          width:70% !important;   
     }
 		
 	.grid-accordion-gallery{
	 	
 	}
     
 }