@charset "utf-8";

/* Menu image */

#menu{
	width:201px;
	margin:0;  
	padding:0; 
	margin:0 auto;
}

#menu li{
	position: relative;
	list-style:none;
	display: block;
	float:left;  /*--- Make the list go horizontal ---*/
	margin:0;
}

#menu li a{
	display:block;
	text-indent: -9999px;
	overflow: hidden; 
	height:32px;	
}

/* Menu image teb*/
#menu li#home a{
	background: url(tabmenu_en/Home_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#about a{
	background: url(tabmenu_en/About_project_down.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#detail a{
	background: url(tabmenu_en/Description_down.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#concept a{
	background: url(tabmenu_en/Concept_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#objecttive a{
	background: url(tabmenu_en/Objective_down.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#Join_us a{
	background: url(tabmenu_en/How-to-participate_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#committee2 a{
	background: url(tabmenu_en/Committee_down.jpg) no-repeat;
	width:201px; height:32px;
}
/*sub menu img*/
#menu li#oper-committ-up a{
	background: url(tabmenu_en/oper-committ-down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#Honorary-Advisors-up a{
	background: url(tabmenu_en/Honorary-Advisors-down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#Board-Advisory-up a{
	background: url(tabmenu_en/Board-Advisory-down.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#Board-Director-up a{
	background: url(tabmenu_en/Board-Director-down.jpg) no-repeat;
	width:201px; height:32px;
}
/*End sub menu img*/

#menu li#presenter a{
	background: url(tabmenu_en/Presenter_down.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#productproject a{
	background: url(tabmenu_en/product_project_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#golden_tree a{
	background: url(tabmenu_en/golden_tree-down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#millionaire_money_tree a{
	background: url(tabmenu_en/millionaire_money_tree-down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#vidio-project a{
	background: url(tabmenu_en/Vedio_Project_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#sponsored a{
	background: url(tabmenu_en/sponsored_down.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#payment a{
	background: url(tabmenu_en/Payment_support_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#picture-activity a{
	background: url(tabmenu_en/Special_events_down.jpg) no-repeat;
	width:201px; height:32px;
}
#menu li#report a{
	background: url(tabmenu_en/Facts_about_Payakocharach_d.jpg) no-repeat;
	width:201px; height:32px;
}

#menu li#contact a{
	background: url(tabmenu_en/Contact_us_down.jpg) no-repeat;
	width:201px; height:32px;
}


/* Menu hover*/

#menu li#home a:hover{
	background: url(tabmenu_en/Home_over.jpg) no-repeat;
}
#menu li#about a:hover{
	background: url(tabmenu_en/About_project_over.jpg) no-repeat;
}
#menu li#detail a:hover{
	background: url(tabmenu_en/Description_over.jpg) no-repeat;
}
#menu li#concept a:hover{
	background: url(tabmenu_en/Concept_over.jpg) no-repeat;
}
#menu li#objecttive a:hover{
	background: url(tabmenu_en/Objective_over.jpg) no-repeat;
}
#menu li#Join_us a:hover{
	background: url(tabmenu_en/How-to-participate_over.jpg) no-repeat;
}
#menu li#committee2 a:hover{
	background: url(tabmenu_en/Committee_over.jpg) no-repeat;
}
/*sun menu img over*/
#menu li#oper-committ-up a:hover{
	background: url(tabmenu_en/oper-committ-over.jpg) no-repeat;
}
#menu li#Honorary-Advisors-up a:hover{
	background: url(tabmenu_en/Honorary-Advisors-over.jpg) no-repeat;
}
#menu li#Board-Advisory-up a:hover{
	background: url(tabmenu_en/Board-Advisory-over.jpg) no-repeat;
}
#menu li#Board-Director-up a:hover{
	background: url(tabmenu_en/Board-Director-over.jpg) no-repeat;
}
/*end sun menu img over*/

#menu li#presenter a:hover{
	background: url(tabmenu_en/Presenter_over.jpg) no-repeat;
}
#menu li#productproject a:hover{
	background: url(tabmenu_en/product_project_over.jpg) no-repeat;
}
#menu li#golden_tree a:hover{
	background: url(tabmenu_en/golden_tree-over.jpg) no-repeat;
}
#menu li#millionaire_money_tree a:hover{
	background: url(tabmenu_en/millionaire_money_tree-over.jpg) no-repeat;
}
#menu li#vidio-project a:hover{
	background: url(tabmenu_en/Vedio_Project_over.jpg) no-repeat;
}
#menu li#sponsored a:hover{
	background: url(tabmenu_en/sponsored_over.jpg) no-repeat;
}
#menu li#payment a:hover{
	background: url(tabmenu_en/Payment_support_over.jpg) no-repeat;
}
#menu li#picture-activity a:hover{
	background: url(tabmenu_en/Special_events_over.jpg) no-repeat;
}
#menu li#report a:hover{
	background: url(tabmenu_en/Facts_about_Payakocharach_O.jpg) no-repeat;
}
#menu li#contact a:hover{
	background: url(tabmenu_en/Contact_us_over.jpg) no-repeat;
}


