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

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

.slide { padding: 10px 10px; width: 620px; float: left; position: relative; }
.slide h1 { font-family: Helvetica, Sans-Serif; font-size: 150%; letter-spacing: -1px; color: #a0cf67; }
.slide p{ color: #999; font-size: 100%; line-height: 20px; width: 300px; }
.slide ul { font-size:100%; color:#999; padding-top:0px; list-style-type:decimal;  width: 300px;}
.slide li { margin-top:7px;}
.slide img{ position: absolute; top: 20px; left: 320px; }
.slide a { text-decoration: none; outline: none; }
.slide a img { border: none; }
#slider-stopper{ position: absolute; top: 1px; right: 20px; background: #a0cf67; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
