#slideshow {
	position:relative;
	overflow:hidden;
	padding:10px;
	margin-bottom:1em;
}
#slideshow h2 {
	width:auto;
	margin:0;
	padding: 0;
	display:inline;
}
#slideshow #slides {
	height:275px;
	overflow:hidden;
}
#slideshow .slide {
	height:275px;
	margin-bottom:10px;
	width:100%;
}
#slideshow .slide a {
	display:block;
	height:100%;
}
#slideshow .full {
	position:relative;
}
#slideshow .multi {
/*	border:1px solid #333;*/
}
#slideshow .multi a,#slideshow .multi-side a {
	width:32.8%;
	float:left;
}
#slideshow a.mid {
	margin:0 5px;
	width:32.9%;
}
#slideshow .full-side a {
	width:100%;
}
#slideshow .full ul {
	position:absolute;
	top:0;
	left:473px;
	margin:0;
	padding:0;
	list-style:none;
	width:200px;
	height:100%;
}
#slideshow li {
	height:20px;
}
#slideshow .multi-side .hero-links a {
	width:155px;
	height:275px;
}
#slideshow .multi-side ul {
	margin:0;
	padding:0;
	list-style:none;
}
#slideshow .multi-side .side-links {
	height:275px;
	width:220px;
	float:right;
}
#slideshow-controls {
	height:20px;
	position:absolute;
	left:20px;
	bottom:15px;
	z-index:50;
}
#container #slideshow-controls a {
	border:1px solid #fff;
	width:8px;
	height:8px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	float:left;
	margin:2px 7px 0 0;
	padding:0;
	background: rgb(0, 0, 0);
	opacity: 0.2;
}
#container #slideshow-controls a.activeSlide {
	opacity: 0.8;
	background:#fff;
}
#container #slideshow-controls a:focus { outline: none; }


#slideshow .side-links ul {
	top:95px;
}
#slideshow .side-links li {
	height:10px;
	padding-bottom:9px;
	margin:auto;
	margin-bottom:9px;
	width:80%;
}

#slideshow .slide a { text-indent: -9999px; overflow: hidden; }
#slideshow .slide .side-links a { display:inline; }

/* --- default color is always going to be white links --- */
#slideshow .side-links li,.side-links a { color:#fff; }
#container #slideshow .side-links a:hover { border-bottom:1px dotted #fff; }

/* --- other color variations --- */
#slideshow .side-links .blue li,	.side-links .blue a		{ color:blue;			}
#container #slideshow .side-links .blue a:hover					{ border-bottom: 1px dotted blue;			}

#slideshow .side-links .orange li,.side-links .orange a	{ color:orange;		}
#container #slideshow .side-links .orange a:hover				{ border-bottom: 1px dotted orange;		}

#slideshow .side-links .brown li, .side-links .brown a	{ color:#533519;	}
#container #slideshow .side-links .brown a:hover				{ border-bottom: 1px dotted #533519;	}

#slideshow .side-links .green li, .side-links .green a	{ color:green;		}
#container #slideshow .side-links .green a:hover				{ border-bottom: 1px dotted green;		}

#slideshow .side-links .red li,		.side-links .red a		{ color:red;			}
#container #slideshow .side-links .red a:hover					{ border-bottom: 1px dotted red;			}


/*	slide one always needs to be on it's own sprite; please see multi-homepage-first.psd
		slides 2+ will always be combined (unless there are lots of them; please see multi-homepage-second.psd
------------------------------------------------------------------------------------------------------------ */
#slides .slide-one,
#slides .slide-two,
#slides .slide-three,
#slides .slide-four {
	background-repeat:no-repeat;
	background-position:0 0;
}
#slides .slide-one		{ background-position:0 0; }
#slides .slide-two		{ background-position:0 0; }
#slides .slide-three	{ background-position:0 -314px; }
#slides .slide-four		{ background-position:0 -626px; }