/* Menu Current, Active*/

body#home ul#menu li a.home{
	background: url(tabmenu_en/Home_up.jpg) no-repeat;
	cursor:default;  
}
body#about ul#menu li a.about{
	background: url(tabmenu_en/About_project_up.jpg) no-repeat;
	cursor:default;  
}
body#detail ul#menu li a.detail{
	background: url(tabmenu_en/Description_up.jpg) no-repeat;
	cursor:default;  
}
body#concept ul#menu li a.concept{
	background: url(tabmenu_en/Concept_up.jpg) no-repeat;
	cursor:default;  
}
body#objecttive ul#menu li a.objecttive{
	background: url(tabmenu_en/Objective_up.jpg) no-repeat;
	cursor:default;  
}
body#Join_us ul#menu li a.Join_us{
	background: url(tabmenu_en/How-to-participate_up.jpg) no-repeat;
	cursor:default;  
}
body#committee2 ,
body#oper-committ-up ul#menu li a.committee2,
body#Honorary-Advisors-up ul#menu li a.committee2,
body#Board-Advisory-up ul#menu li a.committee2,
body#Board-Director-up ul#menu li a.committee2{
	background: url(tabmenu_en/Committee_up.jpg) no-repeat;
	cursor:default;  
}
/*sub menu img Active*/
body#oper-committ-up ul#menu li a.oper-committ-up{
	background: url(tabmenu_en/oper-committ-up.jpg) no-repeat;
	cursor:default;  
}
body#Honorary-Advisors-up ul#menu li a.Honorary-Advisors-up{
	background: url(tabmenu_en/Honorary-Advisors-up.jpg) no-repeat;
	cursor:default;  
}
body#Board-Advisory-up ul#menu li a.Board-Advisory-up{
	background: url(tabmenu_en/Board-Advisory-up.jpg) no-repeat;
	cursor:default;  
}
body#Board-Director-up ul#menu li a.Board-Director-up{
	background: url(tabmenu_en/Board-Director-up.jpg) no-repeat;
	cursor:default;  
}
/*End sub menu img Active*/

body#presenter ul#menu li a.presenter{
	background: url(tabmenu_en/Presenter_up.jpg) no-repeat;
	cursor:default;  
}
body#productproject ul#menu li a.productproject{
	background: url(tabmenu_en/product_project_up.jpg) no-repeat;
	cursor:default;  
}
body#millionaire_money_tree ul#menu li a.millionaire_money_tree{
	background: url(tabmenu_en/millionaire_money_tree-act.jpg) no-repeat;
	cursor:default;
}
body#vidio-project ul#menu li a.vidio-project{
	background: url(tabmenu_en/Vedio_Project_up.jpg) no-repeat;
	cursor:default;  
}
body#sponsored ul#menu li a.sponsored{
	background: url(tabmenu_en/sponsored_up.jpg) no-repeat;
	cursor:default;  
}
body#payment ul#menu li a.payment{
	background: url(tabmenu_en/Payment_support_up.jpg) no-repeat;
	cursor:default;  
}
body#picture-activity ul#menu li a.picture-activity{
	background: url(tabmenu_en/Special_events_up.jpg) no-repeat;
	cursor:default;  
}
body#report ul#menu li a.report{
	background: url(tabmenu_en/Facts_about_Payakocharach_U.jpg) no-repeat;
	cursor:default;  
}

body#contact ul#menu li a.contact{
	background: url(tabmenu_en/Contact_us_up.jpg) no-repeat;
	cursor:default;  
}

/* Sub Menu */

#menu ul {
	position: absolute;
	top: 0px;
	margin-left:160px;
	opacity: 0;	 
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
	z-index: 35;
}

#menu li:hover > ul { opacity: 1; }

#menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

#menu li:hover > ul li {
	height: 32px;
	overflow: visible;
	padding: 0;
}

#menu ul li a {
	width: 80px;
	margin: 0;
	padding: 0;
}

