#header{
	display:block;
	width:100%;
	background: rgba(0,0,0,0.35);
	color:white;
	text-align:center;
	padding:10px;
	border-bottom:2px dotted #F2F1E4;
}
#header > h1{
	text-shadow: 4px 4px 0px rgba(0,0,0,0.35);
	color: #F2F1E4;
	margin:0;
}

a{ color: rgba(255,255,255,0.75);}
a:hover, a:focus{ color: rgba(255,255,255,1);}

body{ 
	font-family: 'Roboto Condensed', sans-serif; 
	background: #eff1ec;
	background-position:top center; 
	color: #333;
}
h1, h2, h3, h4, h5{ font-family: 'Righteous', cursive;}

.font-header{ font-family: 'Righteous', cursive; }
.font-body{ font-family: 'Roboto Condensed', sans-serif; }
#demo_reel_player{
	display:block;
	margin:0 auto;
}

#nav{
	background: rgba(0,0,0,0.6);
	padding:10px;
	text-align:center;
	margin-bottom:40px;
	border-bottom:2px solid #F2F1E4;
	box-shadow: 2px 0 6px rgba(0,0,0,0.6);
}
#nav .btn{
	font-family: 'Righteous', cursive;
	font-size:14pt;
	background: #eff1ec;
	color: rgba(0,0,0,0.6);
	border: 2px solid #eff1ec;
	position: relative;
	margin: 0 5px;
}
#nav .btn:hover{
	background: #84A6B3;
	border-color: #F2F1E4;
}
#nav .btn.active, #nav .btn.active:hover{
	color: #F2F1E4;
	background: transparent;
	border-color: #F2F1E4;
}

#nav .btn.active:after, #nav .btn.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#nav .btn.active:after {
	border-color: rgba(98, 113, 122, 0);
	border-top-color: rgba(0,0,0,0.6);
	border-width: 10px;
	margin-left: -10px;
}
#nav .btn.active:before {
	border-color: rgba(51, 60, 66, 0);
	border-top-color: #F2F1E4;
	border-width: 13px;
	margin-left: -13px;
}

.btn-primary{ background: #84A6B3; border-color: #84A6B3; }

.panel > .panel-heading{
	background: rgba(0,0,0,0.6);
	color: white;
	text-align:center;
	border-color: rgba(0,0,0,0.6);
	font-size:26pt; 
}

.panel{ color: #333; min-height:100%; border:none;}

.panel-body a{ color: #84A6B3; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5 {
	color: #84A6B3;
}
#recent .panel-body{ height:375px; overflow:hidden;}

footer{ 
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #b2b1a4;
    margin: 10px auto;
    padding: 4px;
    text-align: center;
    width: 350px;
}

footer a{ color: #b2b1a4; text-decoration: underline; }
footer a:hover, footer a:active, footer a:focus{ color: #828174; }

.flex-control-thumbs li{ width: 100px;}