/*
		Load CSS before JavaScript
	*/
	
	#slides {position:relative;}
	
	/*
		Slides container
		Important:
		Set the width of your slides container
		Set to display none, prevents content flash
	*/
	.slides_container {
		width:270px;
		display:none;
		position:relative;
	}

	/*
		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:270px;
		display:block;
	}
	
	/*
		Optional:
		Show the current slide in the pagination
	*/

	
	#slides .next,#slides .prev {
		position:absolute;
		width:0;
		height:0;
		display:block;
		top:-40px;
		left:0;
		text-indent:-3000px;
		
	}

	#slides .next {left:0;}
	
	/*
		Pagination
	*/

	.widget .pagination {	
		margin:26px auto 0;
		/*width:150px;*/
		text-align:center;
	}

	.pagination li {
		/*float:left;*/
		display:inline-block;
		width:12px;
		margin:0 1px;
		list-style:none;
	}

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

	.pagination li.current a {
		background-position:0 -12px;
		
	}