/* Feature carousel
--------------------------------------- */
#feature {
	background:  url(images/blackback.jpg) no-repeat left top;
	height: auto !important;
	height: 307px;
	min-height: 307px;
	position:relative;
	margin-top:40px;
}

.nav {margin-top: -35px; padding: 0;}
.nav li {display: inline; list-style: none;}
#mySlides {
	overflow: hidden;
	width: 1200px;
	height: 307px;	
	}

#mySlides .slide {
	color: #b5e5f7;
	padding: 0px 0px 0px 20px;
	font-size: 1.25em;
	line-height: 1.333em;
}

#mySlides .slide h1 {
	font-size: 1.9em !important;
	margin: 0.75em 0 0.5em 0 !important;
	width: 680px;
	line-height: 1.1em;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
}

#mySlides .slide p {
width: 680px;
color: #eaeaea;
}

#mySlides a {
	color: #FFFFFF;
}

#feature .nav {
	background: #0c0c0e;
	font-size: 1.41667em;
	color: #13a6ea;
	height: 44px;
	position: relative;
	padding-left: 30px;
	font-weight:bold;
}

#feature .nav a {
	color: #4a4a4a;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-top: -7px;
	margin-right: 1em;
	padding-left: 62px;
}

#feature .nav .one a {background: url(images/one.png) no-repeat left top;}
#feature .nav .two a {background: url(images/two.png) no-repeat left top;}
#feature .nav .three a {background: url(images/three.png) no-repeat left top;}
#feature .nav .four a {background: url(images/four.png) no-repeat left top;}

#feature .nav a:hover, #feature .nav a.jFlowSelected {
	color: #FFF;
	text-decoration: none;
	background-position: left -58px;
}
#feature .nav .hide {display: none;}