﻿#slider	{ 
	background-color: #F2F2F2;
	border-top: 2px solid #E6E6E6; 
	height: 130px; 
	overflow: hidden;
	position: relative; 
	width: 540px;
}
								  
/* 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: 1200px; 
	float: left; 
	position: relative; 
}
								
.slide h1 { 
	position: absolute; 
	top: 10px; 
	left: 120px; 	
	line-height: 30px;
	color: #B72323; 
}

.slide p { 
	position: absolute; 
	top: 40px; 
	left: 120px; 
	color: #999; 
	line-height: 20px; 
	width: 400px; 
}

.slide img	{ 
	position: absolute; 
	top: 10px; left: 10px; 
	border: 0px
}

#slider-stopper	{ 
	position: absolute; 
	bottom: 5px; 
	right: 10px; 
	background: #017F58; 
	color: white;
	padding: 3px 8px; 
	font-size: 10px; 
	text-transform: uppercase; 
}

.btnPager {
	position: absolute; 
	top: 118px;
	display: block;
	width: 8px;
	line-height: 8px;
	background: url(../../Images/quadroGray.gif) no-repeat;
}

.btnPager:hover, .btnPager.Sel {
	background: url(../../Images/quadroGreen.gif) no-repeat;
}

.btnPager span {
	visibility: hidden;
}
