body {
   background: white;
   font-family: verdana;
   font-size: 4px;
   margin: 0;
   padding: 0;
   text-decoration: none;
   font-style: normal;
  }
  #footer{
    width: 1000px;
    margin: 0 auto;
    padding-top: 10px;
    background: white;
  }
	#footer p{
	   text-align: center;
    font-size:10px;
    margin: -70;
	}
    #header a{
        text-decoration: none;
        width: 50px;
        text-align: center;
    }

 /*---------------------image slider---------*/
 *{
 margin: 0 auto;
 padding: 0 auto;

 }
 .slider{ 
  width: 400px; /*important*/
  height:600px; /*important*/
  position: relative; /*important*/
  overflow: hidden; /*important*/
  margin: 50px;
  bottom: auto;
  
  }
  .slider ul{
   list-style: none;
   }
   /*keyframes #anim_slider*/
   @-webkit-keyframes anim_slider{
   0%{
    opacity: 0;
	}
	6%{
	 opacity: 1;
	 }
	24%{
		opacity: 1;
		}
	30%{
		opacity: 0;
		}
	100%{
		opacity:0;
   }
}		
 @-moz-keyframes anim_slider{
   0%{
    opacity: 0;
	}
	6%{
	 opacity: 1;
	 }
	24%{
		opacity: 1;
		}
	30%{
		opacity: 0;
		}
	100%{
		opacity:0;
}
}	
 /*animation*/
 .slider ul li{
  position: absolute;
  opacity: 0;
  top:0;
  
  -webkit-animation-name: anim_slider;
  -webkit-animation-duration: 120.0s;
  -webkit-animation-timing-function: linier;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-delay:0;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forward;
  
  -moz-animation-name: anim_slider;
  -moz-animation-duration: 120.0s;
  -moz-animation-timing-function: linier;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-delay:0;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forward;
  }
  /*animation delay*/
  .slider ul li:nth-child(2),.slider ul li:nth-child(2) div{
   -webkit-animation-delay: 6.0s;
   -moz-animation-delay: 6.0s;
   }
   .slider ul li:nth-child(3),.slider ul li:nth-child(3) div{
   -webkit-animation-delay: 12.0s;
   -moz-animation-delay: 12.0s;
   }
   .slider ul li:nth-child(4),.slider ul li:nth-child(4) div{
   -webkit-animation-delay: 18.0s;
   -moz-animation-delay: 18.0s;
   }
   .slider ul li:nth-child(5),.slider ul li:nth-child(5) div{
   -webkit-animation-delay: 24.0s;
   -moz-animation-delay: 24.0s;
   }
   .slider ul li:nth-child(6),.slider ul li:nth-child(6) div{
   -webkit-animation-delay: 30.0s;
   -moz-animation-delay: 30.0s;
   }
   .slider ul li:nth-child(7),.slider ul li:nth-child(7) div{
   -webkit-animation-delay: 36.0s;
   -moz-animation-delay: 36.0s;
   }
   .slider ul li:nth-child(8),.slider ul li:nth-child(8) div{
   -webkit-animation-delay: 42.0s;
   -moz-animation-delay: 42.0s;
   }
   .slider ul li:nth-child(9),.slider ul li:nth-child(9) div{
   -webkit-animation-delay: 48.0s;
   -moz-animation-delay: 48.0s;
   }
   .slider ul li:nth-child(10),.slider ul li:nth-child(10) div{
   -webkit-animation-delay: 54.0s;
   -moz-animation-delay: 54.0s;
   }
   .slider ul li:nth-child(11),.slider ul li:nth-child(11) div{
   -webkit-animation-delay: 60.0s;
   -moz-animation-delay: 60.0s;
   }
   .slider ul li:nth-child(12),.slider ul li:nth-child(12) div{
   -webkit-animation-delay: 66.0s;
   -moz-animation-delay: 66.0s;
   }
.slider ul li a{
 text-decoration: none;
 color:red;
}
.slider ul li p{
 color: red;
 font-size:12px;
 margin-top:-5px;
 filter: alpha(opacity=80);
 -moz-opacity:0.3;
 -khtml-opacity:0.3;
 -opacity:0.3;
 } .slider ul li img a{
 display:block;
 float: left;
 width: 100%;
 }
 
/*keyframes#caption*/
@-webkit-keyframes caption{
0%{
top: 100%;
opacity:0;
}
5%{
 top: 80%;
 opacity: 1;
 }
20%{
top: 80%;
opacity:1;
}
25%{
 top: 100%;
 opacity: 0;
 }
100%{
top: 100%;
opacity:0;
}
}
 
@-moz-keyframes caption{
0%{
top: 100%;
opacity:0;
}
5%{
 top: 80%;
 opacity: 1;
 }
20%{
top: 80%;
opacity:1;
}
25%{
 top: 100%;
 opacity: 0;
 }
100%{
top: 100%;
opacity:0;
}
}
.slider h3{
text-transform: uppercase;
 color: red;
 font-size:14px;
 line-height:14px;
 padding: 10px 15px 0;
 filter: alpha(opacity=80);
 -moz-opacity:0.3;
 -khtml-opacity:0.3;
 opacity:0.3;
 }
 .slider ul li div{
 color: red;
 text-align: center;
 background-color: transparent;
 background: transparent;
 margin: 0;
 padding: 0;
 position: absolute;
 bottom:0;
 width: 400px; /*important to be as same image width*/
 z-index: 999;
 /*css3 animation*/

  -webkit-animation-name: caption;
  -webkit-animation-duration: 120.0s;
  -webkit-animation-timing-function: linier;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-delay:0;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forward;
  
  -moz-animation-name: caption;
  -moz-animation-duration: 120.0s;
  -moz-animation-timing-function: linier;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-delay:0;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forward;
  }