﻿a								{ text-decoration: none; outline: none; }
a img							{ border: none; }
h2								{ font-family: Calibri, Lucida Grande, Arial, Sans-Serif; font-size: 36px; text-align: center; font-weight: normal; }
#page-wrap						{ background: white; width: 775px; margin: 0 auto; padding: 0px 0; }
#slider							{ background: white url('../images/slider-bg.jpg'); height: 320px; 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: 2880px; position: relative; }
.slide							{ padding: 40px 30px; width: 775px; float: left; position: relative; }
.slide h1						{ font-family: Calibri, Lucida Grande, Arial, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #ac0000; }
.slide p						{ color: #303030; font-size: 14px; line-height: 12px; width: 300px; }
.slide img						{ position: absolute; top: 10px; left: 400px; }
#slider-stopper					{ position: absolute; top: 299px; left: 1px; background: #999999; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }