div.globalnavi{width:100%;margin:0 auto;}


/* Basic code - don't modify */

ul#nav,
ul#nav_footer { display: block; margin: 0; padding: 0; position: relative; }
ul#nav li,
ul#nav_footer li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
ul#nav a,
ul#nav_footer a { display: block; }
ul#nav ul,
ul#nav_footer ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
* html #nav_footer ul { line-height: 0; } /* IE6 "fix" */
ul#nav ul a,
ul#nav_footer ul a { zoom: 1; } /* IE6/7 fix */
ul#nav ul li,
ul#nav_footer ul li{ float: none; }
ul#nav ul ul,
ul#nav_footer ul ul { top: 0; }

/* Essentials - configure this */

ul#nav ul,
ul#nav_footer ul { width: 180px;z-index:99999;}
ul#nav ul ul,
ul#nav_footer ul ul { left: 181px;z-index:99999;}


/* Everything else is theming */

ul#nav,
ul#nav_footer { width:540px;height:80px; margin:0 auto; }
ul#nav *:hover,
ul#nav_footer *:hover { background-color: none; }
ul#nav a,
ul#nav_footer a {  color: white; font-size:12px; padding: 6px; line-height: 1.4; text-align:center;}
ul#nav ul,
ul#nav_footer ul { top:80px; left:-40px;}


ul#nav_footer ul{
	top: auto; 
	bottom: 100%;
}/*become upside down pulldown menu*/

ul#nav ul li a,
ul#nav_footer ul li a {margin:0 auto; background: url(../../images2/bk_globalnavi.jpg) repeat-x left top!important;}
ul#nav ul a,
ul#nav_footer ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90);padding:7px 0; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


ul#nav li.home,
ul#nav li.topics,
ul#nav li.company,
ul#nav li.section,
ul#nav li.recruit,
ul#nav li.inquiry,
ul#nav_footer li.home,
ul#nav_footer li.topics,
ul#nav_footer li.company,
ul#nav_footer li.section,
ul#nav_footer li.recruit,
ul#nav_footer li.inquiry {width:90px;}



ul#nav li.home a,
ul#nav li.topics a,
ul#nav li.company a,
ul#nav li.section a,
ul#nav li.recruit a,
ul#nav li.inquiry a,
ul#nav_footer li.home a,
ul#nav_footer li.topics a,
ul#nav_footer li.company a,
ul#nav_footer li.section a,
ul#nav_footer li.recruit a,
ul#nav_footer li.inquiry a{padding-top:50px;text-indent:-99999px;}

ul#nav li.home ul a,
ul#nav li.topics ul a,
ul#nav li.company ul a,
ul#nav li.section ul a,
ul#nav li.recruit ul a,
ul#nav li.inquiry ul a,
ul#nav_footer li.home ul a,
ul#nav_footer li.topics ul a,
ul#nav_footer li.company ul a,
ul#nav_footer li.section ul a,
ul#nav_footer li.recruit ul a,
ul#nav_footer li.inquiry ul a{min-height:18px;_height:auto;;padding:5px;text-indent:0;}


ul#nav li.home    a,
ul#nav_footer li.home    a{background:url(../../images2/globalnavi/btn_home.png)    no-repeat center 15px;}
ul#nav li.topics  a,
ul#nav_footer li.topics  a{background:url(../../images2/globalnavi/btn_topics.png)  no-repeat center 15px;}
ul#nav li.company a,
ul#nav_footer li.company a{background:url(../../images2/globalnavi/btn_company.png) no-repeat center 15px;}
ul#nav li.section a,
ul#nav_footer li.section a{background:url(../../images2/globalnavi/btn_section.png) no-repeat center 15px;}
ul#nav li.recruit a,
ul#nav_footer li.recruit a{background:url(../../images2/globalnavi/btn_recruit.png) no-repeat center 15px;}
ul#nav li.inquiry a,
ul#nav_footer li.inquiry a{background:url(../../images2/globalnavi/btn_inquiry.png) no-repeat center 15px;}

ul#nav li.home    a:hover,
ul#nav li.topics  a:hover,
ul#nav li.company a:hover,
ul#nav li.section a:hover,
ul#nav li.recruit a:hover,
ul#nav li.inquiry a:hover,
ul#nav_footer li.home    a:hover,
ul#nav_footer li.topics  a:hover,
ul#nav_footer li.company a:hover,
ul#nav_footer li.section a:hover,
ul#nav_footer li.recruit a:hover,
ul#nav_footer li.inquiry a:hover{background-repeat:no-repeat;background-position:center 5px;}

/*ul#nav li.home    a:hover{background:url(../../images2/globalnavi/btn_home.png)    no-repeat center 5px;}
ul#nav li.topics  a:hover{background:url(../../images2/globalnavi/btn_topics.png)  no-repeat center 5px;}
ul#nav li.company a:hover{background:url(../../images2/globalnavi/btn_company.png) no-repeat center 5px;}
ul#nav li.section a:hover{background:url(../../images2/globalnavi/btn_section.png) no-repeat center 5px;}
ul#nav li.recruit a:hover{background:url(../../images2/globalnavi/btn_recruit.png) no-repeat center 5px;}
ul#nav li.inquiry a:hover{background:url(../../images2/globalnavi/btn_inquiry.png) no-repeat center 5px;}
ul#nav_footer li.home    a:hover{background:url(../../images2/globalnavi/btn_home.png)    no-repeat center 5px;}
ul#nav_footer li.topics  a:hover{background:url(../../images2/globalnavi/btn_topics.png)  no-repeat center 5px;}
ul#nav_footer li.company a:hover{background:url(../../images2/globalnavi/btn_company.png) no-repeat center 5px;}
ul#nav_footer li.section a:hover{background:url(../../images2/globalnavi/btn_section.png) no-repeat center 5px;}
ul#nav_footer li.recruit a:hover{background:url(../../images2/globalnavi/btn_recruit.png) no-repeat center 5px;}
ul#nav_footer li.inquiry a:hover{background:url(../../images2/globalnavi/btn_inquiry.png) no-repeat center 5px;}
*/



ul#nav li.home    ul a,
ul#nav li.topics  ul a,
ul#nav li.company ul a,
ul#nav li.section ul a,
ul#nav li.recruit ul a,
ul#nav li.inquiry ul a,
ul#nav li.home    ul a:hover,
ul#nav li.topics  ul a:hover,
ul#nav li.company ul a:hover,
ul#nav li.section ul a:hover,
ul#nav li.recruit ul a:hover,
ul#nav li.inquiry ul a:hover,
ul#nav_footer li.home    ul a,
ul#nav_footer li.topics  ul a,
ul#nav_footer li.company ul a,
ul#nav_footer li.section ul a,
ul#nav_footer li.recruit ul a,
ul#nav_footer li.inquiry ul a,
ul#nav_footer li.home    ul a:hover,
ul#nav_footer li.topics  ul a:hover,
ul#nav_footer li.company ul a:hover,
ul#nav_footer li.section ul a:hover,
ul#nav_footer li.recruit ul a:hover,
ul#nav_footer li.inquiry ul a:hover{ background:url(../../images2/bk_globalnavi.jpg) repeat-x left top;}