@charset "utf-8";
#slides{
	float: left;
	height: 250px;
	width: 595px;
}
#slides div {position:absolute;left:60;}

@-webkit-keyframes cf4FadeInOut {
	0%  {opacity:1;}
	20% {opacity:1;}
	25% {opacity:0;}
	95% {opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes cf4FadeInOut {
	0% {opacity:1;}
	20% {opacity:1;}
	25% {opacity:0;}
	95% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes cf4FadeInOut {
	0% {opacity:1;}
	20% {opacity:1;}
	25% {opacity:0;}
	95% {opacity:0;}
	100% {opacity:1;}
}
@keyframes cf4FadeInOut {
	0%  {opacity:1;}
	20% {opacity:1;}
	25% {opacity:0;}
	95% {opacity:0;}
	100% {opacity:1;}
}
#slides div {
-webkit-animation-name: cf4FadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 20s;

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

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

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

#slides div:nth-of-type(1) {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	animation-delay: 15s;
}
#slides div:nth-of-type(2) {
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-o-animation-delay: 10s;
	animation-delay: 10s;
}
#slides div:nth-of-type(3) {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}
#slides div:nth-of-type(4) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}