@charset "utf-8";

html {
    background-color:#666;
    }

body {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 20px;
}

* {
    font-size: 25px;
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    list-style-type: none;
}

nav {
    text-replace: ":" "/";
    }

nav a {
    color: white;
    text-decoration: none;
    }
    
nav a:hover {
    color: black;
    }

header {
    float: left;
    width: 100%;
    }

header img {
    width: 75%;
    height: auto;
    }

nav {
    margin-top: 20px;
    width:25%;
    float: right;
    }
    
#middle {
    margin-top: 20px;
    width: 100%;
    float: left;
    }

#stage {
    float: left;
    width: 75%;
    height: auto;
    }

#stage img {
margin: 1px;
    }
    
#lightbox {
    margin-top: 20px;
    float: left;
    width: 75%;
    height: auto;
    }

#lightbox img {
margin: 1px;
width: 125px;
    height: auto;
    }

#contact {
	margin-top: 20px;
	width: 75%;
	overflow: hidden;
	float: left;
	position: relative;
	}

#contact a {
	text-decoration: none;
	}
	
#contact a:hover {
    color: white;
    }
    
#overview {
	margin-top: 20px;
	width: 75%;
	overflow: hidden;
	float: left;
	position: relative;
	}

#overview img {
    margin: 5px;
    width: 252px;
    height: 168px;
    float: left;
    }
    
#overview a {
	text-decoration: none;
	float: left;
	}

#overview a:hover {
    cursor: pointer;
    }
    
#overview a img {
    margin: 5px;
    width: 252px;
    height: 168px;
    float: left;
	}
	
#overview a:hover .imgtext{
	display: block;
	font-size: 18px;
	background: #000;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	padding: 10px;
	margin: 5px;
	width: 232px; 
	height: 148px;
	}

#overview a:hover .imgtext strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
	}

#overview a .imgtext {
    display: none;
    }
    
#overview_video {
	margin-top: 20px;
	width: 75%;
	overflow: hidden;
	float: left;
	position: relative;
	}

#overview_video img {
    margin: 5px;
    width: 384px;
    height: 216px;
    float: left;
    }
    
#overview_video a {
	text-decoration: none;
	float: left;
	}

#overview_video a:hover {
    cursor: pointer;
    }
    
#overview_video a img {
    margin: 5px;
    width: 384px;
    height: 216px;
    float: left;
	}
	
#overview_video a:hover .imgtext{
	display: block;
	font-size: 18px;
	background: #000;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	padding: 10px;
	margin: 5px;
	width: 364px; 
	height: 196px;
	}

#overview_video a:hover .imgtext strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
	}

#overview_video a .imgtext {
    display: none;
    }
    
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}    

footer {
    width:100%;
    font-size: 50%;
    float: left;
    bottom: 10px;
}

header, section, footer, aside, nav, article, figure {
	display: block;
}