*{
	margin: 0;
	padding: 0;
	font-size:100%;
	-webkit-overflow-scrolling: touch;
}

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	
	text-align: center;

	background-color: black;
	background-image: url('../media/images/backgrounds/bg_general.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body *{
	text-align: left;
	color: white;
}

a, a strong {
	color: #00FFFF;
	text-shadow: 0em 0em 0.2em black;
}

a.red-button{
	color: white;
}

 h1{
 	font-size: 20pt;
 }
 h2{
 	font-size: 15pt;
 }
 
.page-tint{
	position: fixed;
	background-color: rgba(0, 0, 0, 0.3);
	padding:0;
	margin: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.center-container{
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
}

.clear{
	clear:both;
}

.hidden{
	display:none;
}

.center{
	text-align: center;
}

#full-logo{
	max-width:300px;
	width:100%;
}

.content-container{
	padding: 1em ;
}



.carousel-container{
	padding-bottom: 1em;
}

.box-container{
	padding: 0.5em;
	overflow: hidden;
}

.content-box, .float-box{
	float:left;
}
.content-box h2 label {
	margin-bottom: -0.4em;
	float:left;
	display:block;
	min-width:65%;

	background: black;
	background: -moz-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(19,19,19,1) 57%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,61,61,1)), color-stop(57%, rgba(19,19,19,1)), color-stop(100%, rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(19,19,19,1) 57%, rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(19,19,19,1) 57%, rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(19,19,19,1) 57%, rgba(19,19,19,1) 100%);
	background: linear-gradient(to bottom, rgba(61,61,61,1) 0%, rgba(19,19,19,1) 57%, rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#131313', GradientType=0 );

	padding: 0.5em 2em 0.5em 1em;

	-moz-border-radius: 0em 2em 0 0;
	-webkit-border-radius: 0em 2em 0 0;
	border-radius: 0em 2em 0 0;
}
.title-bar{
	background: #AF0F0C;
	height:0.4em;
	margin-bottom: 1em;
}
.content-box .content{
	padding: 0.5em 1em 1em 1em;
	background: black;
	background-color: rgba(0,0,0,0.7);

	-moz-border-radius: 0em 0.5em 0.5em 2em;
	-webkit-border-radius: 0em 0.5em 0.5em 2em;
	border-radius: 0em 0.5em 0.5em 2em;
}
.content-box .content img{
	width:100%;
}

.box-container p{
	padding-bottom: 0.5em;
}

.one-third{
	width:33.33%
}
.two-thirds{
	width:66.66%
}
.halves{
	width:50%;
}
.full{
	width:100%;
}

.left{
	float:left;
}
.right{
	float:right;
}

