#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }


/*-------------------------------------------
JQUERY
-------------------------------------------*/

#image-navigation{
width:900px;
height:400px;
margin:0 auto;
padding:0;
text-align:center;
}

img {
  border:0;
  vertical-align:bottom;
}
ul,
li {
  margin:0;
  padding:0;
  list-style:none;
}

#image-navigation ul{
float:right;
margin-left:13px;
width:300px;
height:400px;
}
#image-navigation li{
margin-bottom:15px;
margin-right:8px;
float:right;
}

#image-navigation ul li a {
  display:block;
  width:134px;
  height:89px;
}
#image-navigation .navi {
  float:right;

}
#image-navigation .navi-image {
  float:left;
}

#image-navigation-text ul li a {
  display:block;
  width:134px;
  height:89px;
  color:#333;
  line-height:50px;
  text-align:center;
}
#image-navigation-text .navi {
  float:left;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
  background:#eee;
}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }