/* featureCarousel */

#featureslider {
 width:680px;
 position:relative;
 font-size:12px;
 font-family:verdana;
}

#features, #featureContent, .featureItem {
  overflow: hidden;
  height: 325px;
  position: relative;
  margin: 0 0 20px 0;
}
.featureItem { 
  display: none; 
  position: absolute; 
  top:0; 
  left: 0;
  padding: 0;
  background-image: none;
  width: 685px;
}
.featureItem img {
	position: absolute;
	left: 0;
	top: 0;
        margin-left:7px;
        border:0;
}
#featureContent {
  z-index: 1;
}
#featureContent .cur { display: block; }
.featureBackground {
  background-color: #003886;
  opacity: .9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.featureDescription, .featureBackground, #featureControls {
  width: 240px;
  position: absolute;
  right: 0;
  top: 38px;
}
.featureBackground {
  height: 250px;
}
/*featureDescription */

.featureDescription {
  color: #fff;
  padding: 30px 0 0 0;
  background-color: transparent;
}
.featureDescription p, .featureDescription h3, .featureExplore { 
  margin: 0 20px 10px;
}
.featureDescription h3 { 
  font-size: 1.8em; /* 20px */
  line-height: 1.0em;
  font-family:georgia;
}
.featureDescription a {
  color: #fff;
  text-decoration: none;
}
.featureDescription a:hover {
  text-decoration: underline;
}
.featureExplore {
	display: block;
	font-weight: 700;
	padding: 2px 3px 3px 12px;
  background: 3px 4px no-repeat url(http://www.webplanninginc.com/test/images/bg-featureExplore.png);
}

/* featureControls */

#featureControls {
  top: 220px;
  left:425px;
  position: absolute;
  z-index: 100;
}
#featureThumbWrap {
  margin: 0 0px;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 120px;
}
#featureThumbList {
  list-style-type: none;
  margin: 0;
  position: absolute;
  left: 0;
  width: 678px;
}
#featureThumbList ul {
 margin:0;
 padding:0;
}
#featureThumbList li {
  width: 50px;
  height: 50px;
  padding: 5px;
  float: left;
  background: transparent url(http://www.webplanninginc.com/test/images/bg-thumblist-li.png) 0 0 no-repeat;
  margin: 0 5px 0 0;
}
#featureThumbList li a {
  outline: none;	
  text-decoration: none;
}

#featureThumbList img {
  border:0;
}

#featureThumbList .featureThumbCaption, .featureThumbCaption span {
	background: 0 0 url(http://www.webplanninginc.com/test/images/bg-featureThumbCaption.png) no-repeat;
	display: none;
}
#featureThumbList a:hover .featureThumbCaption {
	display: block;
  width: 125px;
  height: 15px;
  position: absolute;
  left: -4px;
  top: 53px;
}
#featureThumbList a:hover .featureThumbCaption span {
	background-position: bottom left;
	display: block;
	width: 95px;
	padding: 0px 15px 12px;
	position: absolute;
	top: 15px;
	font-size: .8333em; /* 10px */
	font-weight: 700;
	color: #383838;
}
#featureThumbList li.lastInSlide a:hover .featureThumbCaption {
	background-position: -125px 0px;
  left: -61px;
  top: 53px;
}
#featureThumbList li.noHover a:hover .featureThumbCaption {
	display: none;
}
#featureThumbList li.noHover a:hover .featureThumbCaption span {
	display: none;
}
#featureThumbList li.cur, #featureThumbList li:hover {
  background-position: 0 -60px;
}
.featureNav {
  position: absolute;
  background: url(http://www.webplanninginc.com/test/images/btn-listNav.png) no-repeat 0 0;
  text-indent: -9999px;
  top: 12px;
  height: 40px;
  width: 40px;
}
#featurePrev {
  left: 12px;
}
#featurePrev:hover {
  background-position: 0 -40px;
}
#featureNext {
  right: 8px;
  background-position: -40px 0;
}
#featureNext:hover {
  background-position: -40px -40px;
}

.hide {
  display:none;
}
/* end */