/* CSS Document */
@font-face {
    font-family: 'osb';
    src: url('../webfonts/osb.eot');
    src: url('../webfonts/osb.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/osb.woff') format('woff'),
         url('../webfonts/osb.ttf') format('truetype'),
         url('../webfonts/osb.svg#osb') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}
body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #000;
	margin: 0px auto;
	padding: 0px;
	height: 100%;
}
iframe {
	border: 0px;
}

img {
	border: 0px;
}
.page_holder {
	width: 100%;
	position:relative;
	background: #000 url(../img/gloria_page_small_bg.jpg) no-repeat center top;
}

.tabs_holder {
	margin: 0px auto;
	padding: 5px 0px 0px;
	text-align:center;
	font-size: 0px;
	background: url(../img/tabs_small_top_bg.png) repeat-y center top;
}
.tabs_inner_holder {
	margin: 0px auto;
	padding: 0px 0px 0px;
	background: url(../img/tabs_small_bg.jpg) repeat-y center top;
	
}
.tabs_holder ul, .tabs_holder ul li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
.tabs_holder ul li {
}
.tabs_holder ul li, .tabs_holder ul li a, .tabs_holder ul li a span {
	display:inline-block;
	color:#FFF;
	text-decoration:none;

}
.tabs_holder ul li {
	text-align:center;
}
.tabs_holder ul li a:hover, .tabs_holder ul li a.selected {
	background-color: #8555a3;
	background-color: rgba(133, 85, 163, 0.5);
}
.tabs_holder ul li a:focus, 
.tabs_holder ul li a:active,
.tabs_holder ul li a:selected,
.tabs_holder ul li a:visited { 
    border: none;
    outline: none;
}
.tabs_holder ul li a span {
	padding: 3px 8px;
	font-size: 0px;
	font-family: 'osb',Impact,sans;
	font-size:17px;
}
.tabs_holder ul li a.home span {
}
.tabs_holder ul li a.meet span {
}
.tabs_holder ul li a.photos span {
}
.tabs_holder ul li a.cast span {
}
.header_holder {
	width: 100%;
	text-align:center;
	padding-top: 30px;
	margin: 0px auto 15px;
}
.header_holder img {
	max-width: 100%;
	height:auto;
}
.content_holder {
	position: relative;
	margin: 0px auto;
	display:none;
	min-height: 400px;
	
}

.home_video_holder {
	margin: 10px 10px;
	height: auto;
	xbackground: url(../img/home_video_pre_bg.png) no-repeat left top;
}
.video_object {
	border: 2px solid #72498C;
	
}
.video_pre_buy {
	xbackground: url(../img/home_video_pre_buy_bg.png) no-repeat left top;
}
.video_post {
	xbackground: url(../img/home_video_buy_bg.png) no-repeat left top;
}

.video_object {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.video_object iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.txt_holder {
	text-align:center;
	font-family: 'osr',"Trebuchet MS",sans;
	font-size: 40px;
	margin: 15px auto;
}
.tickets_holder {
	text-align:center;
	margin: 5px auto 15px;;
	display:none;
}
.tickets_holder img {
	margin: 0px 4px;
	vertical-align:middle;
}

.footer_holder {
	width:100%;
	height: 69px;
	background: url(../img/footer_logos.jpg) no-repeat center bottom;
	background-size:contain;
}
.meet_gloria_content {
	margin: 10px 20px;
	padding: 10px;
	background-color: rgba(0,0,0,0.6);
	font: italic 16px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
.meet_gloria_content span.fl {
	color: #8555a3;
	font-size: 40px;
}

.cast_holder {
	margin: 10px auto;
	padding: 10px 8px;
	width: 94%;
	background-color: rgba(0,0,0,0.6);
	font: italic 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	overflow:hidden;
}
.cast_content .col {
	margin: 0px 2%;
	width: 46%;
	float:left;
}
.cast_content .col .photo {
	height: auto;
	max-width: 100%;
	font-size: 0px;

	display:inline-block;
}
.cast_content .col .photo img {
	border: 1px solid #8555a3;
	
}
.cast_content .col .photo img,
.cast_content .col .cast_title{
	max-width: 100%;
	height:auto;
}
.cast_content .list {
	font-size: 16px;
	text-align:center;
}
.cast_content h4 {
	color: #8555a3;
	font-size: 18px;
	margin: 10px 0px 0px;
}

.photos_holder {
	visibility:hidden;
}
.photos_holder ul, .photos_holder ul li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
.photos_holder ul li {
	font-size: 0px;
	margin: 0px 10px 15px;
}
.photos_holder ul li img.carousel_img {
	border: 2px solid #8857a7;
	width: 100%;
	height: auto;
}
.photos_holder ul li img.carousel_fade {
	display: none;
}