@font-face {
	font-family: swiss;
	src: url('../fonts/swiss-911-extra-compressed-bt-webfont.eot');
}

@font-face {    
    font-family: coop;
    src: url('../fonts/coopbol-webfont.eot');
}

@font-face {
	font-family: swiss;
    src: url('../fonts/swiss-911-extra-compressed-bt.ttf')  format("truetype");
}

@font-face { 
    font-family: coop;
    src: url('../fonts/coopbol-webfont.ttf')  format("truetype");
}

@font-face {
    font-family: akdeniz;
    src: url('../fonts/akzidenzgroteskbe-boldcn-webfont.eot');
    src: url('../fonts/akzidenzgroteskbe-boldcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akzidenzgroteskbe-boldcn-webfont.ttf') format('truetype'),
         url('../fonts/akzidenzgroteskbe-boldcn-webfont.svg#berthold_akzidenz_groteskBdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}


/**MAIN**/
html { width:100%; height: 100%; }


body { 
	font-family: Helvetica, Arial, sans-serif; 
	padding:0; 
    margin:0;
    /* fallback (Opera) */
    background: #111111;
    width:100%;

}

body a {
	text-decoration:none;
    color:#ffffff;
}

#wrap {
    width:100%;
}

#bg-holder {
	width:100%;
    position:fixed;
    z-index:-1;
    background-color: #000;
}

#bg-gradient {
	width:100%;
    height:1000px;
    bottom:0px;
    left:0;
    position:fixed;
    z-index:-1;
    background-image: url('../images/gradient.jpg');
    background-repeat: repeat-x;
}

#bg-tt {
	position:relative;
    margin:20px auto;
    text-align:center;
}

#bg-enter {
	position:fixed;
    text-align:center;
    width:100%;
    bottom:40%;
}


#bg-image {
	width:800px;
    margin:0 auto;
}

#bg-pipe {
	width:100%;
    height:100%;
    position:fixed;
    bottom:0px;
	background: url('../images/pipe.png') no-repeat center bottom;
    background-size: auto 80%;
}


/**CONTENT**/

#content {
    width:100%;
    margin:0 auto 0;   
    display:none; 
    position:absolute;
    top:0;
    z-index:2;
}

#popup {
    margin: 0 auto;
    background-color:#cb3615;
    border: 3px solid #cb3615;
    -moz-box-shadow: 2px 3px 8px #000;
    -webkit-box-shadow: 2px 3px 8px #000;
    box-shadow: 2px 3px 8px #000;
}

#popup-title-holder {
	width: auto;
    height:40px;
    color:#000;
    text-align:left;
    font-size:40px;
    font-family: swiss, arial, helvetica, sans-serif;
}

#popup-title-holder-x {
	position:relative;
    top:-20px;
    left:-20px;
}

#popup-title-holder-text {
	position:relative;
    top:-32px;
     left:-20px;
    color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

#popup-body-bg {
	width: auto;
    background-color:#fff;
    height:auto;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft:10px;
	border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    text-align:center;
    overflow:hidden;
    padding:20px;
}

#popup-title {
    color:#004352;
    font-size:32px;
    text-decoration:none;
	font-family: swiss, arial, helvetica, sans-serif;
	text-transform:uppercase;
    line-height:28px;
    padding: 0 0 10px;
    text-align:center;
}

#popup-button-holder {
	margin:10px 0;
    display: inline-block;
    width:auto;
    max-width:70%;
}

#popup-image {
	position:relative;
}

#popup-image img {
    border: 2px solid #004353;
}

#popup-audio {

}

.popup-confirm {
    cursor:pointer;
    color:#004352;
    text-align:left;
    font-size:16px;
    margin:0px auto 8px;
    clear:both;
    line-height: 20px;
}

.popup-done {
    cursor:pointer;
    width:auto;
    clear:both;
    text-align:center;
    width:100px;
}

.popup-share {
    cursor:pointer;
    width:auto;
    clear:both;
    text-align:center;
    width:100px;
}

.popup-confirm span {
	position: relative;
    line-height:19px;
}

.popup-confirm img {
	position: absolute;
    margin-right:10px;
}

.popup-confirm a {
    color:#004352;
    text-decoration:none;
}

.popup-confirm a:hover {
    color:#cb3615;
}

.popup-desc-holder {
	margin:0 auto;
    text-align:center;
    font-size:18px;
    color:#fff;
}

#popup-dropdown {
	color:#333333;
    font-size:16px;
    width:200px;
    padding:5px;
    margin-left:150px;
}

#popup-desc {
	width:80%;;
   font-size:16px;
   color:#004352;
   padding:0 0 20px;
   text-align:center;
   position:relative;
   margin: 0 auto;
   line-height: 20px;
}

#popup-desc2 {
	text-align:center;
    font-size:16px;
    color:#004353;
    padding:0 0 20px;
    position:relative;
    margin:0 auto;
    width:80%;
    line-height: 20px;
}

.popup-slider-holder {
	padding:10px;
    width:680px;
    color:#fff;
}


#popup-multi-holder {
	margin:10px 0;
    display: inline-block;
    width:auto;
    max-width:440px;
}

.popup-multi-indv {
	 cursor:pointer;
    color:#004352;
    text-align:left;
    font-size:14px;
    margin:0px auto 5px;
    display:inline-block;
}

