#glider {
	margin: 0;
	width: 886px;
}

.scroller {
	float: left;
	overflow: hidden;
	width: 886px;
	height: 364px;
}

.content {
	width: 10000px;
}

.section {
	float: left;
	overflow: hidden;
  padding:0;
	width: 886px;
	height: 364px;
}

.section h3 {
	padding-top: 0;
}

.section img {
	display: block;
	margin: 0 auto;
}

/* DIV TO POSITION BUTTON */

.slideone {
padding: 300px 0pt 0pt 50px; background: transparent url(template/we-are-all-connected.jpg) no-repeat scroll left top; min-height:64px;
}

.slidetwo {
padding: 300px 0pt 0pt 50px; background: transparent url(template/health-feature.jpg) no-repeat scroll left top; min-height:64px;
}

.slidethree {
padding: 300px 0pt 0pt 50px; background: transparent url(template/social-feature.jpg) no-repeat scroll left top; min-height:64px;
}

.slidefour {
padding: 300px 0pt 0pt 50px; background: transparent url(template/education-feature.jpg) no-repeat scroll left top; min-height:64px;
}

.slidefive {
padding: 300px 0pt 0pt 50px; background: transparent url(template/community-feature.jpg) no-repeat scroll left top; min-height:64px;
}



/* CONTROLS */
.controls {
	clear: both;
	width: 886px;
}

.controls ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 886px;
	height: 30px;
}

.controls ul li {
	float: left;
	padding: 0;
	width: 25%;
}

.controls ul li a {
	background-color: #fff;
	color: #695a46;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}

/*.controls ul li a:hover {
	background-color: #173755;
	color: #ffffff;
}*/



/* LEFT AND RIGHT CONTROLS */

.side-nav {
	float: left;
	width: 20px;
	height: 400px;
	display:none;
}

.side-nav a {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 400px;
}

#nav-previous a {
	background: url(images/previous-arrow.png) no-repeat top center;
}

#nav-previous a:hover {
	background: url(images/previous-arrow.png) no-repeat bottom center;
}

#nav-next a {
	background: url(images/next-arrow.png) no-repeat top center;
}

#nav-next a:hover {
	background: url(images/next-arrow.png) no-repeat bottom center;
}