*{ 
        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-color:#FFFFFF;
        height: 210px; 
        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: 210px; 
     position: relative;         
}

.slide{ 
	padding: 20px 20px; 
	width: 900px; 
	float: left; 
	position: relative; 
}

.slide h1{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align:left;
	width: 300px;
}

.slide h1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align:left;
}

.slide h1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align:left;
	text-decoration: underline;
}

.slide h1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align:left;
	text-decoration: none;
}


.slide p{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #707070;
	text-align: justify;
	width: 250px;
}

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

#slider-stopper{ 
	position: absolute; 
	top: 1px; 
	right: 20px; 
	background: #661B68; 
	color: white; 
	padding: 3px 8px;
	font-family: Arial, Helvetica; 
	font-size: 13px; color: #FFFFFF; 
	text-transform: uppercase; 
	z-index: 1000; 
}