/* root element for the whole scrollable setup */

#mySlides a{
	text-decoration: none;
}

#mySlides h3{
	margin:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration: none;
}

#mySlides p {
	margin:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align: left;
	text-decoration: none;
}

#myController-nav {
	width:410px;
	height:38px;
	margin-left:90px;
	margin-top:0px;
	font-family:"Lucida Sans Unicode", Tahoma, Arial, Helvetica;
	font-size:16px;
	line-height:9px;
	color:#fff;
	text-align: left;
	text-decoration: none;
}

#myController-prev {
	cursor:pointer;
	float:left;
	height:30px;
	width:30px;
	margin-top:11px;
	margin-right:7px;
}

#myController-next {
	height:30px;
	width:30px;
	float:right;
	margin-top:11px;
	background-image: url(images/arrow-next.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#myController span{
	float:left;
	display:inline-block;
	color:#FFF;
	margin:10px;
	padding:10px 13px 12px 13px;
	cursor:pointer;
 	background-color: #6e81c2;
}

#jFlowSlide{
	border:0px solid #FFF;
}

#myController span.jFlowSelected {
	background-color: #A4BBFF;
}

.jFlowPrev  {
	background-image: url(images/arrow-previous.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}

.jFlowPrev a {
	background-image: url(images/arrow-previous.png);
	background-repeat: no-repeat;
	background-position: 0px center;	
}

.jFlowPrev a:hover{
	background-position: -30px center;
}

.jFlowNext{
cursor:pointer;
}