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

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

h2 { 
font-family: Ariel, Helvetica, Sans-Serif; 
font-size: 22px; 
text-align: left; 
font-weight: normal; 
color: #3f76bc; }

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

#slider	{ 
background: white url(../images/sliderblu-bg-800-175.jpg); 
height: 175px; 
overflow: hidden; 
position: relative; 
margin: 0px 0; }
								  
/* DEFAULT is for four panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover { 
width: 3200px; 
position: relative; }

.slide { 
padding: 5px 5px 5px 75px; /*positions the slide text more centrally */
width: 800px; 
float: left; 
position: relative; }

.slide h1 { 
font-family: Ariel, Helvetica, Sans-Serif; 
font-size: 20px; 
letter-spacing: -1px;
color: #ac0000; }

.slide p { 
color: #666; 
font-size: 12px; 
line-height: 14px; 
width: 350px; }

.slide-img { 
position: absolute; top: 20px; left: 550px; }

#slider-stopper	{
position: absolute; top: 1px; right: 20px; 
background: #3f76bc; 
color: white;
padding: 3px 8px; 
font-size: 10px; 
text-transform: uppercase; 
z-index: 20; }