/* ************************************************** div#featuresslides ****************************** */

div#featuresslides {
	width: 958px;
  height: 281px;
	margin: 0 0 15px 0;
	padding: 0;
  background-color: #9CC;
  background-image: url(/imgD/landing_bkg_featuresslides.jpg);
}
#featuresslides div#slideswrapper {
  position: relative;
  float: left;
  overflow: hidden;
  width: 727px;
  height: 281px;
  background-color: #ccc;
  background-image: url(/images/features/duo_all.jpg);
}

#featuresslides #slideswrapper img#overlayframetop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
#featuresslides #slideswrapper img#overlayframebtm {
  position: absolute;
  left: 0;
  top: 271px;
  z-index: 100;
}
#featuresslides div#slideswrapper_m {
  position: relative;
  float: left;
  overflow: hidden;
  width: 727px;
  height: 281px;
  background-color: #ccc;
  background-image: url(/images/features/duo_cms.jpg);
}
#featuresslides #slideswrapper_m img#overlayframetop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
#featuresslides #slideswrapper_m img#overlayframebtm {
  position: absolute;
  left: 0;
  top: 271px;
  z-index: 100;
}
#featuresslides #slideswrapper_m.reveal{
  background-position: 0 -220px;
}


#featuresslides div#slides {
  position: relative;
  width: 2181px;
  height: 281px;
  background-color: #ccc;

}
#featuresslides #slides div {
  position: absolute;
  width: 727px;
  height: 503px;
}
#featuresslides #slides div a,
#featuresslides #slides div img {
  display: block;
  margin: 0;
  padding: 0;
}
#featuresslides #slides div#slidecms {
  top: 0;
  left: 0;
}
#featuresslides #slides div#slidedesign {
  top: 0;
  left: 727px;
}
#featuresslides #slides div#slideseo {
  top: 0;
  left: 1454px;
}
#featuresslides #slides div#slidesocial {
  top: 503px;
  left: 0;
}
#featuresslides #slides div#slideweb20 {
  top: 503px;
  left: 727px;
}
#featuresslides #slides div#slideflash {
  top: 503px;
  left: 1454px;
}
#featuresslides #slides div#slideecommerce {
  top: 1006px;
  left: 0;
}
#featuresslides #slides div#slideaccessibility {
  top: 1006px;
  left: 727px;
}
#featuresslides #slides div#slidedata {
  top: 1006px;
  left: 1454px;
}
#featuresslides #slides div#slidedocs {
  top: 1509px;
  left: 0;
}
#featuresslides #slides div#slidesecurity {
  top: 1509px;
  left: 727px;
}
#featuresslides #slides div#slideapplications {
  top: 1509px;
  left: 1454px;
}


#featuresslides ul.navfeatures {
  overflow: hidden;
  width: 183px;
  margin: 0;
  padding: 19px 24px 0 24px;
  list-style-type: none;
}
#featuresslides .navfeatures li {
  float: left;
  width: 61px;
  height: 61px;
  margin: 0;
  padding: 0;
}
#featuresslides .navfeatures a {
  display: block;
  width: 61px;
  height: 61px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-position: 0 -122px;
  outline: none;
}

#featuresslides .navfeatures a:hover {
  background-position: 0 -61px;
}
#featuresslides .navfeatures a.active {
  background-position: 0 0;
}
#featuresslides .navfeatures .cms a {
  background-image: url(/imgD/landing_featuresnav_cms.png);
}
#featuresslides .navfeatures .design a {
  background-image: url(/imgD/landing_featuresnav_design.png);
}
#featuresslides .navfeatures .seo a {
  background-image: url(/imgD/landing_featuresnav_seo.png);
}
#featuresslides .navfeatures .social a {
  background-image: url(/imgD/landing_featuresnav_social.png);
}
#featuresslides .navfeatures .web20 a {
  background-image: url(/imgD/landing_featuresnav_web20.png);
}
#featuresslides .navfeatures .flash a {
  background-image: url(/imgD/landing_featuresnav_flash.png);
}
#featuresslides .navfeatures .ecommerce a {
  background-image: url(/imgD/landing_featuresnav_ecommerce.png);
}
#featuresslides .navfeatures .accessibility a {
  background-image: url(/imgD/landing_featuresnav_accessibility.png);
}
#featuresslides .navfeatures .data a {
  background-image: url(/imgD/landing_featuresnav_data.png);
}
#featuresslides .navfeatures .docs a {
  background-image: url(/imgD/landing_featuresnav_docs.png);
}
#featuresslides .navfeatures .security a {
  background-image: url(/imgD/landing_featuresnav_security.png);
}
#featuresslides .navfeatures .applications a {
  background-image: url(/imgD/landing_featuresnav_applications.png);
}