#page-wrap						{ background: white; width: 880px; margin: 0 auto;
								  padding: 20px 0; }

#slider							{ background: white url(images/slider-bg.jpg); height: 180px; overflow: hidden;
								  position: relative; margin: -10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width:880px; position:absolute; }

.slide							{ padding: 20px 0px; width: 880px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 20px; letter-spacing: -1px;
								  color: #ac0000;margin-left:6px; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px;  margin-left:10px;}
.slide img						{ position: absolute; top: 20px; left: 400px; }
.slide span						{ position: absolute; top: 140px; left: 780px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }