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

.clear{clear:both;}

#image-navigation{
	width:800px;
}

#image-navigation ul li {
	display:block;
	width:130px;
	height:130px;
	margin:10px 0 10px 10px;
	float:left;
}

#image-navigation ul li a {
	display:block;
	width:130px;
	height:130px;
}

#image-navigation .navi {
	border:1px dotted #CCC;
	float:right;
	width:288px;
	padding:0 0 10px 0;
	text-align:center;
}
#image-navigation .navi  ul li img{
	width:130px;
	height:130px;
}
#image-navigation .navi-image {
	border:1px dotted #CCC;
	float:left;
	height:498px;
	width:498px;
}

#image-navigation .navi-image a:hover img{
	opacity:1.0;
	 filter: alpha(opacity=100); /* IE6/7 */
	 -ms-filter: "alpha(opacity=100)"; /* IE8 */
}

#image-navigation .navi-image img{
	width:480px;
	height:480px;
	margin:9px;
}

#image-navigation-text ul li{
	margin:10px 0 10px 10px;
	float:left;
}

#image-navigation-text ul li a {
	display:block;
	float:left;
	width:130px;
	height:130px;
	color:#333;
	line-height:50px;
	text-align:center;
}
#image-navigation-text .navi {
	float:right;
	padding:0 0 10px 0;
	text-align:center;
}
#image-navigation-text .navi img{
	width:130px;
	height:130px;
}
#image-navigation-text .navi-image {
	border:1px dotted #CCC;
	float:left;
	height:498px;
	width:498px;
}
#image-navigation-text .navi-image img{
	width:480px;
	height:480px;
	margin:9px;
}

#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; }

#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; }