@charset "UTF-8";

Code:
/
Pure CSS Image slider_buttonsde-Show + Custom Style design and coding by Dan N for www.template.design-xpro.com
/
#sli {
  clear:both;
  position:absolute;
  top:220px;
  left:100px;
  width:880px;
  border:1px solid #000;
  margin-top:220px;
  margin-left:100px;
  padding:5px;
  background:rgba(0,0,0,0.6);
  display:block;
  z-index:2;
  margin-right:100px;
  height:auto;
  margin-bottom:20px;
  text-indent:103px;
}

#ima {
  width:840px;
  height:400px;
  overflow:hidden;
  position:relative;
  margin:1px auto;
}

#ima div {
  width:810px;
  height:400px;
  position:absolute;
  top:0;
  left:-500px;
  z-index:1;
  opacity:0;
  transition:all linear 500ms;
  -o-transition:all linear 500ms;
  -moz-transition:all linear 500ms;
  -webkit-transition:all linear 500ms;
}

#ima div:target {
  left:0;
  z-index:9;
  opacity:1;
}

#ima div:first-child {
  left:0;
}

#change_image a {
  text-align:center;
  border:1px solid #066;
  color:#FFF;
  width:40px;
  height:30px;
  text-decoration:none;
  -webkit-box-shadow:0 2px 3px 0 #000000;
  -moz-box-shadow:0 2px 3px 0 #000000;
  box-shadow:0 2px 3px 0 #000000;
  background:#039;
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-moz-linear-gradient(top,#206e8e 0%,#19bbfe 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#206e8e),color-stop(68%,#19bbfe));
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-webkit-linear-gradient(top,#206e8e 0%,#19bbfe 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-o-linear-gradient(top,#206e8e 0%,#f31161 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-ms-linear-gradient(top,#ff6214 0%,#ff450c 14%,#912600 100%);
  -webkit-transition:all 0;
  -moz-transition:all 0;
  transition:all 0;
  background-position:-50px 0;
  border-radius:50px;
  -moz-border-radius:50px;
  -ms-border-radius:50px;
  -o-border-radius:50px;
  -webkit-border-radius:50px;
  padding-left:4px;
  padding-right:4px;
}

#change_image a:hover {
  text-align:center;
  border:1px solid #333;
  color:#FFF;
  text-decoration:none;
  width:40px;
  height:30px;
  background:#096;
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-moz-linear-gradient(top,#3d457a 0%,#2e8ded 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3d457a),color-stop(68%,#2e8ded));
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-webkit-linear-gradient(top,#3d457a 0%,#2e8ded 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/frte_zpscb5c8728.png) no-repeat,-o-linear-gradient(top,#3d457a 0%,#2e8ded 68%);
  background-position:100px 0;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  transition:all .7s;
  background-position:80px 0;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  transition:all .7s;
  background-position:100px 0;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  transition:all .7s;
  background-position:100px 0;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  transition:all .7s;
  -webkit-box-shadow:0 -3px 12px rgba(50,50,50,0.75);
  -moz-box-shadow:0 -3px 12px rgba(50,50,50,0.75);
  box-shadow:0 -3px 12px rgba(50,50,50,0.75);
  border-radius:50px;
  -moz-border-radius:50px;
  -ms-border-radius:50px;
  -o-border-radius:50px;
  -webkit-border-radius:50px;
  padding-left:4px;
  padding-right:4px;
}

.caption {
  clear:both;
  background:rgba(0,0,0,0.8);
  width:790px;
  text-indent:12px;
  padding:4px;
  height:22px;
  position:relative;
  text-align:left;
  font-size:15px;
  border-radius:0 0 8px 8px;
  -webkit-border-radius:0 0 8px 8px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:1px solid #000;
  border-top:1px solid #FFF;
  color:#FFF;
  text-shadow:1px 0 0 #999;
  display:block;
  font-family:'Century Gothic';
  letter-spacing:1px;
}

body {
  background:http://tinypic.com/r/15mielk/5;
  background-color:#00FFFF;
  background-size:100%!important;
}