/* FEATURE SLIDES
----------------------------------------- */

#FeatureSlideHolder {
	background: #ee3426 url(../images/feature-slide-bg.png) no-repeat left top;
	margin: 0 0 18px 240px;
	width: 700px;
	height: 300px;
	padding: 0 2px 3px 0;
	position: relative;
	left: 0;
	top: 0;
	border-top: 20px solid #fff;
	}
	#FeatureSlideHolder p {
		position: absolute;
		right: 15px;
		top: 20px;
		width: 190px;
		color: #fff;
		z-index: 5;
		background: #ee3426;
		}
	#FeatureSlideHolder  div.rounder {
		display: block;
		background: transparent url(../images/feature-slide-link-fg.png) no-repeat left top;
		width: 700px;
		height: 300px;
		position: absolute;
		right: 2px;
		bottom: 3px;
		z-index: 4;
		}
	
	#FeatureSlides {
		width: 480px;
		height: 300px;
		position: relative;
		left: 0;
		top: 0;
		overflow: hidden;
		}
		.featureslide {
			width: 700px;
			height: 300px;
			position: absolute;
			left: 0;
			top: 0;
			overflow: hidden;
			}
/*
			.featureslide p {
				position: absolute;
				right: 15px;
				top: 20px;
				width: 190px;
				color: #fff;
				}
			.featureslide h4 {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 219px;
				color: #fff;
				margin: 0;
				}
				.featureslide h4 a {
					display: block;
					background: #717073 url(../images/link-arrows.png) no-repeat 197px center;
					color: #fff;
					font-weight: normal;
					padding: 10px 15px;
					text-decoration: none;
					text-shadow: -1px -1px 0 #555;
					}
				.featureslide h4 a:focus,
				.featureslide h4 a:hover,
				.featureslide h4 a:active {
					background-color: #353535;
					color: #fff;
					text-shadow: -1px -1px 0 #000;
					}
				.featureslide h4 a span {
					display: block;
					background: transparent url(../images/feature-slide-link-fg.png) no-repeat left top;
					width: 700px;
					height: 300px;
					position: absolute;
					right: 0;
					bottom: 0;
					cursor: pointer;
					z-index: 2;
					}
*/

	#FeatureSlideNav {
		position: absolute;
		right: 221px;
		top: 10px;
		z-index: 10;
		}
		#FeatureSlideNav a {
			font-size: 0.8125em; /* 13px */
			display: block;
			width: 1.7em;
			text-align: center;
			line-height: 1.7em;
			background: #717073;
			text-decoration: none;
			margin-bottom: 1px;
			color: #fff;
			border-right: 1px solid #fff;
			text-shadow: -1px -1px 0 #555;
			}
			#FeatureSlideNav a:focus,
			#FeatureSlideNav a:hover,
			#FeatureSlideNav a:active {
				background-color: #353535;
				text-shadow: -1px -1px 0 #000;
				}
			#FeatureSlideNav a.activeSlide {
				background: #ee3426;
				border-color: #ee3426;
				text-shadow: -1px -1px 0 #aa0b00;
				}

/* SPOTLIGHTS
----------------------------------------- */

#Spotlights {
	clear: both;
	margin-right: -20px;
	}
	.spotlight {
		float: left;
		width: 222px;
		height: 110px;
		margin-right: 18px;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		}
	.spotlight h4 {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 220px;
		margin: 0;
		}
		.spotlight h4 a {
			display: block;
			background: #717073 url(../images/link-arrows.png) no-repeat 197px center;
			color: #fff;
			font-weight: normal;
			padding: 5px 15px 8px 15px;
			border-top: 1px solid #fff;
			text-decoration: none;
			text-shadow: -1px -1px 0 #555;
			}
		.spotlight h4 a:focus,
		.spotlight h4 a:hover,
		.spotlight h4 a:active {
			background-color: #353535;
			color: #fff;
			text-shadow: -1px -1px 0 #000;
			}
		.spotlight h4 a span {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 222px;
			height: 110px;
			background: transparent url(../images/spotlight-bg.png) no-repeat left top;
			cursor: pointer;
			}