/**
 * Filename: slideshow.css
 *
 * File contains styling for slideshow on Index (home page).
 */

#slideshow {
	position:	relative;
	float:		left;
	margin:		7px 0 7px 8px;
	width:		789px;
	height:		326px;
	overflow:	hidden;
} #slideshow img { border: 0 none; }
	#slideshow ul {
		position:		absolute;
		bottom:			6px;
		left:			6px;
		z-index:		11;
		list-style:		none;
	}
		#slideshow ul li {
			position:		relative;
			float:			left;
			margin:			0 0 0 2px;
			width:			25px;
			height:			25px;
		}
		#slideshow ul li a {
			display:		block;
			width:			14px;
			height:			18px;
			padding:		4px 0 0 8px;
			font:			normal 11px 'LucidaGrande','Lucida Sans','Lucida Sans Typewriter','Verdana',sans-serif;
			text-decoration: none;
			background:		url('./../images/btnSlides.png') 0 0 no-repeat;
			color:			#eeeeee;
		} #slideshow ul li a.active , #slideshow ul li a.prevActive {
			color:		#ffffff;
		  }
		  #slideshow ul li a:hover , #slideshow ul li a.active , #slideshow ul li a.prevActive {
			color:			#ffffff;
			font-weight:	bold;
		  }


#slideshow a {
	position:		absolute;
	display:		block;
	top:			0;
	left:			0;
	z-index:		8;
	text-decoration: none;
	border:			0 none;
}

#slideshow a.active {
	z-index:		10;
}

#slideshow a.prevActive {
	z-index:		9;
}

#slideshow a span {
	display:		block;
	position:		absolute;
	overflow:		hidden;
	left:			0;
	bottom:			0;
	background:		#000000;
	width:			100%;
	height:			45px;
}
	#slideshow a span strong {
		position:	absolute;
		left:		150px;
		bottom:		12px;
		display:	block;
		font:		normal 15px 'LucidaGrande','Lucida Sans','Lucida Sans Typewriter','Verdana',sans-serif;
		padding:	4px 0 4px 6px;
		color:		#eeeeee;
	}
	#slideshow a span em {
		position:	absolute;
		left:		250px;
		bottom:		65px;
		display:	block;
		font:		normal 11px 'Verdana','Arial',sans-serif;
		text-indent: 8px;
		color:		#cccccc;
	}