/*MAIN - used in index.html*/

/*--- In CONTENT AREA ----*/
#main_image_4nav, #main_image_4nav ul{
	margin:0px;
	padding:0px;

}

#main_image_4nav li{
	float:left;
	list-style:none;
	height:280px;
	border-bottom:1px dashed #686868;
	
}

#main_image_4nav .nav1{
	width:243px;
	height:280px;
	background: url(../images/main_classreplay_e.jpg) no-repeat;
}

#main_image_4nav .nav2{
	width:241px;
	height:280px;
	background: url(../images/main_mht.jpg) no-repeat;
}

#main_image_4nav .nav3{
	width:246px;
	height:280px;
	background:url(../images/main_oguru.jpg) no-repeat;
}

#main_image_4nav .nav4{
	width:246px;
	height:280px;
	background: url(../images/main_mhtacad_e.jpg) no-repeat;
}


#main_image_4nav .text_align1{padding-left:17px;padding-top:45px;padding-right:10px;}
#main_image_4nav .text_align2{padding-left:20px;padding-top:45px;padding-right:10px;}

#news_container{height:240px;}

#testi_container{
	width:483px;
	height:240px;
	padding-top:8px;
	float:left;
	background:url(../images/main_bk_testi.png) repeat-x; 
	background-color:#fff;
	border-right:1px dashed #686868;
}

#testi_content_container{
	
}
.title_testi_news{
	margin:0px;
	line-height:31px;
	height:30px; 
	font-weight:bold;
	background:url(../images/main_bk_label_testi.png) repeat-x;
	border-bottom:1px dashed #686868;
}

#testi_container .content{
	 width:70%;
	 margin:0px;
	 padding-top:15px;
	 float:left;
	 color:#666;
	 
}

#testi_container .img{
	margin:0px;
	padding-top:15px;
	float:left; 
}


#news_container{
	width:492px;
	padding-top:8px;
	float:left;
	background:url(../images/main_bk_testi.png) repeat-x; 
	background-color:#fff;

}

#news_container .content{
	 margin:0px;
	 padding-top:15px;	 
	 color:#666;
}


/* BUTTONS*/
#button1,#button2,#button3,#button4, 
.but_ouhk a,but_ouhk a:hover,
.but_psb a,.but_ouhk a:hover,
.but_unisim a, .but_unisim a:hover,
.but_dunman a, .but_dunman a:hover{
	width:34px;
	height:34px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	float:left;
}


.but_ouhk a{background: url(../images/buttons/ouhk_over.jpg);}
.but_ouhk a:hover{background: url(../images/buttons/ouhk_over.jpg);}
.but_psb a{background: url(../images/buttons/psb_over.jpg);}
.but_psb a:hover{background: url(../images/buttons/psb_over.jpg);}
.but_unisim a{background: url(../images/buttons/unisim_over.jpg);}
.but_unisim a:hover{background: url(../images/buttons/unisim_over.jpg);}
.but_dunman a{background: url(../images/buttons/dunman_over.jpg);}
.but_dunman a:hover{background: url(../images/buttons/dunman_over.jpg);}
.active {width:34px;
	height:34px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	float:left;border:2px solid #666;}