@charset "utf-8";
/*  banner icon */
div.fadenav { position: absolute; bottom: 15px; right: 5%; margin-left:-20px;  }
div.fadenav a {background: url(/img/main/bullet_off.png) no-repeat; width: 15px; height: 15px; margin: 0 0 0 0px; float: left; overflow: hidden;}
div.fadenav a:hover { text-decoration: none; }

div.fadenav a.current { background: url(/img/main/bullet_on.png) no-repeat; }

div.fadenavj { position: absolute; top: 447px; right: 2px; }
div.fadenavj a {background: url(/img/main/bullet_off.png) no-repeat; width: 15px; height: 15px; margin: 0 0 0 0px; float: left; overflow: hidden;}
div.fadenavj a:hover { text-decoration: none; }

div.fadenavj a.current { background: url(/img/main/bullet_on.gif) no-repeat; }

/*
div.fadenav a.current {background:url(../image/icon_1_on.gif) center center no-repeat; }
div.fadenav a.current2 {background:url(../image/icon_2_on.gif) center center no-repeat; }
div.fadenav a.current3 {background:url(../image/icon_3_on.gif) center center no-repeat; }
*/

#example2 .effectContainer {

	margin:0 0 10px 0; z-index:1; 

	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
#example2 .circular { width: 313px; height: 345px; background: none; } 

#example2 .slide { position: relative; height: 345px; width: 313px; text-align: center; }
#example2 .circular .slide { width: 313px; height: 345px; border: 0;  }
.s1 {  }
.s2 {  }
.s3 {  }
.s4 {  }
.s5 {  }
.s6 {  }
.s7 {  }