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

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

#page-wrap						{ width: 770px; margin: 0px auto; overflow: hidden;
								  padding: 0px 0; }

#slider							{ height: 227px; 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: 2883px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.slide p						{
	color: #000000;
	font-size: 12px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}
.slide img						{
	position: absolute;
	top: 20px;
	left: 335px;
}
