#nav, #nav ul {
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
} /* remove bullet and margin for all ul (top and sub level) */

#nav a{
	text-indent: -9999px;
	font-size: 8px;
}

#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    color:#fff;
    text-decoration:none;
    background-color:#5ACC77;
} /* set all link as a block which will occupy a full LI width */

#nav a:hover, #nav a.hover{
    /*background-color:#fff;*/
    color:#8CDC9F;
} /* add hover effect for text link */


/* first level */

#nav li {
    float:left;
    position:relative;
     margin:0px;
     padding:0px;
} /* make first level li float left */


/* second level */
#nav ul {
    position:absolute;
	width:163px !important;
    width:167px;
    display:none;
	padding:0px 3px 4px 1px;
	margin:0px 0px 0px -1px;
	background-image:url(images/nav/pulldown_bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
} /* make second level invisible */
#nav ul a {
    float:left;
    /*border-bottom:1px solid #fff;*/
} /* make second level link float left, so that the next level will align next to it */


/* third and more level */
#nav ul ul {
    width:120px;
	top:auto;
}

#nav ul ul a {
	float:left;
	border-bottom:0px solid #fff;
}

/* doesn't work with IE6, jquery is required */
#nav li:hover>ul {
	display:block;
}



/****************************************************************/

@media screen {
	#printNav { display:none; }
	
	/* main section */
	
		/* About Us */
		#nav_about, #nav_about.current, #nav_about:hover, #nav_about.hover{height:26px;width:96px;background-repeat: no-repeat;}
		#nav_about{background-image: url(images/nav/about_off.gif);}
		#nav_about.current{background-image: url(images/nav/about_on.gif);}
		#nav_about:hover, #nav_about.hover{background-image: url(images/nav/about_on.gif);}
		
		/* Our Business */
		#nav_business, #nav_business.current, #nav_business:hover, #nav_investments.hover{height:26px;width:104px;background-repeat: no-repeat;}
		#nav_business{background-image: url(images/nav/business_off.gif);}
		#nav_business.current{background-image: url(images/nav/business_on.gif);}
		#nav_business:hover, #nav_investments.hover{background-image: url(images/nav/business_on.gif);}
		
		/* Investor Relations */
		#nav_ir, #nav_ir.current, #nav_ir:hover, #nav_ir.hover{height:26px;width:139px;background-repeat: no-repeat;}
		#nav_ir{background-image: url(images/nav/ir_off.gif);}
		#nav_ir.current{background-image: url(images/nav/ir_on.gif);}
		#nav_ir:hover, #nav_ir.hover{background-image: url(images/nav/ir_on.gif);}
		
		/* Corporate Culture */
		#nav_culture, #nav_culture.current, #nav_culture:hover, #nav_culture.hover{height:26px;width:142px;background-repeat: no-repeat;}
		#nav_culture{background-image: url(images/nav/culture_off.gif);}
		#nav_culture.current{background-image: url(images/nav/culture_on.gif);}
		#nav_culture:hover, #nav_culture.hover{background-image: url(images/nav/culture_on.gif);}
		
		/* Corporate News */
		#nav_corpnews, #nav_corpnews.current, #nav_corpnews:hover, #nav_corpnews.hover{height:26px;width:124px;background-repeat: no-repeat;}
		#nav_corpnews{background-image: url(images/nav/corpnews_off.gif);}
		#nav_corpnews.current{background-image: url(images/nav/corpnews_on.gif);}
		#nav_corpnews:hover, #nav_corpnews.hover{background-image: url(images/nav/corpnews_on.gif);}
	
	
	/* sub section */
	
		/* sub nav About Us */
		
			#subNavTopAbout{background-image:url(images/nav/about_img.jpg); background-repeat:no-repeat; height:40px; width:163px;}
		
			#subNavProfile, #subNavProfile:hover, #subNavProfile.hover{height:20px;width:163px;}
			#subNavProfile{background-image: url(images/nav/profile_off.gif);}
			#subNavProfile:hover, #subNavProfile.hover{background-image: url(images/nav/profile_on.gif);}
			
			#subNavManagement, #subNavManagement:hover, #subNavManagement.hover{height:31px;width:163px;}
			#subNavManagement{background-image: url(images/nav/management_off.gif);}
			#subNavManagement:hover, #subNavDirector.hover{background-image: url(images/nav/management_on.gif);}
			
			#subNavGovernance, #subNavGovernance:hover, #subNavGovernance.hover{height:20px;width:163px;}
			#subNavGovernance{background-image: url(images/nav/governance_off.gif);}
			#subNavGovernance:hover, #subNavGovernance.hover{background-image: url(images/nav/governance_on.gif);}
			
			#subNavMilestones, #subNavMilestones:hover, #subNavMilestones.hover{height:20px;width:163px;}
			#subNavMilestones{background-image: url(images/nav/milestones_off.gif);}
			#subNavMilestones:hover, #subNavMilestones.hover{background-image: url(images/nav/milestones_on.gif);}
		
			#subNavVision, #subNavVision:hover, #subNavVision.hover{height:20px;width:163px;}
			#subNavVision{background-image: url(images/nav/vision_off.gif);}
			#subNavVision:hover, #subNavVision.hover{background-image: url(images/nav/vision_on.gif);}
		
		/* sub nav Our Business */
		
			#subNavTopBusiness{background-image:url(images/nav/business_img.jpg); background-repeat:no-repeat; height:40px; width:163px;}
		
			#subNavStructure, #subNavStructure:hover, #subNavStructure.hover{height:20px;width:163px;}
			#subNavStructure{background-image: url(images/nav/structure_off.gif);}
			#subNavStructure:hover, #subNavStructure.hover{background-image: url(images/nav/structure_on.gif);}
			
			#subNavActivitiesGas, #subNavActivitiesGas:hover, #subNavActivitiesGas.hover{height:20px;width:163px;}
			#subNavActivitiesGas{background-image: url(images/nav/gas_off.gif);}
			#subNavActivitiesGas:hover, #subNavActivitiesGas.hover{background-image: url(images/nav/gas_on.gif);}
			
			#subNavActivitiesWater, #subNavActivitiesWater:hover, #subNavActivitiesWater.hover{height:31px;width:163px;}
			#subNavActivitiesWater{background-image: url(images/nav/water_off.gif);}
			#subNavActivitiesWater:hover, #subNavActivitiesWater.hover{background-image: url(images/nav/water_on.gif);}
			
			#subNavActivitiesExpressway, #subNavActivitiesExpressway:hover, #subNavActivitiesExpressway.hover{height:20px;width:163px;}
			#subNavActivitiesExpressway{background-image: url(images/nav/expressway_off.gif);}
			#subNavActivitiesExpressway:hover, #subNavActivitiesExpressway.hover{background-image: url(images/nav/expressway_on.gif);}
			
			#subNavActivitiesBeer, #subNavActivitiesBeer:hover, #subNavActivitiesBeer.hover{height:20px;width:163px;}
			#subNavActivitiesBeer{background-image: url(images/nav/beer_off.gif);}
			#subNavActivitiesBeer:hover, #subNavActivitiesBeer.hover{background-image: url(images/nav/beer_on.gif);}
			
			#subNavActivitiesTechnology, #subNavActivitiesTechnology:hover, #subNavActivitiesTechnology.hover{height:20px;width:163px;}
			#subNavActivitiesTechnology{background-image: url(images/nav/technology_off.gif);}
			#subNavActivitiesTechnology:hover, #subNavActivitiesTechnology.hover{background-image: url(images/nav/technology_on.gif);}
		
		/* sub nav IR */
		
			#subNavTopIr{background-image:url(images/nav/ir_img.jpg); background-repeat:no-repeat; height:40px; width:163px;}
		
			#subNavCorpinfo, #subNavCorpinfo:hover, #subNavCorpinfo.hover{height:20px;width:163px;}
			#subNavCorpinfo{background-image: url(images/nav/corpinfo_off.gif);}
			#subNavCorpinfo:hover, #subNavCorpinfo.hover{background-image: url(images/nav/corpinfo_on.gif);}
			
			#subNavFinhigh, #subNavFinhigh:hover, #subNavFinhigh.hover{height:20px;width:163px;}
			#subNavFinhigh{background-image: url(images/nav/finhigh_off.gif);}
			#subNavFinhigh:hover, #subNavFinhigh.hover{background-image: url(images/nav/finhigh_on.gif);}
			
			#subNavReports, #subNavReports:hover, #subNavReports.hover{height:20px;width:163px;}
			#subNavReports{background-image: url(images/nav/reports_off.gif);}
			#subNavReports:hover, #subNavReports.hover{background-image: url(images/nav/reports_on.gif);}
			
			#subNavAnnouncements, #subNavAnnouncements:hover, #subNavAnnouncements.hover{height:20px;width:163px;}
			#subNavAnnouncements{background-image: url(images/nav/announcements_off.gif);}
			#subNavAnnouncements:hover, #subNavAnnouncements.hover{background-image: url(images/nav/announcements_on.gif);}
			
			#subNavCirculars, #subNavCirculars:hover, #subNavCirculars.hover{height:20px;width:163px;}
			#subNavCirculars{background-image: url(images/nav/circulars_off.gif);}
			#subNavCirculars:hover, #subNavCirculars.hover{background-image: url(images/nav/circulars_on.gif);}
			
			#subNavPresentations, #subNavPresentations:hover, #subNavPresentations.hover{height:20px;width:163px;}
			#subNavPresentations{background-image: url(images/nav/presentations_off.gif);}
			#subNavPresentations:hover, #subNavPresentations.hover{background-image: url(images/nav/presentations_on.gif);}
			
			#subNavFincalendar, #subNavFincalendar:hover, #subNavFincalendar.hover{height:20px;width:163px;}
			#subNavFincalendar{background-image: url(images/nav/fincalendar_off.gif);}
			#subNavFincalendar:hover, #subNavFincalendar.hover{background-image: url(images/nav/fincalendar_on.gif);}
			
			#subNavShareinfo, #subNavShareinfo:hover, #subNavShareinfo.hover{height:31px;width:163px;}
			#subNavShareinfo{background-image: url(images/nav/shareinfo_off.gif);}
			#subNavShareinfo:hover, #subNavShareinfo.hover{background-image: url(images/nav/shareinfo_on.gif);}
			
			#subNavStockquote, #subNavStockquote:hover, #subNavStockquote.hover{height:20px;width:163px;}
			#subNavStockquote{background-image: url(images/nav/stockquote_off.gif);}
			#subNavStockquote:hover, #subNavStockquote.hover{background-image: url(images/nav/stockquote_on.gif);}
			
			#subNavMemorandum, #subNavMemorandum:hover, #subNavMemorandum.hover{height:42px;width:163px;}
			#subNavMemorandum{background-image: url(images/nav/memorandum_off.gif);}
			#subNavMemorandum:hover, #subNavMemorandum.hover{background-image: url(images/nav/memorandum_on.gif);}
			
		/* sub nav Corporate Culture */
			
			#subNavTopCulture{background-image:url(images/nav/culture_img.jpg); background-repeat:no-repeat; height:40px; width:163px;}
		
			#subNavOverview, #subNavOverview:hover, #subNavOverview.hover{height:20px;width:163px;}
			#subNavOverview{background-image: url(images/nav/overview_off.gif);}
			#subNavOverview:hover, #subNavOverview.hover{background-image: url(images/nav/overview_on.gif);}
			
			#subNavEvents, #subNavEvents:hover, #subNavEvents.hover{height:20px;width:163px;}
			#subNavEvents{background-image: url(images/nav/events_off.gif);}
			#subNavEvents:hover, #subNavEvents.hover{background-image: url(images/nav/events_on.gif);}
			
		/* sub nav Corporate News */
		
			#subNavTopCorpnews{background-image:url(images/nav/corpnews_img.jpg); background-repeat:no-repeat; height:40px; width:163px;}
		
			#subNavPress, #subNavPress:hover, #subNavPress.hover{height:20px;width:163px;}
			#subNavPress{background-image: url(images/nav/press_off.gif);}
			#subNavPress:hover, #subNavPress.hover{background-image: url(images/nav/press_on.gif);}
			
			#subNavInthenews, #subNavInthenews:hover, #subNavInthenews.hover{height:20px;width:163px;}
			#subNavInthenews{background-image: url(images/nav/inthenews_off.gif);}
			#subNavInthenews:hover, #subNavInthenews.hover{background-image: url(images/nav/inthenews_on.gif);}
			
			#subNavGalleryCorporate, #subNavGalleryCorporate:hover, #subNavGalleryCorporate.hover{height:20px;width:163px;}
			#subNavGalleryCorporate{background-image: url(images/nav/photogallery_off.gif);}
			#subNavGalleryCorporate:hover, #subNavGalleryCorporate.hover{background-image: url(images/nav/photogallery_on.gif);}
			
			#subNavVideocorner, #subNavVideocorner:hover, #subNavVideocorner.hover{height:20px;width:163px;}
			#subNavVideocorner{background-image: url(images/nav/videocorner_off.gif);}
			#subNavVideocorner:hover, #subNavVideocorner.hover{background-image: url(images/nav/videocorner_on.gif);}
	
	
	
}
@media print {
	#nav { display: none; }
}