#container {margin:0 auto;position:relative;text-align:left;width:696px;background:#fff;margin-bottom:2em;
}	
/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider, #slider li {width:980px;overflow:hidden;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol { position: absolute; left: 454px; top: 275px; list-style: none;	}
ol li{ padding: 0px 2px; float: left; }
ol li a{ display: block; text-indent: -9999px; width: 10px; height: 10px; background: url(../images/banner-icon2.png) no-repeat;}
ol li.current a{ background: url(../images/banner-hover.png) no-repeat;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:696px;}														
.nextBtn {background:url(../images/btn_next.gif) no-repeat 0 0;}	

/* Some demos use this line */
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;position:relative;display:block;} #slider2, #slider2 li {width:696px;overflow:hidden;}