@charset "utf-8";
/* CSS Document */


#main-img {
	width: 860px;
	height: 335px;
	background-image: url("../img/main_image.gif");
	background-repeat: no-repeat;
	}


/**-- Top Navigation --**/
		
#top-navi {
	float: left;
	width: 500px;
	height: 206px;
	margin-top: 40px;
	margin-left: 0px;
	}
	
#top-navi ul {	
	list-style-type: none;
	margin:0px;
	padding:0px;
	list-style-position:outside;
	background:url(../img/g_navi.jpg) no-repeat;
	}
	

#top-navi ul li a{
	display: block;
	width:500px;
	height:26px;
	text-decoration:none; 
	}

#top-navi ul li a span{
	visibility: hidden;
	}
	

#top-navi li#aboutus a.active,
#top-navi li#aboutus a:focus,
#top-navi li#aboutus a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px 0px;
	width:500px;
	height:26px; 
	}

	
#top-navi li#mestre a.active,
#top-navi li#mestre a:focus,
#top-navi li#mestre a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px -26px;
	width:500px;
	height:26px; 
	}
	
#top-navi li#lesson a.active,
#top-navi li#lesson a:focus,
#top-navi li#lesson a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px -52px;
	width:500px;
	height:26px; 
	}
	
#top-navi li#music a.active,
#top-navi li#music a:focus,
#top-navi li#music a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px -78px;
	width:500px;
	height:26px; 
	}
	
#top-navi li#gallery a.active,
#top-navi li#gallery a:focus,
#top-navi li#gallery a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px -104px;
	width:500px;
	height:26px; 
	}
	
#top-navi li#link a.active,
#top-navi li#link a:focus,
#top-navi li#link a:hover{
	width:500px;
	height:26px; 
	background: url(../img/g_navi.jpg) no-repeat -500px -130px;
	}
	
#top-navi li#contact a.active,
#top-navi li#contact a:focus,
#top-navi li#contact a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px -156px;
	width:500px;
	height:26px; 
	}
	
#top-navi li#english a.active,
#top-navi li#english a:focus,
#top-navi li#english a:hover{
	background: url(../img/g_navi.jpg) no-repeat -500px -182px;
	width:500px;
	height:26px; 
	}



#calendar {
	margin-top: 3px;
	float: left;
	width: 152px;
	}
	
#calendar img {
	border: none;
	}
	

/**-- Information --**/

#main {
	width: 686px;
	margin-left: 91px;
	margin-right: 91px;
	text-align: left;
	}

#info-box01{
	float: left;
	width: 215px;
	}
	
#info-box02{
	float: left;
	width: 215px;
	margin-left: 20px;
	}
	
.info-txt{
	float: left;
	width: 215px;
	font-size: 10px;
	line-height: 16px;
	}
	
#line01{
	float: left;
	margin-top: 15px;
	margin-bottom: 30px;
	}