/******************************************************************/
/***************** slide show styles ******************************/
/******************************************************************/

.daves_slideshow {position:relative;background-image: url("./../userfiles/images/slideshow/slide1.jpg");}
.placeholder {width:100%; visibility:hidden; }

.layer1, .layer2, .layer3, .layer4, .layer5 { 
	position:absolute; 
	width:100%; 
	height:100%;
	top:0; 
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	}
	
.layer1 { background-image: url("./../userfiles/images/slideshow/slide1.jpg"); }
.layer2 { background-image: url("./../userfiles/images/slideshow/slide2.jpg"); }
.layer3 { background-image: url("./../userfiles/images/slideshow/slide3.jpg"); }
.layer4 { background-image: url("./../userfiles/images/slideshow/slide4.jpg"); }
.layer5 { background-image: url("./../userfiles/images/slideshow/slide5.jpg"); }

@keyframes layer5anim { 
	0% {opacity:1;} 
	10% {opacity:1;}
	20% {opacity:0;}
	30% {opacity:0;}
	40%{opacity:0;}
	50% {opacity:0;}
	60% {opacity:0;}
	70% {opacity:0;}
	80% {opacity:0;}
	90% {OPACITY:0;}
	100% {opacity:1;}
	}
	
@keyframes layer4anim { 
	0% {opacity:0;} 
	10% {opacity:0;}
	20% {opacity:1;}
	30% {opacity:1;}
	40%{opacity:0;}
	50% {opacity:0;}
	60% {opacity:0;}
	70% {opacity:0;}
	80% {opacity:0;}
	90% {OPACITY:0;}
	100% {opacity:0;}
	}
	
@keyframes layer3anim { 
	0% {opacity:0;} 
	10% {opacity:0;}
	20% {opacity:0;}
	30% {opacity:0;}
	40%{opacity:1;}
	50% {opacity:1;}
	60% {opacity:0;}
	70% {opacity:0;}
	80% {opacity:0;}
	90% {OPACITY:0;}
	100% {opacity:0;}
	}

@keyframes layer2anim { 
	0% {opacity:0;} 
	10% {opacity:0;}
	20% {opacity:0;}
	30% {opacity:0;}
	40%{opacity:0;}
	50% {opacity:0;}
	60% {opacity:1;}
	70% {opacity:1;}
	80% {opacity:0;}
	90% {OPACITY:0;}
	100% {opacity:0;}
	}
	
@keyframes layer1anim { 
	0% {opacity:0;} 
	10% {opacity:0;}
	20% {opacity:0;}
	30% {opacity:0;}
	40%{opacity:0;}
	50% {opacity:0;}
	60% {opacity:0;}
	70% {opacity:0;}
	80% {opacity:1;}
	90% {OPACITY:1;}
	100% {opacity:0;}
	}
	
.layer1{ animation : layer1anim 30s infinite; }
.layer2 { animation : layer2anim 30s infinite; }
.layer3 { animation : layer3anim 30s infinite; }
.layer4 { animation : layer4anim 30s infinite; }
.layer5 { animation : layer5anim 30s infinite; }