body { overflow-x: hidden;  }
#article { width: 100%; overflow: hidden; font: normal 16px/26px georgia,serif; }

/* Loading Overlay */
.load-overlay {position:fixed; width:100%; height:100%; top:0; left:0; background:#fff none; z-index:999000;}
.load-overlay-center {position:absolute; width:400px; height:200px; top:50%; left:50%; margin:-100px 0 0 -200px; z-index:99001; color:#000; text-align:center}
.load-overlay.complete { display: none; }
a.otl-logo { background: url("/i/eticket/20120817/images/otl-logo.png") no-repeat scroll 0 0 transparent; height: 40px; left: 85px; top: 9px; width: 180px; z-index: 100003; }

#intro-screen { background: #060600 url(/i/eticket/20121004/img/bg-header.jpg) no-repeat center top; background-size: 100%; position: relative; padding-top: 36px; margin-bottom:0px; }
#intro-screen .container { position: relative; }
#intro-screen .container #main-title { background: transparent url(/i/eticket/20121004/img/img-title.png) no-repeat center bottom; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 0px; height: 211px; text-indent: 110%; overflow: hidden;  }
#intro-screen .container #main-title h1 { display: none; }
/* byline list of links and author name */
#byline h2 { font-family:'Klavika'; font-weight: 300; font-size: 25px; text-transform: uppercase; text-align: center; line-height: 1em; color:#000; border-bottom: 1px solid #000; padding: 15px 0; }
#byline h2 > span { color:#f15922; font-family:'KlavikaBold'; }

#byline ul#logos { list-style: none; list-style-type: none; overflow: hidden; width: 100%; margin: 0px auto; padding: 18px 0; border-bottom: 10px solid #000; margin-bottom: 15px; }
#byline ul#logos > li { width: 33%; float: left; line-height: 65px; height: 65px; text-align: center; font-size: 20px; font-style: italic;  }
#byline ul#logos > li#fc-logo { border-left: 1px solid #000; }
#byline ul#logos > li#otl-logo { border-right: 1px solid #000; }

#open-header { font-size: 26px; line-height: 1.5em; overflow: hidden; margin-bottom: 25px; }
#open-header #dropcap-r { float: left; margin-right: 3px; }

#byline ul#media { list-style: none; list-style-type: none; overflow: hidden; width: 500px; margin: 0px auto 45px; }
#byline ul#media > li { text-align: center; float: left; font-size: 13px; padding: 45px 1% 10px; width: 31%; font-family:'Klavika';  }
#byline ul#media > li.photo { border-left:1px solid #000; background: transparent url(/i/eticket/20121004/img/icon-camera.png) no-repeat center top;	}
#byline ul#media > li.video { border-left:1px solid #000;  border-right:1px solid #000; background: transparent url(/i/eticket/20121004/img/icon-video.png) no-repeat center top; 	}


/* photo styles */
.photo { font: 400 11px/1.2em "Helvetica Neue", helvetica, arial,sans-serif; color: #a3a3a3; position: relative; }
.photo .image .gallery-icon { position: absolute; width: 75px; height: 75px; top: 40%; left: 40%; background: transparent url(/i/eticket/20121004/img/icon-gallery.png) no-repeat center center; }
.photo .image img { max-height: 100%; max-width: 100%; margin-bottom: 5px; }
.photo .credit { text-align: right; font-style: italic; margin-bottom: 10px; margin-right: 35px; }
.photo .caption { margin-bottom: 12px; margin-left: 18px; }
.photo .caption.with-highlight { padding-left: 5px; border-left: 10px solid rgb(255, 242,0); }

/* google maps */
#maps { margin-bottom: 50px; }
#maps #google-map { width: 100%; height: 500px; border: 1px solid #000; }

/* content styles */
article > section { margin-bottom: 60px;	}
.highlight, .marker { background-color: rgb(255, 242,0); }
.highlight.none { background-color:#fff; }
.page-content { position: relative;	}
.page-content p.after-subtitle { padding-top:70px; }
.page-content .photo.inline { display:none; padding-bottom:15px; }
.page-content .inline.top { margin-bottom:100px;  }
.page-content .photo.inline .image { display: block; }
.page-content .photo.inline .image img { max-width: 100%; }

.page-content h2 { padding: 5px 0px; color:#000; text-transform: uppercase; font: normal 28px/28px "Klavika",helvetica,arial,sans-serif; font-style: italic;   }
.right.offset-shift { margin-left: 51.28205128205128%; }

.static_col { position: relative; width: 457px !important; }
.static_col.fixed { position: fixed; }
.static_col .photo { position: absolute; top: 0; left: 0; z-index: 0; display: none;  }
.static_col .photo.visible { z-index: 999; display: block; }

/* Galleries */
.gallery { margin-top: 20px; margin-bottom: 40px; }
.gallery .gallery-container { padding: 12px 10px 12px; position: relative; background: transparent url(/i/eticket/20121004/img/bg-galleries.png) no-repeat left top; }
.gallery .gallery-container > .gallery-header { background: #000; color: #fff; text-align: center; padding: 10px; margin-bottom: 5px; font: normal 16px/22px "Klavika",helvetica,arial,sans-serif; }
.gallery .gallery-container > .gallery-header > h1 { margin: 0 50px; text-transform: uppercase; font-style: italic; }
.gallery .gallery-container > .gallery-header > p { margin: 0 80px; font-size: 14px; font-weight: normal; }
.gallery .gallery-container ul { list-style: none; list-style-type: none; position: relative; overflow: hidden; padding: 0; margin: 0; }
.gallery .gallery-container ul li img { width: 100%; height: 100%; position: relative; z-index: 0;	}
.gallery .gallery-container .gallery-block { position: relative; }
.gallery .gallery-container .gallery-block .button { position: absolute; top: 45%; z-index: 9; color: #fff; font-weight: 700; }
.gallery .gallery-container .gallery-block .button.prev { left: 30px; }
.gallery .gallery-container .gallery-block .button.next { right: 30px; }

#video1 .gallery-container { width: 576px; height: 445px; background: transparent url(/i/eticket/20121004/img/bg-video2.png) no-repeat left top; margin: 0px auto; padding-bottom: 0; }
#video1 .gallery-container > .gallery-header > h1 { margin: 0px 10px; }
#video1 .gallery-container > .gallery-header > p { margin: 0px 20px; }

/* section.gallery .slider { height: 600px; } */
.gallery .slider .item .image { margin-bottom: 5px; width:920px; height:575px; overflow: hidden; text-align: center; position: relative;	}
.gallery .slider .item .image .photo-icon { position:absolute; top:42%; left:47%; z-index: 1000; width:75px; height:75px; background:transparent url(/i/eticket/20121004/img/icon-gallery.png) no-repeat center center; }
.gallery .slider .item .image img { max-width: 100%; }
.gallery .slider .item .image-caption { font: 400 12px/16px helvetica,arial,sans-serif; padding: 10px 35px 0px; height:70px; color: #fff; background: #000; position: relative;	}
.gallery .slider .item .image-caption .photo-credit { position: absolute; top: 5px; right: 14px; font-style: italic; color: #888; font-size: .8em;	}
.gallery .slider .item .image-caption .caption { width:80%; }
#inline-1 { width: 330px; border:1px solid #000; padding:5px; font: normal 14px/1.4em georgia,serif; color:#333; }
#inline-1 h1 { color:#fff; background:#000; margin:0 0 10px; padding:2px 10px; font: normal 18px/28px "Klavika",helvetica,arial,sans-serif; }
#inline-1 p, #inline-1 ul { padding:0 10px; }


.slider-gallery { position: relative; }
.slider-gallery .slider-buttons { position: absolute; bottom:5px; left:0px; width: 100%; overflow: hidden; text-align: center; }
.slider-gallery .slider-buttons .button { display: inline-block; width: 10px; height: 10px; border:1px solid #fff; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.slider-gallery .slider-buttons .button.selected { background:#FFF200; border:1px solid #fff; }
.slider-gallery .slider-controls { position: absolute; top:40%; opacity:0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.slider-gallery:hover .slider-controls { opacity: 1; top:40%; }
.slider-gallery .slider-controls a { display: block; width: 0px; padding-left:60px; line-height: 60px; height: 60px; overflow: hidden; text-indent: 110%; position: absolute; top:0; background: transparent url(/i/eticket/20121004/img/otl-fc-logo-sprite.png) no-repeat 0 -280px;  }
.slider-gallery .slider-controls a.next { left:830px; background-position: -100px -280px; }
.slider-gallery .slider-controls a.previous { left:10px; background-position: 0px -280px; }
.slider-gallery .slider-controls a.next:hover { background-position: -100px -360px; }
.slider-gallery .slider-controls a.previous:hover { background-position: 0px -360px; }

/* dropcap */
.dropcap { display: block; overflow: hidden; text-indent: 105%; width: 94px; height: 82px; background: transparent url(/i/eticket/20121004/img/drop-caps.png) no-repeat left top; margin: -62px -18px 0 0; float: left;	}
.dropcap.b { background-position: 0 -500px; width: 86px; margin-top: -59px; }
.dropcap.m { background-position: 0 -300px; margin-right:-8px; margin-top: -60px; }
.dropcap.p { background-position: 0 -200px; margin-right:-60px; margin-top:-60px;  }
.dropcap.w { background-position: 0 -100px; margin-right:-20px; margin-top:-61px; width:110px; height:78px; }
.dropcap.l { background-position: 0 -400px; margin-right:-0px; margin-top:-60px; width:60px; }


/* Video */
.video-player { height: 324px; width: 576px; margin: 0 auto 30px; }
.video-image-preview { display: block; }
.video-image-preview, .video-image-preview .vid-icon, .video-image-preview img { height: 324px; width: 576px; }
.video-image-preview, .video-image-preview .vid-icon { height: 324px; width: 576px; }
.video-image-preview .vid-icon { background: url("/i/eticket/20110713/prototype/images-final/icon_playVideo_large.png") no-repeat scroll 50% center transparent; cursor: pointer; position: absolute; }
.video-image-preview a { display: none; height: 60%; left: 10px; overflow: hidden; padding: 20px 30px 30px; position: absolute; top: 10px; width: 70%; }
.video-iframe { display: none; width: 576px; height: 327px; }


/* jumper */
.jumper {  }
.jumper .jumper-title h2 { text-align: center; margin-bottom:15px; padding-bottom: 5px; border-bottom: 1px solid #ccc; font: normal 20px/20px "Klavika",helvetica,arial,sans-serif; text-transform: uppercase; }
.jumper .jump-item { width: 203px; }

@media only screen and (max-width : 1024px) {
	.imagemap, .e-tools { display: none; }
	body { padding: 0; margin: 0;	}
}

/* Handhelds and Mobile */
@media only screen and (min-width:320px) and (max-width: 480px) and (orientation: portrait) {
	body { overflow-x: hidden;	}
	.container { width: 95%; padding: 2.5%; }
	#intro-screen #main-title { background-size:100%; }
	#intro-screen { background-size: 275%; background-position: center -50px; }
	#intro-screen .container { padding: 0;	}
	#maps #google-map { height: 300px; }
	.span6.static_col, .static_col .photo, .static_col .photo.visible { display: none !important; }
	#open-header { font-size: 1em; }
	.page-content .inline.top { margin-bottom: 20px; }
	#byline ul#logos { width: 95%; padding: 0; border-bottom-width: 0px; 	}
	#byline ul#logos li { float: none; width: 100%; border: none; font-size: .9em; line-height: 1.2em; height: auto; }
	#byline ul#logos li#otl-logo, #byline ul#logos li#fc-logo, ul#media { display: none;	}
	.row-fluid .offset1:first-child { margin-left: 0; }
	.span6.page-content { width: 100% !important;	}
	.page-content h2 { width: 100%; 	}
	.page-content .photo.inline { display: block;	}
	
	#gallery1 { display: none; }
	#gallery2 { display: none; }
	#video1 { display: none; }
	
	.gallery .gallery-container { background: none; padding: 0;	}
	.gallery .gallery-container > .gallery-header > h1 { margin: 0px; font-size: 1.5em; }
	.gallery .gallery-container > .gallery-header > p { margin: 0px; display: none; }
	.gallery .slider .item .image { width: 100%; height: 217px; }
	.slider-gallery .slider-controls, .slider-gallery .slider-buttons { display: none;	}
	.gallery .slider .item .image-caption { line-height: 1.5em; font-size: 12px; padding: 27px 10px 15px;	}
	.highlight, .marker { background-color: #fff;	}
	.jumper { width: 100%; margin: 10px; padding: 0;	}
	.jumper .jump-item { width: 85%; float: none; margin: 0; padding: 0; margin-bottom: 15px; text-align: center; }
}

/* iPhone 5 */
@media only screen and (max-height: 320px) and (max-width: 480px) and (orientation:landscape) {
	body { overflow-x: hidden;	}
	.container { width: 95%; padding: 2.5%; }
	#intro-screen #main-title { background-size:75%; }
	#intro-screen { background-size: 150%; background-position: center -50px; }
	#intro-screen .container { padding: 0;	}
	#maps #google-map { height: 300px; }
	.span6.static_col, .static_col .photo, .static_col .photo.visible { display: none !important; }
	#open-header { font-size: 1em; }
	.page-content .inline.top { margin-bottom: 20px; }
	#byline ul#logos { width: 95%; padding: 0; border-bottom-width: 0px; 	}
	#byline ul#logos li { float: none; width: 100%; border: none; font-size: .9em; line-height: 1.2em; height: auto; }
	#byline ul#logos li#otl-logo, #byline ul#logos li#fc-logo, ul#media { display: none;	}
	.row-fluid .offset1:first-child { margin-left: 0; }
	.span6.page-content { width: 100% !important;	}
	.page-content h2 { width: 100%; 	}
	.page-content .photo.inline { display: block;	}
	.gallery .gallery-container { background: none; padding: 0;	}
	.gallery .gallery-container > .gallery-header > h1 { margin: 0px; font-size: 1.5em; }
	.gallery .gallery-container > .gallery-header > p { margin: 0px; display: none; }
	.gallery .slider .item .image { width: 100%; height: 300px; }
	.slider-gallery .slider-controls, .slider-gallery .slider-buttons { display: none;	}
	.gallery .slider .item .image-caption { line-height: 1.5em; font-size: 12px; padding: 27px 10px 15px;	}
	.highlight, .marker { background-color: #fff;	}
	.jumper { width: 100%; margin: 10px; padding: 0;	}
	.jumper .jump-item { width: 85%; float: none; margin: 0; padding: 0; margin-bottom: 15px; text-align: center; }
	#gallery1 { display: none; }
	#gallery2 { display: none; }
	#video1 { display: none; }
}


/* iPhone 5 */
@media only screen and (max-height: 320px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
	body { overflow-x: hidden;	}
	.container { width: 95%; padding: 2.5%; }
	#intro-screen #main-title { background-size:75%; }
	#intro-screen { background-size: 150%; background-position: center -50px; }
	#intro-screen .container { padding: 0;	}
	#maps #google-map { height: 300px; }
	.span6.static_col, .static_col .photo, .static_col .photo.visible { display: none !important; }
	#open-header { font-size: 1em; }
	.page-content .inline.top { margin-bottom: 20px; }
	#byline ul#logos { width: 95%; padding: 0; border-bottom-width: 0px; 	}
	#byline ul#logos li { float: none; width: 100%; border: none; font-size: .9em; line-height: 1.2em; height: auto; }
	#byline ul#logos li#otl-logo, #byline ul#logos li#fc-logo, ul#media { display: none;	}
	.row-fluid .offset1:first-child { margin-left: 0; }
	.span6.page-content { width: 100% !important;	}
	.page-content h2 { width: 100%; 	}
	.page-content .photo.inline { display: block;	}
	.gallery .gallery-container { background: none; padding: 0;	}
	.gallery .gallery-container > .gallery-header > h1 { margin: 0px; font-size: 1.5em; }
	.gallery .gallery-container > .gallery-header > p { margin: 0px; display: none; }
	.gallery .slider .item .image { width: 100%; height: 300px; }
	.slider-gallery .slider-controls, .slider-gallery .slider-buttons { display: none;	}
	.gallery .slider .item .image-caption { line-height: 1.5em; font-size: 12px; padding: 27px 10px 15px;	}
	.highlight, .marker { background-color: #fff;	}
	.jumper { width: 100%; margin: 10px; padding: 0;	}
	.jumper .jump-item { width: 85%; float: none; margin: 0; padding: 0; margin-bottom: 15px; text-align: center; }
	#video1 { display: none; }
}


/* Tablet */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
	body { overflow-x: hidden; }
	.container { width: 95%; padding: 2.5%; }
	.static_col { display: none !important; }
	
	#intro-screen > .container > #main-title { padding: 10px 0 0;	}
	#intro-screen > .container > #main-title > h1 { font-size: 4.0em; border-top-width: 0px; }
	#intro-screen > .container > #main-title > h2 { font-size: 1.6em; line-height: 1.3em; border-width: 1px;	}
	#intro-screen { background-size: 230%; background-position: center -50px; }
	#intro-screen .container { padding: 0;	}
	
	#byline ul#logos { width: 95%; padding: 0; border-bottom-width: 0px; 	}
	#byline ul#logos li { float: none; width: 100%; border: none; font-size: .9em; line-height: 1.2em; height: auto; }
	#byline ul#logos li#otl-logo, #byline ul#logos li#fc-logo, ul#media { display: none;	}

	.row-fluid .offset1:first-child { margin-left: 0 !important; }
	.page-content .inline.top { margin-bottom: 0;}
	.page-content .photo.inline { display: inline-block !important; float: left !important;	}
	.page-content .photo.inline .image { display: inline-block;	}
	.span6.page-content { width: 100% !important;	}
	.gallery .gallery-container { background: none; padding: 0; width: 100%; position: relative; left: 20px;	}
	.gallery .gallery-container > .gallery-header > h1 { margin: 0px; font-size: 1.5em; }
	.gallery .gallery-container > .gallery-header > p { margin: 0px; display: block; }
	.gallery .slider .item .image { width: 100%; height:445px; overflow: hidden; }
	
	.slider-gallery .slider-controls, .slider-gallery .slider-buttons { display: none;	}
	.gallery .slider .item .image-caption { line-height: 1.5em; font-size: 12px; padding: 27px 10px 15px;	}
	.highlight, .marker { background-color: #fff;	}
	
	#video1 .gallery-container { background: none; }
	
	.jumper { width: 93%; margin: 10px; padding: 0;	}
	.jumper .jump-item { width: 85%; float: none; margin: 0; padding: 0; margin-bottom: 15px; }
	#player1 video { width: 576px; height: 324px; }

}