.popup-multi-indv span {
	position: relative;
    line-height:19px;
}

.popup-multi-button {
	width:20px;
    height:20px;
    background-color:#990000;
    float:left;
    cursor:pointer;
}

.popup-multi-label {
	font-size:16px;
    color:#fff;
    margin-left:30px;
    color:#004352;
}

.popup-multi-label a:hover {
    color:#f4b33b;
}

#popup-overlay-holder {
    height:auto;
    width:50%;
    display:inline;
}

#popup-overlay-right {
    height:auto;
    width:50%;
    display:inline-block;
    vertical-align:top;
    text-align:left;
}

.popup-overlay-image {
	width:128px;
    height:228px;
    overflow:hidden;
    cursor:pointer;
}

#popup-input {
	display:block;
	margin:0;
    position: relative;
    top:auto;
    padding:20px 0;
}

.popup-confirm-bullet {
	display:inline-block;
}

.popup-confirm-line {
	margin-left:25px;
    width:auto;
    position:relative;
}

#popup-input-button {
	width:60px;
    margin:0;
    color:#ffffff;
    background-color: #004353;
    font-family:coop, impact, arial, sans-serif;
    display:inline;
    padding:0 10px;
    cursor:pointer;
}

#drag {
	cursor:pointer;
}

#div1 {
	width:50%;
	height:228px;
    border:2px solid #004353;
}

.dropbox {
	height:25%;
    width:100%;
   	text-align:center;
}

/** SLIDER **/

#slider {
    border:2px solid #004353;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft:10px;
	border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    margin:10px 0 10px 20px;
    background-color: #004353;
    overflow:hidden;
    
}

.popup-slider {
	width:auto;
    margin:0 auto;
    display:inline-block;
    background-image: url('images/meter.jpg');
    overflow:hidden;
}

.popup-slider img {
    width:100%;
    height: auto;
    
}


#slider-cursor {
	position:absolute;
    bottom:15px;
    pointer:cursor;
}

#slider-answer {
	width:auto;
    height:auto;
    background-color: #004353;
    color: #f3b433;
    text-align:center;
    font-family: coop, impact, arial, sans-serif;
    font-size: 36px;
}


/** THEATRE DETAILS**/

#release1 a {
	text-decoration:none;
    color: #fff;
}

#release2 a {
	text-decoration:none;
    color: #f3b433;
}

#details{
	position:fixed;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    z-index:1;
}

#details-release {
	font-family:akdeniz, impact, arial, sans-serif;
    font-size:26px;
    text-transform: uppercase;
    margin:1px 0;
}

#details-line {
	width:700px;
    margin:10px auto 5px;
}

#details-theatre {
	margin:1px 0;
    display:inline;
}

#details-press {
	display:inline;
        margin:5px;
        position:absolute;
        left:0;
        bottom:0;
}

#details-stuff {
	margin-bottom:5px;
	display:inline;
    font-family:akdeniz, impact, arial, sans-serif;
    font-size:18px;
    text-transform: uppercase;
    color: #fff;
}

#details-stuff a {
	display:inline;
    font-family:akdeniz, impact, arial, sans-serif;
    font-size:18px;
    text-transform: uppercase;
    color: #f2b434;
}

#details-link {
	margin:15px 0 20px;
}

.details-links {
	margin:0px 5px;
}

.theatre-text {
	font-family:akdeniz, impact, arial, sans-serif;
    font-size:18px;
    text-transform: uppercase;
    color: #fff;
}

.theatre-text a {
    color: #f2b434;
}

/**OVERLAY**/

#overlay {
	width:100%;
    text-align:center;
    top:0;
    left:0;
    z-index:99;
    position:fixed;
    pointer-events: none;
}

#overlay-holder {
	width:600px;
    height:320px;
    background-color: #f2b434;
    border: 3px solid #f2b434;
    position:relative;
    margin: 0 auto;
    -moz-box-shadow: 1px 1px 6px #000;
    -webkit-box-shadow: 1px 1px 6px #000;
    box-shadow: 1px 1px 6px #000;
    display:none;
}

#overlay-title-holder {
	width: auto;
    height:40px;
    color:#000;
    text-align:center;
    font-size:36px;
    font-family: swiss, arial, helvetica, sans-serif;
}

#overlay-title-holder-text {
	position:relative;
    color: #004353;
    margin-bottom:4px;
}

#overlay-body-bg {
	width: auto;
    background-color:#fff;
    height:280px;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft:10px;
	border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    text-align:center;
    color:#004353;
    font-size: 12px;
    font-family: airal, helvetica, sans-serif;
}

#overlay-body-content {
	padding:10px;
    text-align:left;
    height:260px;
    overflow:auto;
}	

#overlay-body-content a {
	color: #f2b434;
    text-decoration: none;
}	

.overlay-1 {
	padding:10px;
}

#theatre-close {
	position:absolute;
    right:0;
}

#theatre-close img {
	padding:2px;
}

/**VIDEO**/

#video_holder{
	text-align:center; 
    background-color:#666; 
    height:auto; padding:0px; 
}

video {
    border: 2px solid #004353;

}

#video-details {
    display:inline-block;
     width:40%;
}

#video-holder {
    display: inline;
   
}

iframe {
	border: 2px solid #004353;
}

#map_canvas img {
	width:100%;
}