/* 11/24 modified width from 582 to 600, and height to 333 from 280 to match up with specs given so far */

.sliderwrapper {
	border: 1px solid #CCC;
	padding: 0;
	width: 600px; /*width of featured content slider*/
	height: 333px;
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
}



.sliderwrapper .contentdiv {
	padding: 0;
	width: 600px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination {
	width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	background: #FFF;
	margin-bottom: 15px;
	padding: 5px 0;
}

.pagination a {
	color: #000;
	background: white;
	padding: 0 5px;
	text-decoration: none; 
}

.pagination a:hover, .pagination a.selected{
	color: #000;
	background-color: #CCC;
}

.contentdiv .text {
	color: #FFF;
	background: #000;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
	-moz-opacity: 1;
	opacity: 0.7;
	border-top: 1px solid #FFF;
	margin: 0;
	width: 100%;
	height: 35px;
	position: absolute;
	bottom: 0; 
}

sliderwrapper .contentdiv P {
	color: #FFF;
	margin: 5px;
	opacity: 1;
}

.content1 {
	background: url(images/bck_1.jpg) no-repeat left bottom;
}

.content2 {
	background: url(images/bck_2.jpg) no-repeat left bottom;
}

.content3 {
	background: url(images/bck_3.jpg) no-repeat left bottom;
}