*
{
    margin: 0px;
    padding: 0px;
}

body
{
   background: transparent;
}

div#slideshow
{
    display: inline-block;
    vertical-align: top;
    height: 240px;
    width: 360px; 
    padding: 0;    
}

div#slideshow img 
{
        height: 240px;
        width: 360px; 
        z-index: 1;            
        border: 0;
        
       animation-timing-function: ease-in-out;
       animation-iteration-count: infinite;
       animation-duration:30s;
        
       -webkit-animation-timing-function: ease-in-out;
       -webkit-animation-iteration-count: infinite;
       -webkit-animation-duration:30s;
    }

     div#slideshow img:nth-of-type(1) {
        position: absolute;        
	    animation-name: fadingAnimation01;
        -webkit-animation-name: fadingAnimation01;
    }
    div#slideshow img:nth-of-type(2) {
        position: absolute;	 
	    animation-name: fadingAnimation02;
        -webkit-animation-name: fadingAnimation02;
    }
    div#slideshow img:nth-of-type(3) {
        position: absolute;	    
	    animation-name: fadingAnimation03;
        -webkit-animation-name: fadingAnimation03;
    }
    div#slideshow img:nth-of-type(4) {
        position: absolute;	    
	    animation-name: fadingAnimation04;
        -webkit-animation-name: fadingAnimation04;
    }
    div#slideshow img:nth-of-type(5) {
        position: absolute;	    
	    animation-name: fadingAnimation05;
        -webkit-animation-name: fadingAnimation05;
    }
    div#slideshow img:nth-of-type(6) {	    
	    animation-name: fadingAnimation06;
        -webkit-animation-name: fadingAnimation06;
    }

	@keyframes fadingAnimation01 {
	    0% { opacity:1;} 8% { opacity:1; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:1;}
    }
    @keyframes fadingAnimation02 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:1; } 24% { opacity:1; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @keyframes fadingAnimation03 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:1; } 42% { opacity:1; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @keyframes fadingAnimation04 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:1;} 59% { opacity:1; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @keyframes fadingAnimation05 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:1;} 76% { opacity:1; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @keyframes fadingAnimation06 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:1;} 92% { opacity:1; } 100% { opacity:0;}
    }

    @-webkit-keyframes fadingAnimation01 {
	    0% { opacity:1;} 8% { opacity:1; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:1;}
    }
    @-webkit-keyframes fadingAnimation02 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:1; } 24% { opacity:1; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @-webkit-keyframes fadingAnimation03 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:1; } 42% { opacity:1; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @-webkit-keyframes fadingAnimation04 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:1;} 59% { opacity:1; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @-webkit-keyframes fadingAnimation05 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:1;} 76% { opacity:1; } 84% { opacity:0;} 92% { opacity:0; } 100% { opacity:0;}
    }
    @-webkit-keyframes fadingAnimation06 {
        0% { opacity:0;} 8% { opacity:0; } 16% { opacity:0; } 24% { opacity:0; } 33% { opacity:0; } 42% { opacity:0; } 50% { opacity:0;} 59% { opacity:0; } 67% { opacity:0;} 76% { opacity:0; } 84% { opacity:1;} 92% { opacity:1; } 100% { opacity:0;}
    }