/* SLIDER CSS */
#hp-flash #slider-outer {
/*	float:left; */
	position:relative;
}

#hp-flash #slider-outer #slider ul {
	height:0px;
	padding:0px;
	margin:0px;
}

/* Not sure where this is coming from, but it's needed: */
#slider li.mbSlider_Slide {
	width:980px;
	height:300px;
}

#hp-flash #slider-outer #slider_pagination {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	right:10px;
	top:10px;
	font-size:13px;
}

/* What was this for?  Seems duplicative.
#slider #slider_pagination {
	background-color:rgba(255, 255, 255, 0.5);
	text-decoration:none;
	margin-left:2px;
	height: 20px;
	color:#000;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:13px;
}
*/

#hp-flash #slider-outer #slider_pagination a {
/* #hp-flash #slider-outer #slider_pagination a { */
/* RGBA is not compatiable with Internet Explorer:
	background-color:rgba(255, 255, 255, 0.5); */
	background-color:#AAA;
	text-decoration:none;
	margin-left:2px;
	height: 20px;
	color:#000;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:2px;
	font-size:13px;
}

#hp-flash #slider-outer #slider_pagination a._current-slide {
/* White on white doesn't work now that transparency is disabled:
	color:#fff;
*/
/* RGBA is not compatiable with Internet Explorer:
	background-color:rgba(226, 226, 227, 0.8);
*/
/* Use something darker for now since transparency is disabled:
	background-color:rgb(226, 226, 227);
*/
	background-color:#FFF
}

/* SLIDER CONTROLS */
#hp-flash #slider-outer #slider_controls {
	position:absolute;
	background-color:#555;
	padding-left:5px;
	padding-right:5px;
	left:0px;
	bottom:0px;
	font-size:13px;
}

#hp-flash #slider-outer #slider_controls a {
	text-decoration:none;
	color:#FFF;
	padding:5px;
}

/* SLIDER LINKS OVERALL */
#hp-flash #slider-outer #slider ul li a  {
	text-decoration: none;
}

/* SLIDER CONTENT AREA */
#hp-flash #slider-outer #slider ul li a .es-content {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	/* Why in the world would the font size be set here-- especially to 14px??
	font-size:14px;
	*/
	font-size:24px;
	height:300px;
	padding-top:95px;
	margin-left:380px;
	width:320px;
}

/*
#slider .es-content text {
	margin-bottom:10px;
	line-height: 1.1;
	font-weight:regular;
	font-size:24px;
}
*/
#hp-flash #slider-outer #slider ul li a .es-content .text {
	margin-bottom:10px;
	line-height: 1.1;
	font-weight:regular;
	font-size:24px;
}
#hp-flash #slider-outer #slider ul li a .es-content .readmore {
	font-size:14px;
}

/* SLIDER LABEL */
#hp-flash #slider-outer #slider ul li a .es-content .es-label {
	position: relative;
	left: 262px;
	top: 173px;
	color:#FFF;
	font-size:13px;
	font-weight:regular;
	font-family:Arial, Helvetica, sans-serif;
/* Not sure if this is conflicting with positioning above:
	padding-top:10px;
	float:right;
	margin-right:15px;
*/
	/* This caused the text to disappear:
	margin-top:265px;
	*/
	text-align:right;
}

/* es-caption doesn't exist anywhere:
#slider .es-caption {
	background-image:url(../images/envato_slider/text-overlay-bg.png);
	background-repeat:repeat;
	color:#FFF;
	padding:10px;
	width:100%;
}
*/

/*/////////////////////////*/

/* SPECIAL ANNOUNCEMENTS SLIDER */
#slider_special ul {
	height:0px;
	padding:0px;
	margin:0px;
}

#slider_special li.mbSlider_Slide {
	position:relative;
 	float:left;
	width:300px;
	height:125px;
}

#slider_special .es-content_special {
	color:#999;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	width:300px;
	height:125px;
}