/*----------Slideshow----------------*/
#home_slideshow {
	position: relative;
	height: 261px;
	margin: 0 auto;
	display: none;
}
#homepage_slideshow{
  height:261px;
	margin-top: 15px;
}
#home_slideshow ul.slideshow-cycle{
  position: absolute !important;
  left: 50%;
  margin-left: -591px;
  top: -9px;
}
.slideshow-cycle, 
.slideshow-cycle li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slideshow-cycle li > div.slide-text {
	text-align: left;
	padding-left: 60px;
	padding-top: 15px;
}
.slideshow-cycle li {
	display: none;
	overflow: hidden;
}
.slideshows-slide{
  text-align: center;
	margin-top: 20px;
}
.slideshows-slide h2{
  /*text-align: center;*/
  color:#008CD3;
  font-size: 26px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#homepage_slideshow_slide_2 h2 {
  /* "scratch and dent" slide is spaced a bit differently from the others thanks to that logo */
  padding-top:36px;
}
.slideshows-slide p{
  font-size: 18px;
  margin: 2px 0;
  font-weight: bold;
}
.slides-control-prev {
	position: absolute;
	top: 45%;
	left: 40px;
}

.slides-control-next {
	position: absolute;
	top: 45%;
	right: 40px;
}
#slide_controls{
  position: absolute;
  z-index: 1000;
  width:100%;
  top:225px;
  text-align: center;
}
#homepage_slideshow_slidenav{
  display:inline-block;
}
#homepage_slideshow_slidenav a{
  background-color: #444444;
  font-size: 0;
  padding:4px;
  margin-right:8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow:  0 0 4px #FFF;
  -moz-box-shadow:  0 0 4px #FFF;
  box-shadow:  0 0 4px #FFF;
}
#homepage_slideshow_slidenav a.activeSlide{
  background-color: #008CD3; 
}
#home_slideshow div.slide_pause{
  display: inline-block;
  background: url('../../images/site/buildout/slideshow_pause.jpg') no-repeat;
  width: 13px;
  height: 13px;
  font-size: 0;
  vertical-align: top;
  margin-top: 5px;
}
#home_slideshow div.slide_pause:hover{
  cursor: pointer;
}
#learn_more {
	position: relative;
	top: -120px;
	z-index: 2000;
	display: none;
}
/*-----Navagation for the slides ----*/

.shownav {
  /* you can add positioning properties here if needed */
  display: none;
  position: absolute;
  width: 180px; /* change as required */
  z-index: 999;
  padding: 0;
  left: 62px;
  top: 324px;
}

.shownav a {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  text-indent: -999em;
  background: none;
  margin-right: 10px;
}

.shownav a {
  background: #999999; /* optional: color when hovered */
}

.shownav a.activeSlide {
  background: #F94C07; /* color when active */
}