﻿	
	
	.stpace img {					/* Blank Picture Below Slides To Keep DIV Size */
		position: relative;
  		z-index: -2;
	}

		
	#bpark	 {						/* Fader Part 1 */	
	  	position: relative;
		width: auto;
		height: 100%;
		} 
	  
	#bpark img {
		border-radius: 10px;
		position: relative;
	}
	
	#bpark a {
				position:absolute;
		}

	#bpark a:nth-of-type(1) {
		animation-name: fader;
		animation-delay: 3s;
		animation-duration: 1s;
		z-index: 20;
	}
	  	
	#bpark a:nth-of-type(2) {
	   	z-index: 10;
	}
	  	
	#bpark a:nth-of-type(n+3) {
	    display: none;
	}

	#bpark a::after {						/* To Add Titles to each Picture */
		    position: absolute;
		    content: attr(title);
		    font-size:5vw;
		  	color: white;
  			text-shadow: 2px 2px 4px #000000;
 			bottom: 20px;	
			text-align: center;
			left:1px; 			
  		  }
	
	
	
	
	#blake	 {							/* Repeat */
	  	position: relative;
		width: auto;
		height: 100%;
		} 
	  
	
	#blake img {							/* For no hyperlink  */
				position:absolute;
		}

	#blake img:nth-of-type(1) {
		animation-name: fader;
		animation-delay: 6s;
		animation-duration: 1s;
		z-index: 20;
	}
	  	
	#blake img:nth-of-type(2) {
	   	z-index: 10;
	}
	  	
	#blake img:nth-of-type(n+3) {
	    display: none;
	}

	/* 
	#blake a::after {						To Add Titles to each Picture 
		    position: absolute;
		    content: attr(title);
		    font-size:5vw;
		  	color: green;
  			text-shadow: 2px 2px 4px #000000;
 			bottom: 20px;	
			text-align: center;
			left: 20px;
			
  		  }
	*/
	
	
	
	#stage {						/* Repeat */
	  	position:relative;
	 	width: auto;
	 	height: 100%;
	} 
	
		
	#stage img {					/* For no hyperlink  */
		position:absolute;
	}
		
	#stage img:nth-of-type(1) {			
	    animation-name: fader;
	    animation-delay: 5s;
	    animation-duration: 1s;
	    z-index: 20;
	}
	      
	#stage img:nth-of-type(2) {			
	    z-index: 10;
	}
	  	
	#stage img:nth-of-type(n+3) {		
	    display: none;
	}  
	
	/* 
	#stage a::after {						To Add Titles to each Picture 
		    position: absolute;
		    content: attr(title);
		    font-size:5vw;
		  	color: #5C5407;
  			text-shadow: 2px 2px 4px #000000;
 			bottom: 20px;	
			text-align: center;
			left: 20px;
			
  		 }
		*/
   
   
	
	#desk {								/* Repeat */
	  	position: relative;
		width: auto;
		height: 100%;
	} 
	
  	#desk img {
		border-radius: 10px;
		position: relative;
	}
	
	#desk a {
			position:absolute;
	}
		
	#desk a:nth-of-type(1) {
		animation-name: fader;
		animation-delay: 4s;
		animation-duration: 1s;
		z-index: 20;
	}
	  	
	#desk a:nth-of-type(2) {
	   	z-index: 10;
	}
	  	
	#desk a:nth-of-type(n+3) {
	    display: none;
	}

	#desk a::after {						/* To Add Titles to each Picture */
		    position: absolute;
		    content: attr(title);
		    font-size:5vw;
		  	color: white;
  			text-shadow: 2px 2px 4px #000000;
 			bottom: 20px;	
			text-align: center;
			left: 20px;
			 			
  		  }

		
	@keyframes fader {				/* Fader Part 2 */
	    from { opacity: 1.0; }
	    to   { opacity: 0.0; }
	}


