/* Sudo Slider */
#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, #slider li {
	width:540px;
	height:465px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {
	margin:1em 0;
	padding:0;
	height:28px;
}
ol li {
	margin:0 10px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol li a {
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
}
ol li.current a {
	background:#5DC9E1;
	color:#fff;
}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus {
	outline:none;
}
.graphic, .prevBtn, .nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
.prevBtn, .nextBtn {
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:85px;
	top:225px;
	z-index:1000;
	cursor:pointer;
	background-image: url(../img/back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.prevBtn:hover, .nextBtn:hover {
	opacity: 0.7;
}
.nextBtn {
	left:855px;
}
.nextBtn {
	background-image: url(../img/next.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* Some demos use this line */
#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block;
}
#slider2, #slider2 li {
	width:696px;
	overflow:hidden;
}