#slidercode .hero_text {
position: relative;
width:480px;
height:305px;
}

#slidercode .hero_title {
position: absolute;
display: block;
top:0px;
}

#slidercode .hero_excerpt {
position: absolute;
display: block;
bottom:0px;
width:480px;
}
		
#slidercode { width:940px; height: 305px; overflow:hidden; float:left; position:absolute; background-color: #fff;}
#slidercode .viewport { float: left; width: 780px; height: 305px; overflow: hidden; position: relative; }
#slidercode .buttons { display: block; width:80px;margin: 0; float: left; }

#slidercode a.buttons {width:40px;  height:40px; margin:100px 20px; display:block; background:#666;border-radius: 10px;text-indent: -1999px;}
#slidercode a.buttons:hover {background:yellow;}

#slidercode a.buttons.prev {
	background: url(/_css/_images/prev.png) left top no-repeat;
}
#slidercode a.buttons.next {
	background: url(/_css/_images/next.png) left top no-repeat;
}
#slidercode .disable { visibility: hidden; }

#slidercode .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slidercode .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 305px; width: 780px;}



#slidercode ul.pager {position:absolute; bottom:-15px; right:80px;}		
#slidercode ul.pager li {float:left;margin-right:3px;}	
#slidercode ul.pager li a {display:block; height:20px; width:20px; border-radius: 10px; background-color: #666;text-indent: -1999px;}		
#slidercode ul.pager li a.active {background-color: #7C0019;}		
#slidercode ul.pager li a:hover {background-color: #7C0019;}