@charset "utf-8";
#wrapper_slider {
	width:450px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#container_slider {
	position:relative;
	padding:0px;
	border-right:0px solid #ccc;
	border-bottom:0px solid #ccc;
	background-repeat: no-repeat;
	z-index:0;
	right:60px;
	margin-top: 50px;
}
#slider {
	float:left;
	position:relative;
	overflow:auto;
	width:500px;
	height:500px;
	z-index:0;
	margin-left:100px;
}
#slider_position{
	margin-left:40px;
}
.sliderbutton {
	width:25px; 
	height:350px; 
	cursor:pointer; 
}
#slideleft {
	position:absolute; 
	top:0px; 
	left:0px;
	width:25px; 
	height:350px; 
	cursor:pointer;
	background:url(images/slideleft1.gif) 0px 0px no-repeat;
}
#slideleft:hover {
	background:url(images/slideleft2.gif) 0px 0px no-repeat;
}
#slideright {
	position:absolute; 
	top:0px; 
	right:0px;
	width:25px; 
	height:350px; 
	cursor:pointer; 
	background-image: url(images/slideright1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index:10;
}
#slideright:hover {
	background-image: url(images/slideright2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#slider ul {
	position:absolute; 
	list-style:none; 
	top:0; 
	left:0
}
#slider li {
	float:left;
	width:550px; 
	height:550px
}
.pagination {
	position:relative;
	top:5px;
	right:-150px;
	list-style:none;
	height:25px
}
.pagination li {
	float:left;
	cursor:pointer;
	height:10px;
	width:10px;
	border:1px solid #333;
	background-color: #CCC;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	border-radius:30px;
}
.pagination li:hover, li.current {
	background:#000
}