/* Sudo Slider */
#slider{
	width:680px;	
	background:#fff;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block;
}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/
#slider li {
	display:none;
}
#slider li:first-child {
	display:block;
}
#slider, #slider li {
	width:680px;
	overflow:hidden;
	height:222px;
}
.slideshow-right img{
	width:680px;	
}
/* // Sudo Slider */	
/* Numeric Navigation */

.graphic, .prevBtn, .nextBtn, .pauseBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
.prevBtn, .nextBtn, .pauseBtn {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	left:364px;
	top:100px;
	z-index:1000;
	background:url(/images/btn_prev.png) no-repeat 0 0;
	cursor:pointer;
	display:none;
}
.nextBtn {
	left:410px;
}
.nextBtn {
	background:url(/images/btn_next.png) no-repeat 0 0;
}
.pauseBtn{
	left:386px;
	background:url(/images/pause.png) no-repeat 0px -1px;
}
.controls{
	padding:4px 0 0 10px;
	position:absolute;
	top:4px;
	right:10px;
	z-index:99999;
	height:10px;
}
.controls ol{
	list-style:none;
}
.controls li{
	display:inline;
	float:left;	
	width:8px;
	height:8px;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #5f3712;
	margin-left:2px;
}
.controls a{
	display:block;
	float:left;
	padding:4px 0 0 8px;
	margin:1px;
	text-decoration:none;	
	color:#0660ad;
}
.controls li.current, .controls li:hover{
	background:#5f3712;
}
.controls li.current a{
	color:#16c1f3;	
}