@charset "UTF-8";

/* CSS Document IMAGE SLIDER
------------------------------------------------------------- */

#image-box {
	background-color: #F6F6F1;
	float: left;
	padding: 5px;
	margin: 0 20px 10px 0;
	border: 1px solid #fff;
	width: 402px;
	height: 275px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#image-box-wide {
	background-color: #F6F6F1;
	float: left;
	padding: 5px;
	margin: 0 200px 30px 0;
	border: 1px solid #fff;
	width: 402px;
	height: 275px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.small-text {
	color: #999;
	display: block;
	font-size: 11px;
	padding: 5px 0 10px 5px;
	text-align: left;
	width: 390px;
}

#slider{}	
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#slider li img {
	border: 1px solid #fff;
	}

#slider li{ 
	width:402px;
	height:212px;
	overflow:hidden; 
	}	
	
#prevBtn a, #nextBtn a { 
	color: #900;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 4px 15px;
	margin: 5px 2px;
	float: left;
	background-color: #fff;
	border: 1px solid #EAEADE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

#prevBtn a:hover, #nextBtn a:hover { 
	border: 1px solid #EAEADE;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px;
	color: #000;}

#prevBtn a:active, #nextBtn a:active { 
	padding: 5px 15px 3px 15px;}