/* Easy Slider */

#container2 {
margin:0 auto;
width:912px; 
position:relative;
}

#slider {
margin-left:60px;
position:relative;
}

#slider a:hover img {
border:0;
}

	#slider ul, #slider li {
		margin:0 auto;
		padding:0;
		list-style:none;
		text-align:center;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:451px;
		overflow:hidden; 
		text-align:center;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
	position:absolute;
		right:0px;
		top:250px;
		}

		
    #prevBtn, #slider1next{
	left:0px;
	top:250px;
	}

	#prevBtn span {
	display:none;
	}

	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:40px;
		background:url(../images/arrow_left_hover.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/arrow_right_hover.jpg) no-repeat 0 0;	
		}	

				#nextBtn a:hover {
						background:url(../images/arrow_right.jpg) no-repeat 0 0;	
						}

										#prevBtn a:hover {
						background:url(../images/arrow_left.jpg) no-repeat 0 0;	
						}
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}