/* CSS Document */

	
#slider_wrapper {
	clear:both;
	display:block;
	position:relative;
	width:980px;
	height:316px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #dfddc8;
}
	
	
	
	
	#home_slider {
	
	}
	
	

/* Homepage Slides */

#homepageslides {
	width: 980px;
	height: 316px;
	margin: 14px auto;
	overflow:hidden;
}
#slides h3 {
	font-weight: normal;
	color: #fff;
	font-size: 24px;
	width: 215px;
	float: left;
}



.slide-area img { display: none }
.slide-area img.first { display: block }



.slide-area {
	
	width: 980px;
	height: 316px;
	overflow: hidden;
}





.slide-content-wrapper {
	float: right;
	margin-right:10px;
	width: 295px;
	height: 327px;
	position: relative;

	
}


.slide-text {
position:absolute;
right:-10px;
margin-top:38px;
width: 350px;
height: 240px;
background-image: url(../images/slider_text_bg.png);
background-repeat: repeat;
background-position: right center;
}

		.slide-text h3 {
		color: #1A1508;
		font-size: 20px;
		margin: 4px 0px 0px 8px;
		float: left;
		clear: both;
		width: 100%;
		display: block;
		line-height: 20px;
	}
	
	
	.slide-text h4 {
		color: #1A1508;
		font-size: 14px;
		margin: 2px 0px 0px 15px;
		float: left;
		clear: both;
		width: 100%;
		display: block;
		line-height: 30px;
	}
	
	
	
	.slide-text p {
		color: #1A1508;
		font-size: 12px;
		margin: 2px 0px 8px 15px;
		float: left;
		clear: both;
		width:92%;
		display: block;
		line-height: 18px;
	}
	
		
	
	.slide-text a {
	color: #333333;
	}
	
		.slide-text a:hover {
	color: #666666;
	}
	



#slide-controller {
	float: right;
	position: relative;
	top: -35px;
	margin:0 30px 0 10px;
	padding:0px;
	z-index:1000;
	}
	#slide-controller ul, #slide-controller ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#slide-controller ul li {
		float: left;
		display: block;
	}
	#slide-controller ul li a {
		width: 11px;
		height: 11px;
		background: url('../images/slide_ctl_2.png') no-repeat center center;
		display: block;
		float: left;
		padding: 2px;
		margin: 0px 3px 2px 3px;
		outline: none;
	}
	#slide-controller ul li a:focus {
		outline: none;
	}
	#slide-controller ul li a:hover, #slide-controller ul li a.activeSlide {
		background: url('../images/slide_ctl_1.png') no-repeat center center;
	}