/*
			Load CSS before JavaScript
		*/
		
		#container {
			width:982px;
			height: 260px;
			margin:0 auto ;
			position:relative;
			/*margin-left: -492px;*/
			z-index:20;
			/*left: 50%;*/
		}
		
		#example {
			width:982px;
			height:230px;
			position:relative;
		}
		
		#slides{
			background:#B3C428;
			width: 982px;
		}
		
		#slides_title{
			margin-left : 50px;
			width: 300px;
			border-top-left-radius:10px;
			border-top-right-radius:10px;
			background:#B3C428;
			padding: 10px 0px 10px 0px;
			color:white;
		}

		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		
		.slides_container {
			width:870px;
			height:190px;
			display:none;
			left:55px;
		}

		/*
			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.slide {
			width:900px;
			height:180px;
			display:block;
			padding-top:10px;
		}

		/*
			Set the size of your carousel items
		*/
		.item {
			float:left;
			width:270px;
			height:160px;
			border:10px solid #B3C428;
			background:#B3C428;
		}
		
		.item img{
			max-width:270px;
			
		}
		
		#slides .next,#slides .prev {
			position:absolute;
			top:110px;
			left:-39px;
			width:35px;
			height:31px;
			display:block;
			z-index:101;
		}

		#slides .prev {
			left:15px;
		}
		
		#slides .next {
			left:930px;
		}