/* Sudo Slider */
#slider ul, #slider li{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: 374px; overflow:hidden;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol { margin: 13px 0 0 13px; padding:0;height: 16px;	}
ol li{margin: 0 4px 0 0; padding:0;float:left;list-style:none;height:16px;line-height:28px;}
ol li a{ float:left;line-height:16px; width: 16px; height: 16px; text-indent: -9999px; padding:0px;text-decoration:none; background: url(../images/bullet2.png) top no-repeat;}
ol li.current a{ background: url(../images/bullet2.png) bottom 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;}

.introBox .prevBtn, .nextBtn {display:block;height:45px; width: 19px;position:absolute;left: 0px;top:80px;z-index:1000; background: url(../images/prv-btn.png) no-repeat;cursor:pointer;}	
.introBox .nextBtn{ left:355px; top: 80px; }														
.introBox .nextBtn { background: url(../images/next-btn.png) no-repeat;}	

/* 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;}



.facebookBox .prevBtn, .nextBtn {display:block;height:82px; width: 35px;position:absolute;left: 0px;top:106px;z-index:1000; background: url(../images/left-btn.png) no-repeat;cursor:pointer;}	
.facebookBox .nextBtn{ left:333px; }														
.facebookBox .nextBtn { background: url(../images/right-btn.png) no-repeat;}	
.facebookBox #slider, #slider li { width: 374px; overflow:hidden;}