/* The animation code */

/*
@keyframes slide1 {
    0%  {margin-left: 0;}
    25% {margin-left: 0;}
    50% { margin-left: -100%;}
	75%  { margin-left: -100%;}
	100%  {margin-left: 0;}
}

@keyframes slide2 {
	0%  {margin-left: 100%;}
    25% {margin-left: 100%;}
    50% { margin-left: 0%;}
	75% { margin-left: 0%;}
	100% {margin-left: 100%;}
}

#rightslide1, #rightslide2 {
	position: absolute; 
	top: 0; 
	left:0; 
	right: 0; 
	bottom:0; 
	width: 100%; 
	min-width: 100%; 
	min-height: 100%; 
}

#rightslide1 {
    animation-name: slide1;
    animation-duration: 10s;
	animation-iteration-count: infinite;
}

#rightslide2 {
    animation-name: slide2;
    animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes slide1 {
    0%  {margin-left: 0;}
    14% {margin-left: 0;}
    28% { margin-left: -100%;}
	42%  { margin-left: -100%;}
	57%  {margin-left: 0;}
	72%
	86%
	100%
}
*/
@keyframes slide1 {
	  0% {margin-left: 0%;}
	 11% {margin-left: 0%;}
	 15% {margin-left: -100%;}
	 26% {margin-left: -100%;}
	 30% {margin-left: -200%;}
	 40% {margin-left: -200%;}
	 44% {margin-left: -300%;}
	 54% {margin-left: -300%;}
	 58% {margin-left: -400%;}
	 68% {margin-left: -400%;}
	 72% {margin-left: -500%;}
	 82% {margin-left: -500%;}
	 86% {margin-left: -600%;}
	 96% {margin-left: -600%;}
	100% {margin-left: 0%;}
}

.flashslide {
	position: absolute; 
	z-index: 102; 
	left:0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%; 
	background-repeat: no-repeat;
	background-position: center center; 
	background-image: url('../gallery/flowers/_DSC3238.JPG'); 
	background-size: cover;
}

#flashwrapper {
	z-index: 101;
    position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
    overflow: hidden;
    width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}

#flashallslides {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
    animation-name: slide1;
    animation-duration: 30s;
	animation-iteration-count: infinite;
}