*								{ margin: 0; padding: 0; }
body							{ font-family: "Lucida Grande", Arial, Sans-Serif; background: #222; }

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

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

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

#slider							{ background: white url(../images/slider-bg.gif); height: 227px; overflow: hidden;
								  position: relative; margin: 30px 0; }
								  
#slider_text					{ background: white url(../images/slider-bg2.gif) no-repeat; height: 600px; overflow: auto;
								  position: relative; margin: 30px 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: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 24px; letter-spacing: -1px;
								  color: #25449d; }
.slide p						{ color: #666; font-size: 12px; line-height: 22px; width: 300px; }

.slide_text							{ padding: 40px 30px; width: 850px; float: left; position: relative; height:auto; }
.slide_text h1						{ font-family: Helvetica, Sans-Serif; font-size: 24px; letter-spacing: -1px;
								  color: #25449d; }
.slide_text p						{ color: #666; font-size: 12px; line-height: 22px; width: 750px; }
.slide_text ul						{ color: #666; font-size: 12px; line-height: 22px; width: 750px; text-indent:15px; margin-left:20px; }
.slide img						{
	position: absolute;
	top: 21px;
	left: 496px;
}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #afc243; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }