@charset "utf-8";
/* CSS Document */

	/* fade slider */
	.slides {
	    height:350px;

	    overflow:hidden;
		position:inherit;
	    width:200px;
	}
	.slides ul {
	    list-style:none;
	    position:relative;
	}
	 
	/* keyframes #anim_slides */
	@-webkit-keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
	@-moz-keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
	 
	.slides ul li {
	opacity:0;
	position:absolute;
	top:10px;
	/* css3 animation */
	    -webkit-animation-name: anim_slides;
	-webkit-animation-duration: 25.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: anim_slides;
	-moz-animation-duration: 25.0s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	left: 0px;
	width: 200px;
	height: 350px;
	}
	 
	/* css3 delays */
	.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
	    -webkit-animation-delay: 2.5s;
	    -moz-animation-delay: 2.5s;
	}
	.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
	    -webkit-animation-delay: 5.0s;
	    -moz-animation-delay: 5.0s;
	}
	.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
	    -webkit-animation-delay: 7.5s;
	    -moz-animation-delay: 7.5s;
	}
	.slides ul  li:nth-child(5), .slides ul  li:nth-child(5) div {
	    -webkit-animation-delay: 10.0s;
	    -moz-animation-delay: 10.0s;
	}
	.slides ul  li:nth-child(6), .slides ul  li:nth-child(6) div {
	    -webkit-animation-delay: 12.5s;
	    -moz-animation-delay: 12.5s;
	}
	.slides ul  li:nth-child(7), .slides ul  li:nth-child(7) div {
	    -webkit-animation-delay: 15.0s;
	    -moz-animation-delay: 15.0s;
	}
	.slides ul  li:nth-child(8), .slides ul  li:nth-child(8) div {
	    -webkit-animation-delay: 17.5s;
	    -moz-animation-delay: 17.5s;
	}
	.slides ul  li:nth-child(9), .slides ul  li:nth-child(9) div {
	    -webkit-animation-delay: 20.0s;
	    -moz-animation-delay: 20.0s;
	}
	.slides ul  li:nth-child(10), .slides ul  li:nth-child(10) div {
	    -webkit-animation-delay: 22.5s;
	    -moz-animation-delay: 22.5s;
	}
	.slides ul li img {
	    display:block;
	}
	 
	/* keyframes #anim_titles */
	@-webkit-keyframes anim_titles {
	    0% {
	        left:100%;
	        opacity:0;
	    }
	    5% {
	        left:10%;
	        opacity:1;
	    }
	    20% {
	        left:10%;
	        opacity:1;
	    }
	    25% {
	        left:100%;
	        opacity:0;
	    }
	    100% {
	        left:100%;
	        opacity:0;
	    }
	}
	@-moz-keyframes anim_titles {
	    0% {
	        left:100%;
	        opacity:0;
	    }
	    5% {
	        left:10%;
	        opacity:1;
	    }
	    20% {
         left:10%;
	        opacity:1;
	    }
	    25% {
	        left:100%;
	        opacity:0;
	    }
	    100% {
	        left:100%;
	        opacity:0;
	    }
	}
	 
	.slides ul li div {
	    background-color:#000000;
	    border-radius:5px 5px 5px 5px;
	    box-shadow:0 0 5px #FFFFFF inset;
	    color:#FFFFFF;
	    font-size:10px;
	    left:5%;
	    margin:0 auto;
	    padding:5px;
	    position:relative;
	    top:50%;
	    width:200px;
	 
	    /* css3 animation */
	    -webkit-animation-name: anim_titles;
	    -webkit-animation-duration: 25.0s;
	    -webkit-animation-timing-function: linear;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-direction: normal;
	    -webkit-animation-delay: 0;
	    -webkit-animation-play-state: running;
	    -webkit-animation-fill-mode: forwards;
	 
	    -moz-animation-name: anim_titles;
	    -moz-animation-duration: 25.0s;
	    -moz-animation-timing-function: linear;
	    -moz-animation-iteration-count: infinite;
	    -moz-animation-direction: normal;
	    -moz-animation-delay: 0;
	    -moz-animation-play-state: running;
	    -moz-animation-fill-mode: forwards;
	}