.read-more{
	display: block;
	text-transform: uppercase;
	color:#FEE9AC;
	text-decoration: none;
	padding:0.5em 0;
}
.read-more:hover{
	color:#947856;
}
.red-button{
	margin: 5px 0;
	display:block;
	text-align:center;
	padding: 0.5em;
	text-decoration: none;
	background: red;
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );

}
.red-button:hover{
	background:#800000;
	background: -moz-linear-gradient(top, rgba(189,64,42,1) 0%, rgba(204,89,74,1) 50%, rgba(179,32,13,1) 51%, rgba(173,34,19,1) 71%, rgba(133,34,25,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,64,42,1)), color-stop(50%, rgba(204,89,74,1)), color-stop(51%, rgba(179,32,13,1)), color-stop(71%, rgba(173,34,19,1)), color-stop(100%, rgba(133,34,25,1)));
	background: -webkit-linear-gradient(top, rgba(189,64,42,1) 0%, rgba(204,89,74,1) 50%, rgba(179,32,13,1) 51%, rgba(173,34,19,1) 71%, rgba(133,34,25,1) 100%);
	background: -o-linear-gradient(top, rgba(189,64,42,1) 0%, rgba(204,89,74,1) 50%, rgba(179,32,13,1) 51%, rgba(173,34,19,1) 71%, rgba(133,34,25,1) 100%);
	background: -ms-linear-gradient(top, rgba(189,64,42,1) 0%, rgba(204,89,74,1) 50%, rgba(179,32,13,1) 51%, rgba(173,34,19,1) 71%, rgba(133,34,25,1) 100%);
	background: linear-gradient(to bottom, rgba(189,64,42,1) 0%, rgba(204,89,74,1) 50%, rgba(179,32,13,1) 51%, rgba(173,34,19,1) 71%, rgba(133,34,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd402a', endColorstr='#852219', GradientType=0 );
}

.image-padding{
	padding:0.3em;
}
.image-container img{
	width:100%;
}

.list-hide{
	list-style-type: none;
}

.exec-card{
	background: black;
	background: rgba(0,0,0,0.7);

	-moz-border-radius: 0.5em 0.5em 0.5em 2em;
	-webkit-border-radius: 0.5em 0.5em 0.5em 2em;
	border-radius: 0.5em 0.5em 0.5em 2em;

	overflow: hidden;
}
.exec-name{
	padding: 20px 10px 5px 10px;
	font-size:125%;
}
.exec-title{
	padding: 5px 10px 1em 10px;
	font-style: italic;
	font-size: 100%;
}
.exec-portrait{
	width:150px;
	height:150px;
	float:left;
}
.exec-summary{
	padding: 0.5em 0;
}


.doc-block{
	display:block;
	float:left;
}



.block-container{
	position:relative;
	width:100%;
	height:100%;
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
	padding:0.5em;
}
.block-area{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	height:100%;
	display:flex;
    background: red;
    border: 0.2em solid white;
    overflow: hidden;
    
    -moz-box-shadow: 1px 5px 5px black;
    -webkit-box-shadow: 1px 5px 5px black;
    box-shadow: 1px 5px 5px black;
    
    -o-transform: rotate(2deg) scale(0.9);
    -moz-transform: rotate(2deg) scale(0.9);
    -ms-transform: rotate(2deg) scale(0.9);
    -webkit-transform: rotate(2deg) scale(0.9);
    transform: rotate(2deg) scale(0.9);
    
    -webkit-transition: transform 0.4s ease 0s; 
    -moz-transition: transform 0.4s ease 0s; 
    -o-transition: transform 0.4s ease 0s; 
    transition: transform 0.4s ease 0s; 
}

.doc-block:nth-child(even) .block-area{
	background:grey;
	
	-o-transform: rotate(-2deg) scale(0.9);
    -moz-transform: rotate(-2deg) scale(0.9);
    -ms-transform: rotate(-2deg) scale(0.9);
    -webkit-transform: rotate(-2deg) scale(0.9);
    transform: rotate(-2deg) scale(0.9);
}

.block-area:hover, .doc-block:nth-child(even) .block-area:hover{
	-o-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

.block-content{
	position:relative;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    margin:auto;
    text-align: center;
    font-size: 180%;
    overflow: hidden;
}
.block-wrapper{
	position: relative;
	padding-bottom: 100%; /* 1:1 */
	padding-top: 1px;
	height: 0;
}
.block-ratio{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    overflow:hidden;
}
.quarter{
	width:25%;
}

.list-show li{
	margin-left: 2em;
}

.back-button{
	display:block;
	float:right;
	padding: 0.3em 2em;
	text-decoration: none;
	background: red;
	
	background: rgba(248,80,50,1);
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 34%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(34%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 34%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 34%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 34%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 34%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
}

.back-button:hover, .back-button:active{
	
	background: rgba(248,80,50,1);
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(163,39,23,1) 26%, rgba(102,22,11,1) 51%, rgba(158,40,27,1) 84%, rgba(231,56,39,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(26%, rgba(163,39,23,1)), color-stop(51%, rgba(102,22,11,1)), color-stop(84%, rgba(158,40,27,1)), color-stop(100%, rgba(231,56,39,1)));
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(163,39,23,1) 26%, rgba(102,22,11,1) 51%, rgba(158,40,27,1) 84%, rgba(231,56,39,1) 100%);
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(163,39,23,1) 26%, rgba(102,22,11,1) 51%, rgba(158,40,27,1) 84%, rgba(231,56,39,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(163,39,23,1) 26%, rgba(102,22,11,1) 51%, rgba(158,40,27,1) 84%, rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(163,39,23,1) 26%, rgba(102,22,11,1) 51%, rgba(158,40,27,1) 84%, rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
	
}

.table-container{
	overflow: auto;
}
.table-container th, .table-container td{
	padding: 0.3em 0.5em;
}

.faq-num{
	width:10%;
	font-size: 300%;
	overflow: hidden;
}
.faq-content{
	width:90%;
}

.dance-container{
	padding-right:0.3em;
}
.dance-name{
	font-size:120%;
	color:gray;
	text-shadow: black 0em 0em 0.2em
}

.fee-table, .schedule-table{
	width:100%;
	border-collapse: collapse;
}
.fee-row td{
	border-bottom: 1px dotted white;
	padding:0.2em 0;
}
.fee-name{
	text-align:left;
}
.fee-cost{
	text-align:right;
}

.schedule-table{
	min-width:650px;
	table-layout: fixed;
}

.schedule-table th{
	border-bottom: 1px solid white;
}

.schedule-table td{
	overflow:hidden;
	border: 1px dotted white; 
}
.schedule-table tr:last-child td{
	/* border-bottom: none; */
}
.schedule-table tr td:first-child{
	border-left: none;
}
.schedule-table tr td:last-child{
	border-right: none;
}


.responsiveCal {
	position: relative; 
	padding-bottom: 75%; 
	height: 0; 
	overflow: hidden;
}
 
.responsiveCal iframe {
	position: absolute; 
	top:0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.mobile-only{
	display:none;
}

.mobile-calendar iframe{
	width:100%;
}

.gallery-img-container{
	width:33.33333333%;
}

@media screen and (max-width: 700px)  {
    .float-box.two-thirds{
        width:100%;
    }
    .float-box.one-third.right{
        width:100%;
    }

	.float-box.one-third{
        width:100%;
    }
    
    .block-content{
		font-size:135%;
	}
    .quarter{
    	width:33.333%
    }
	.faq-num{
		font-size: 250%;
	}

	.gallery-img-container{
		width:50%;
		/* height:5 */
	}
}

@media screen and (max-width: 480px)  {
	.center-container {
    	max-width: none;
	}
	.content-container{
		padding: 0.3em ;
	}
	#full-logo{
		display:none;	
	}
	.one-third, .two-thirds, .halves{
		width:100%;
		clear:both;
	}
	.block-link, ul li a{
		display:block;
		margin:0.3em 0;
	}
	.mobile-block, .mobile-only{
		display:block;
	}
	.mobile-hide{
		display:none;
	}
	.mobile-floatless{
		float:none;
	}
	
	.title-bar{
		margin-bottom: 0.3em;
	}

	.exec-portrait{
		margin: 0 auto;
		padding-top: 1em; 
	}
	.exec-name{
		text-align:center;
		padding: 20px 1em 5px 1em;
	}
	.exec-title{
		text-align:center;
		padding: 5px 1em 1em 1em;
	} 
	
	.block-content{
		font-size:125%;
	}
	.quarter{
		width:50%;
	}

	.faq-num.left{
		float:none;
		text-align:center;
		width:100%;
	}
	.faq-content.left{
		float:none;
		width:100%;
	}
	.dance-container{
		padding-right:0em;
	}

	.gallery-img-container{
		width:100%;
	}
}