#menu_outer {
    position: relative;
    
    height: 200px;
    
    z-index: 3;
    top: 0px;
}


#flash_outer {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    z-index: 1;
	border-radius: 25px;
	
}

	#logo {
    position: relative;
    float: right;
    
    height: 200px;
    top: 15px;
    z-index: 3;
}
#wording {
    position: relative;
    float: left;
    top: 15px;
    z-index: 3;
	}



	#cf {
    position: absolute;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 2;
    top: 0px;
	
	
}
	


/* Animation for the main picture */ 

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 14% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 90% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}






#cf4a img {
  position:absolute;
  left:0;
  top: 0px;
  border-radius: 25px;
  
}

#cf4a img{
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 28s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 28s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 28s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 28s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 21s;
  -moz-animation-delay: 21s;
  -o-animation-delay: 21s;
  animation-delay: 21s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
  animation-delay: 14s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
  animation-delay: 7s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}


/* Animation for the profile picture */ 
#overview_container{ width:100px, height:800px, background-color:red;}

#overview_container #left_links {
    width: 70%;
    padding-left: 15px;
	border-left: 3px solid maroon;
	padding-top:15px;
    height: 100%;
    background: white;
    float: left;
	margin-left:30px;
	margin-bottom:50px;
}


#overview_container #subpage_content {
    width: 10%;
    min-height: 300px;
    background: #EBEBEB;
    float: left;
	margin-left:3%;
}


@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 16% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 84% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}


#cf4b {
  position:relative;
  
}

#cf4b img {
  position:absolute;
  left:0;
}

#cf4b img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 12s;
  


}
#cf4b img:nth-of-type(1) {
  -webkit-animation-delay: 8s;

}
#cf4b img:nth-of-type(2) {
  -webkit-animation-delay: 4s;

}
#cf4b img:nth-of-type(3) {
  -webkit-animation-delay: 0s;
 }
 iframe { position:absolute; z-index:0}
 
 .bbox {
  width: 40%;
  height: 200px;
  background: orange;
  border-radius: 2px;
  padding: 10px;
  color: white;
  text-align: center;
  position:absolute;
}

.pic{
	width:200px;
	height:250px;
	
	opacity:1;
	z-index:1;
	float: left;
	
	
}

.text{
	width:200px;
	height:250px;
	
	opacity:0;
	z-index:1;
	padding-right:10px;
	padding-left:10px;
	text-align: center;
	
}
.pic:hover .text
{
	opacity:1;
	text-align:center;
	color:#000000;
	font-size:15px;
	width:200px;
	height:250px;
	
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	font-family:"Times New Roman", Times, serif;
	color:white;
  
	
}

.p {
 
  opacity:1;
  z-index:1;
  position:absolute;
  width:200px;
  height:250px;
  text-align:center;
  
  margin-top:0;
  padding-top:65px;
  color:white;
  
  
  
}
.p:hover{
	opacity:0;
	z-index:1;
	width:200px;
	height:250px;
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	position:absolute;
	
}