/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slides_container {
			width:100%;
			height:400px;
			display:none;
			z-index:500;						
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:100%;
			height:400px;
			display:block;			
		}
		
		/*
			Optional:
			Reset list default style
		*/
		
		#slides{margin-top:0px;}
		
#slides a:link, #slides a:visited {
margin-top:0px;
color: rgb(51, 51, 51);
}


#slides .prev {
dispaly:block;
width: 15px;
height: 0;
padding-top: 0px;
background-image: url(/img/slid-prev.png);
background-position: 0 0;
margin-right: 5px;
float:left;
}

#slides .prev:hover {
background-image: url(/img/slid-prev-hov.png);
}


#slides .next {
dispaly:block;
width: 15px;
height: 0;
padding-top: 0px;
background-image: url(/img/slid-next.png);
background-position: 0 0;
margin-right: 5px;
float:left;
}

#slides .next:hover {
background-image: url(/img/slid-next-hov.png);
}

.pagination {
    margin:1px 17px 0px 0;
    float: right;
    list-style: none;
}

.pagination li {
    float: left;
    margin: 0 1px;
}

.pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 0px;
    background-image: url(/img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }

.pagination li a:hover { background-position: 0 -26px }
		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}