#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{position:relative;}
#slider li .cite{position:absolute;right:0;top:0;width:40%;height:278px;background:rgba(102,156,190,0.8);color:#FFF;font-size:11px;}
#slider li .cite p{margin:5px;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:495px;
	height:245px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
	background:rgba(0,0,0,.2); 
	display:block;
	width:25px;
	height:278px;
	position:absolute;
	left:10px;
	top:10px;
	z-index:1000;
	}	
#prevBtn:hover, #nextBtn:hover,
#slider1next:hover, #slider1prev:hover{
	background:rgba(0,0,0,.9);
}
#nextBtn, #slider1next{ 
	left:480px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:25px;
	height:278px;
	background:url(img/gallery-previous.png) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(img/gallery-next.png) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin:5px;
	padding:0;
	height:16px;	
	}
ol#controls li{
	margin:0 5px 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:#67a9d1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}