@charset "UTF-8";
*	{
			margin: 0px;
			border: 0px;
			padding-bottom: 0px;
			padding-left: 0%;
			padding-right: 0px;
			padding-top: 0px;
}	
	html, body {
		
			height: 100%;
}				
body {
	background-color: #111;
	font-family: sans-serif;
			
			text-align: centre;
			text-height: 100%;
}	
     
	#container {
			position: absolute;
			background-color: #000;
			width: 100%;
			height: auto;
			text-align: centre;
}
    #navWrapper{
	width: 100%;
	margin: 0% auto;
	
		}
	#nav {
			width: 100%;
			background-color: #BCC6CC;
			position:fixed;
			text-align: center;
			margin:  0% auto;
			z-index: 10000;
			padding: 1em;
		
  			
}
	
	

	#nav a {
	font-family: sans-serif;
	font-size: 1.0em;
	text-decoration: none;
	color: #000;
	font-style: normal;
}
	
	#nav a:hover {
			color:#EEE;
			
}
	#nav ul li {
			display: inline;
			padding: 1em;
			
			line-height: 2.1em;
			list-style-type: none;
			
}

#banner {
			width: 100%;
			background-color: #222;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2%;
			margin-bottom: 0%;
			padding-top: 5%;
			padding-bottom: 3%;
			clear: right;			
}
	
	.resize img{
			
			max-width: 100%;
			height: auto;	
			}


	#banner h1 {
			color: #CC6600;
			font-size: 3em;
}
	#banner h2 {
			color: #F0F8FF;
			font-size: 1.0em;
}
	#banner h3 {
			color: #CC6600;
			font-size: 1.4em;
			padding-top: 3%;
}
	#spacerTop {
			text-align: center;
			padding-top: .5%;
			padding-bottom: .9%;
			
			width: 100%;
}
	#videoHolder{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 90%;
		height: auto;
		padding-top: 3%;
			padding-bottom: 25%;
				
		
		
		} 
		
	.responsive-container { 
		
		margin-top: .1%;
		margin-bottom: .1%;

		text-align: center;
		width: 100%;
		position: relative;
 		padding-bottom: 43%;
  		padding-top: 2%;
		background-color:#000;
		height: 0;
		
}
	.vidInsert{
		margin-left: 10.5%;
		margin-right: auto;
		position: absolute;
		top: 0;
		left: 0;
		width: 80%;
		height: auto;
		
		
}
	.responsive-container iframe { 

	position: absolute;
 top: 0;
  left: 0;
   width: 100%;
    height: 100%; }


#videoName {
			background-color: #222;
			position: relative;
			width: 100%;
			text-align: center;
			padding-top: 3%;
			padding-bottom: 1.0%;
			margin: 0% auto;
	}
	#videoName p {
			color: #666666;
}
	#videoName h1 {
			color: #09F;
			font-size: 1.9em;
}
	#videoName h3 {
			color: #F0F8FF;
			font-size: 1.0em;
}
	#link1 {
		width: 30%;
		color: #CC6600;
		padding-top: 0%;
		padding-bottom: .75%;
		border-radius: 1.2em;
		font-size: 1em;
		font-weight: bold;
		margin: 2% auto;
	
}

	#primate1 {
	width: 22%;
	color: #CC6600;
	padding-top: 0%;
	padding-bottom: .75%;
	border-radius: 1.2em;
	/*background-color: #CCC;*/
	margin: 2% auto;
	
}

	#primate1 h2 {
			color: #CC6600;
			font-size: 1.1em;
			
}

	#primate1 a {
	color: #CC6600;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	
	
}
	#primate1 a:hover {
			color:#CCC;
			
}			

	#primate1 h3 {
			color: #555;
			font-size: 1.2em;
			padding-top: 1%;
			padding-bottom: .1%;
}
.copy{
			text-align: center;
			font-size: .7em;
			color:rgb(221,221,221);
			padding-top: 2%;
			padding-bottom: 2%;
			background-color: #111;
	  }

@media only screen and (max-width:768px) {
	
	##nav {
			
}
	#nav a {
	
	font-size: .8em;
}
	#nav a:hover {
}
	#nav ul li {
			padding: .6em;
			line-height: 1.1em;
}
		#banner {
			
			margin-top: 6.7%;
			padding: 3%;
}
	
	
	#banner h1 {
			font-size: 1.9em;
			
}
	#banner h2 {
			font-size: .8em;
			
}
	#banner h3 {
			font-size: 1.4em;
			
}
#videoName {
			
	}
	#videoName p {
			color: #666666;
}
	#videoName h1 {
			color: #09F;
			font-size: 1.3em;
}
	#videoName h3 {
			color: #F0F8FF;
			font-size: .8em;
}
#primate1 {
	width: 25%;
	
	
}

	#primate1 a {
		
		font-size: .9em;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		
		
	
}
	#link1 {
			width: 31%;
			font-size: .8em;
			
	
}
	
	}
	
	@media only screen and (max-width:480px) {
	#nav {
				width: 100%;
				padding-top: 1%;
				padding-bottom: 0%;
				
				
				}
			#nav a {
				font-size: .45em;
				}
			#nav a:hover {
				}
			#nav ul li {
				display: block;
				margin-bottom: .2em;
				
				padding: .3em;
				line-height: .4em;	
				}
				#banner {
			
			margin-top: 30%;
			padding-top: 5%;
			padding-bottom: 0%;
			
}
		#banner h1 {
			font-size: 1.2em;
			
}
	#banner h2 {
			font-size: .7em;
			
}
	#banner h3 {
			font-size: 1.0em;
			
}
#videoName h1 {
			
			font-size: 1.0em;
}
	#videoName h3 {
			
			font-size: .6em;
}
	
	#primate1 a {
		
		font-size: .6em;
		
		
		
	
}
	#link1 {
			width: 32%;
			font-size: .6em;
			
	
}
	.copy{
			
			font-size: .5em;
			
			padding-top: 1.5%;
			padding-bottom: 1.5%;
			background-color: #111;
	  }
		}