﻿*								{ margin: 0; padding: 0; }

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: 700px; margin-left:10px; 
								  padding: 50px 0; }

#slider							{ background-image:url('../images/slider-bg.jpg'); 
height: 250px; width:680px; overflow: hidden; margin-left:10px; margin-top:10px; position: relative; }
								  
                                /* 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: 660px; float: left; position: relative; }
.slide h1						{
	font-family: Helvetica, Sans-Serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: rgb(73, 119, 139);
}
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; margin-left:0; }
.slide img						{ position: absolute; top: 20px; left: 350px; }
#slider-stopper					{
	position: absolute;
	top: 1px;
	right: 20px;
	color: white;
	padding: 3px 8px;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 1000;
	background-color: #5890A8;
}