* { 
	margin: 0;
	padding: 0;
}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #E7E7E7;
}

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

a img { 
	border: none; 
}

h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:25px;
    letter-spacing:-1px;
    margin-top:15px;
    margin-bottom:20px;
    font-weight:normal;
    color:#009341;
}

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

#slider	{ 
	background: white url(../images/slider-bg.jpg);
	height: 140px;
	overflow: hidden;
	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: 880px;
	position: relative;
}

.slide { 
	padding: 5px 10px; 
	width: 405px; 
	float: left; 
	position: relative; 
}

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

.slide p { 
	color: #999; 
	font-size: 12px; 
	line-height: 12px; 
	width: 200px;
}

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

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