/* // Easy Slider */

  /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
/* // image replacement */
			
 
	section#container{
	position:relative;
	text-align:left;
		}	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
	position:relative;
	background-color: #FFF;
		}			
 
/* Easy Slider */
#slider{
	height: 255px;
	background-color: #680230;
	overflow: hidden;
	width: 500px;
}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
#container h2 {
	display: block;
	text-align: left;
	background-color: #680230;
	color: #FFF;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-indent: 1em;
}
#slider li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
	overflow:hidden;
	display: block;
		}	
#slider img {
	margin: 0px;
	padding: 0px;
}

.uno {
	background-color: #A7489B;
	color: #FFFE61;
}
.dos {
	background-color: #6B4810;
	color: #F90;
}
#slider ul li p {
	padding-left: 5px;
	padding-right: 5px;
}
	#prevBtn, #nextBtn{
	display:block;
	width:20px;
	height:23px;
	position:relative;
	left:200px;
	top:15px;
	float: left;
		}	
	#nextBtn{
	left:250px;
		}														
	#prevBtn a, #nextBtn a{
	display:block;
	width:20px;
	height:23px;
	background-image: url(../img/btn_prev.gif);
		}	
	#nextBtn a{
	background-image: url(../img/btn_next.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
		}												
#prevBtn a {
	background-image: url(../img/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nextBtn a:hover {
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
#prevBtn a:hover {
	background-repeat: no-repeat;
	background-position: 0px -23px;
}