#slideshow {
	position: relative;
	width: 100%;
	height: 400px;
	padding: 0px;
	border: 1px solid #ddd;
	margin: 0 auto 1em;
	background: #FFF;
	
	background: -webkit-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -moz-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-ms-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-o-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	
	}



#crossfade > img { 
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
  
}


#crossfade > img:nth-child(10) { 
    background-image: url(Images/1.jpg);
    -webkit-animation: xfade 80s 72s infinite;
    -moz-animation: xfade 80s 72s infinite;
    -o-animation: xfade 80s 72s infinite;
    -ms-animation: xfade 80s 72s infinite;
	animation: xfade 80s 72s infinite;
}
#crossfade > img:nth-child(9) { 
    background-image: url(../Images/9.jpg);   
    -webkit-animation: xfade 80s 64s infinite;
    -moz-animation: xfade 80s 64s infinite;
    -o-animation: xfade 80s 64s infinite;
    -ms-animation: xfade 80s 64s infinite;
    animation: xfade 80s 64s infinite;
}
#crossfade > img:nth-child(8) { 
    background-image: url(../Images/8.jpg);
    -webkit-animation: xfade 80s 56s infinite;
    -moz-animation: xfade 80s 56s infinite;
    -o-animation: xfade 80s 56s infinite;
    -ms-animation: xfade 80s 56s infinite;
    animation: xfade 80s 56s infinite;
}

#crossfade > img:nth-child(7) { 
    background-image: url(../Images/7.jpg);
    -webkit-animation: xfade 80s 48s infinite;
    -moz-animation: xfade 80s 48s infinite;
    -o-animation: xfade 80s 48s infinite;
    -ms-animation: xfade 80s 48s infinite;
    animation: xfade 80s 48s infinite;
}

#crossfade > img:nth-child(6) { 
    background-image: url(../Images/6.jpg);
    -webkit-animation: xfade 80s 40s infinite;
    -moz-animation: xfade 80s 40s infinite;
    -o-animation: xfade 80s 40s infinite;
    -ms-animation: xfade 80s 40s infinite;
    animation: xfade 80s 40s infinite;
}

#crossfade > img:nth-child(5) { 
    background-image: url(../Images/5.jpg);
    -webkit-animation: xfade 80s 32s infinite;
    -moz-animation: xfade 80s 32s infinite;
    -o-animation: xfade 80s 32s infinite;
    -ms-animation: xfade 80s 32s infinite;
    animation: xfade 80s 32s infinite;
}

#crossfade > img:nth-child(4) { 
    background-image: url(../Images/4.jpg);
    -webkit-animation: xfade 80s 24s infinite;
    -moz-animation: xfade 80s 24s infinite;
    -o-animation: xfade 80s 24s infinite;
    -ms-animation: xfade 80s 24s infinite;
    animation: xfade 80s 24s infinite;
}

#crossfade > img:nth-child(3) { 
    background-image: url(../Images/3.jpg);
    -webkit-animation: xfade 80s 16s infinite;
    -moz-animation: xfade 80s 16s infinite;
    -o-animation: xfade 80s 16s infinite;
    -ms-animation: xfade 80s 16s infinite;
    animation: xfade 80s 16s infinite;
}

#crossfade > img:nth-child(2) { 
    background-image: url(../Images/2.jpg);
    -webkit-animation: xfade 80s 8s infinite;
    -moz-animation: xfade 80s 8s infinite;
    -o-animation: xfade 80s 8s infinite;
    -ms-animation: xfade 80s 8s infinite;
    animation: xfade 80s 8s infinite;
}

#crossfade > img:nth-child(1) { 
    background-image: url(../Images/1.jpg);
    -webkit-animation: xfade 80s 0s infinite;
    -moz-animation: xfade 80s 0s infinite;
    -o-animation: xfade 80s 0s infinite;
    -ms-animation: xfade 80s 0s infinite;
    animation: xfade 80s 0s infinite;
}



@-webkit-keyframes xfade { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes xfade { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes xfade { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes xfade { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes xfade { 
    0% { opacity: 0; 
    animation-timing-function: 1s ease-in; } 
    8% { opacity: 1; 
	animation-timing-function: 1s ease-out; } 
    17% { opacity: 1 } 
    25% { opacity: 0 } 
    100% { opacity: 0 } 
}