@charset "utf-8";
/* CSS Document */
#dock li {display:inline-block}
#dock li img {
  width: 70px;
  height: 70px;
  margin: 0 20px;
  /*-webkit-box-reflect: below 2px
		    -webkit-gradient(linear, left top, left bottom, from(transparent),
		    color-stop(0.7, transparent), to(rgba(255,255,255,.5))); /* reflection is supported by webkit only */
  -webkit-transition: all 0.3s;
  -webkit-transform-origin: 50% 100%;
  
  -webkit-filter: grayscale(90%);
  opacity: 0.3;
  
}
#dock li:hover img,
#dock li #active { 
  /*margin: 0 2em;*/
  
  -webkit-filter: grayscale(0%);
  opacity: 1;
  
}

#dock li:hover + li img,
#dock li.prev img {
  -webkit-transform: scale(1.0);
  /*margin: 0 1.5em;*/
}

/************************************************************************************************************************************/
#dock2 li {display:inline-block}
#dock2 li img {
  width: 64px;
  height: 64px;
  -webkit-transition: all 0.3s;
  -webkit-transform-origin: 50% 100%;
  
  -webkit-filter: grayscale(90%);
  opacity: 0.3;
  
}
#dock2 li:hover img,
#dock2 li #active { 
  -webkit-transform: scale(1.4);
  margin: 0 2em;
  
  -webkit-filter: grayscale(0%);
  opacity: 1;
  
}

#dock2 li:hover + li img,
#dock2 li.prev img {
  -webkit-transform: scale(1.2);
  margin: 0 1.5em;
}