/*SLIDER HOME*/
#slider-background{
	position:relative;
	width:960px;
	height:500px;
	background:url(/css/design/home_slider_bg.png) no-repeat bottom;
}
#slider-background div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 880px; 
	height: 503px;
	margin:auto;
	overflow: hidden;
	border:none;
	margin-top:20px;
	}
	#slider-background div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:870px;
		height:468px;
		overflow:hidden;
		float:left;
		padding:1em;
		position:relative;
		}
		#slider-background div.scroller div.section .artImg{
			width:396px;
			height:315px;
			background:url(/css/design/home_slider_img_bg.png) no-repeat;
			float:left;
		}
		#slider-background div.scroller div.section .artImg img{
			width:367px;
			height:267px;
			margin:20px 15px;
		}		
	#slider-background div.scroller div.content {
		width: 10000px;
		}	
		
	#slider-background div.scroller div.content .artContent{
		float:left;
		font-family:Arial,Helvetica,sans-serif;
		height:315px;
		margin-left:20px;
		margin-top:5px;
		width:450px;
	}
		
		#slider-background div.scroller div.content .artContent h1{
			margin:0;
		}
		
		#slider-background div.scroller .artDate{
			background:url("/css/design/date_bg.png") no-repeat scroll 0 0 transparent;
			color:#FFFFFF;
			font-family:arial;
			font-size:12px;
			font-weight:bold;
			height:37px;
			width:465px;			
			position:absolute;
			bottom:5px;
			left:210px;
		}
		
			#slider-background div.scroller .artDate span{
				font-family:Arial,Helvetica,sans-serif;
				font-size:13px;
				font-weight:bold;
				left:90px;
				position:relative;
				top:10px;
			}

		#slider-background div.scroller div.content .artContent h1 a{
			color:#E1E1E1;
			font-family:"Arial Black",Gadget,sans-serif;
			font-size:50px;
			line-height:45px;
			margin-bottom:10px;
			margin-top:10px;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#slider-background div.scroller div.content .artContent h1 a:hover{
			color:#FCB316 !important;
		}		
		
		#slider-background div.scroller div.content .artContent p{
			color:#999999;
			font-size:12px;
			line-height:20px;
			padding-left:5px;
		}
		
		#slider-background div.scroller .readMore a{
			background:url("/css/design/readmore.png") no-repeat scroll 0 0 transparent;
			display:block;
			height:130px;
			left:500px;
			position:absolute;
			text-decoration:none;
			top:378px;
			width:130px;	
		}	
		#slider-background div.scroller .readMore a:hover{
			background:url("/css/design/readmore2.png") no-repeat scroll 0 0 transparent;
		}
	
	#slider-background .controls{
		margin:auto;
		position:relative;
		text-align:center;
		top:-35px;
		width:auto;
	}
	
	#slider-background .controls a{
		background:url("/css/design/icons/slider_control.png") no-repeat scroll 0 0 transparent;		
		height:14px;
		padding-left:12px;
		padding-right:12px;
		width:14px;
	}	
	
	#slider-background .controls a:hover,
	#slider-background .controls a.active
	{
		background:url("/css/design/icons/slider_control_active.png") no-repeat scroll 0 0 transparent;
	}		

	#slider-background .next {
		background:url(/css/design/icons/next.png) no-repeat;
		width:17px;
		height:19px;
		position:absolute;
		top:150px;
		right:10px;
		display:none;
	}
	
	#slider-background .next a span{
		display:block;
		width:17px;
		height:19px;		
	}	
	
	#slider-background .prev {
		background:url(/css/design/icons/prev.png) no-repeat;
		width:17px;
		height:19px;
		position:absolute;
		top:150px;
		left:10px;
		display:none;
	}
	
	#slider-background .prev a span{
		display:block;
		width:17px;
		height:19px;		
	}