html,body{
	margin: 0px;
	height: 100%;
	width: 100%;
}

#banner{
	height:400px;
	width: 100%;
	background-image: url('images/header.jpg');
	background-position: center bottom;

}

a:link,a:visited{
	color: white;
	text-decoration: none;
}

#menu{
	position: relative;
	width: 100%;
	height: 30px;
	background-color:rgba(0 ,0 ,0 ,.7);
	color: white;
	text-align: center;
	font-family: tahoma;
	font-size: 18px;
	margin-top: 325px;
	padding-top:5px;
}

#title{
	width: 100%;
	position: relative;
	height: 40px;
	font-family: tahoma;
	font-size: 48px;
	top: 310px;
	color: white;
	text-align: center;	
	text-shadow: 2px 2px #000000;
}

#aboutbox{
	position: relative;
	top: 20px;
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	background-color:rgba(0 ,0 ,0 ,.3);
}

#abouttext{
	font-family: tahoma;
	font-size: 16px;
	padding: 10px;
	color:black;
}

#abouttitle{
	font-family: tahoma;
	font-size: 32px;
	padding: 10px;
	color:black;
}

#media{
	display: block;
	position: relative;
	width:972px;
	height:300px;
	margin: 0 auto; 
}

#mediabox{
	width: 230px;
	height: 200px;
	background-color:rgba(0 ,0 ,0 ,.1);
	display: inline-block;
	text-algin: center;
	padding-top: 20px;
	border-radius: 15px;
	border: 1px  solid black ;
}

#mediabox2{
	width: 840px;
	height: auto;
	position: relative;
	background-color:rgba(0 ,0 ,0 ,.2);
	text-algin: center;
	padding: 20px;
	border-radius: 15px;
	border: 1px  solid black;
}

.video-js {
  width: 70%;
  float: left;
}
.vjs-playlist {
  width: 30%;
  float: right;
}