* { margin: 0; padding: 0; } /* Hard reset */

/* The following styles are essential to the slider's functionality */

.plusslider {
  overflow: hidden;
	position: relative;
	padding: 0px 0; /* The height / width of the slider should never be set via the CSS. The padding increases the slider box-model while keeping it dynamic */
}

.plusslider-container { overflow: hidden; position: relative; background-color: black;}

.vddps_slide {
  width: 650px;
  height: 288px;
  position: relative;
  overflow: hidden;
}

.vddps_photo {
  z-index: 5;
}

.vddps_overlay {
  background-color: white;
  z-index: 10;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  width: 100%;
  height: 75px;
  
}

.vddps_overlay h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: black;
  padding: 5px 5px 5px 5px;
}

.vddps_overlay p {
  color: black;
  padding: 0px 5px 0px 5px;
}
  
/* Slides must have a set width - even though they may be dynamic. If no width is set on <img> slides, the default image size will be assumed */
div.child { width: 650px; }

.plusslider .child { float: left; }

/* PlusFader Specific (not needed with plustype:slider */
.plustype-fader .child { display: none; position: absolute; left: 0; top: 0; }
.plustype-fader .current { z-index: 5; }
/* End PlusFader Specific */

/* No-javascript fallback -- change "#slider" and "#slider2" identifiers as needed for your html */
#slider > * { display: none; }
#slider > *:first-child, #slider2 > *:first-child { display: block; }
/* End no-javascript fallback */

/* End essential styles*/

.plusslider a img { border: none; width: 100% } /* Prevent blue borders in IE (not only does it look ugly, but it messes up spacing which breaks the "slider" type */

.plusslider-pagination-wrapper {
  width: 100%;
  position: relative;
  top: -15px;
  z-index: 20;
}

.plusslider-pagination {
	display: table;
	margin: 0 auto;
	padding: 3px 0;
}

.plusslider-pagination li {
	background: url(../images/plus-sprite.png) no-repeat left top;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 0;
	height: 10px;
	margin: 0 3px;
	text-indent: -9999px; /*IE6 fix */
	width: 10px;
	position: relative;
}

.plusslider-pagination .current, .plusslider-pagination li:hover {
	background-position: -10px 0;
}

.plusslider-arrows li {
	background: url(../images/plus-sprite.png) no-repeat left top;
	cursor: pointer;
	display: block;
	height: 32px;
	margin-top: -16px;
	opacity: 0;
	width: 32px;
	position: absolute;
	top: 50%;
	z-index: 200;
	text-indent: -9999px;

	/* Fade in/out .arrows on hover */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	   -moz-transition-property: opacity;
	   -moz-transition-duration: 0.2s;
	   -moz-transition-timing-function: ease-in;
	    -ms-transition-property: opacity;
	    -ms-transition-duration: 0.2s;
	    -ms-transition-timing-function: ease-in;
	     -o-transition-property: opacity;
	     -o-transition-duration: 0.2s;
	     -o-transition-timing-function: ease-in;
	        transition-property: opacity;
	        transition-duration: 0.2s;
	        transition-timing-function: ease-in;
}

.plusslider:hover .plusslider-arrows li {opacity: 1; }
.plusslider-arrows .prev {background-position: 0 -10px; left: 10px; }
.plusslider-arrows .prev:hover {background-position: 0 -42px; left: 10px; }
.plusslider-arrows .next {background-position: -33px -10px; right: 10px; }
.plusslider-arrows .next:hover {background-position: -33px -42px; }

/* PlusFader Specific */
.plustype-fader .current { z-index: 2; }
.plustype-fader .child { display: none; position: absolute; left: 0; top: 0; }
.plustype-fader .plusslider-pagination { position: relative; z-index: 200; }