#page-wrap * 	{ text-align:left; vertical-align:text-top; }

#page-wrap a					{ text-decoration: none; outline: none; }
#page-wrap a img				{ border: none; }

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

#slider							{ background: white url(../images/slider-bg.jpg); height: 280px; overflow: hidden;
								  position: relative; margin: 0px 0px; }
.slider							{ background: white url(../images/slider-bg.jpg); height: 280px; overflow: hidden;
								  position: relative; margin: 0px 0px; }
                                /* 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:absolute;}
.mover							{width:2880px; position:absolute;}

.slide							{ padding: 20px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 20px; letter-spacing: -1px;
								  color: #0077B5; vertical-align:text-top; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 10px; left: 335px; }
#slider-stopper					{ position: absolute; top: 250px; right: 10px; background: #0077B5; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
#slider-text					{ position: absolute; top: 240px; left: 338px; color: #0077B5; 
								  font-family:Arial, Helvetica, sans-serif; font-size:11px;
								  padding: 3px 8px; font-weight:bold; text-transform: uppercase; z-index: 1000; cursor:auto; width:200px; }