div#slideshow {
	/* overflow: scroll;  Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;

	
}
	
	div#slideshow ul	{
		margin: 0;
		padding-left: 0;
		}
	
	div#slideshow ul#arrow {
		display: none;
		list-style: none;
		position: absolute; top: 190px; z-index: 15;
		padding: 0;
		margin: 0;
	}
		div#slideshow ul#arrow li#prev {
			position: relative;
			left: 20px;
		}
		div#slideshow ul#arrow li#next {
			left: 630px;
			top: -43px;
			position: relative;
		}
		div#slideshow ul#arrow li a {
			display: block; width: 34px; height: 34px; text-indent: -9999px;
		}
			div#slideshow ul#arrow li#prev a {
				background: url(../images/arrow-left.png);
			}
			div#slideshow ul#arrow li#next a {
				background: url(../images/arrow-right.png);
			}

	div#slideshow ul#slides {
		list-style: none;
		height: 386px !important;
		margin-bottom: 16px;
		display: block;
		padding: 0 !important;
	}
		div#slideshow ul#slides li {
			margin: 0 0 0 0;
				width: 684px;
				padding: 0;
	height: 386px;
	-webkit-box-shadow: 0px 0px 5px #676c7a;
	-moz-box-shadow: 0px 0px 5px #676c7a;
	box-shadow: 0px 0px 5px #676c7a;
	border: 1px solid #676c7a;
		}
		
		div#slideshow ul#slides li a	{
			width: 684px;
			display: block;
	height: 386px;
	text-decoration: none;
			}

.feature1	{
	background: url(../images/content/feature4.jpg);
	}
	
.feature2	{
	background: url(../images/content/feature2.jpg);
	}
	
.feature3	{
	background: url(../images/content/feature8.jpg);
	}
	
.feature4	{
	background: url(../images/content/feature10.jpg);
	}
	
.feature5	{
	background: url(../images/content/feature5.jpg);
	}

.feature6	{
	background: url(../images/content/feature6.jpg);
	}
	
.feature7	{
	background: url(../images/content/feature9.jpg);
	}

#slides h1	{
	font-size: 380%;
	padding: 30px 40px 40px 50px;
	line-height: 40px;
	font-size: 300%;
	color: #ccc;
	}
	
#slides .feature4 h1	{
	color: #999;3
	}
	
#slides h1 span	{
	color: #fff;
	display: block;
	}