/* Feature carousel
--------------------------------------- */
#feature {
	background:  url(images/rayoflightback.jpg) no-repeat left top;
	height: auto !important;
	height: 310px;
	min-height: 310px;
}

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

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

#mySlides .slide h1 {
	font-size: 1.6em !important;
	margin: 0.75em 0 0.5em 0 !important;
	width: 350px;
	color: #FFFFFF;
}

#mySlides .slide p {
width: 350px;
color: #afe0fd;
}

#mySlides a {
	color: #FFFFFF;
}

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

#feature .nav a {
	color: #13a6ea;
	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;}