.clearfix {
  *zoom:1;
  display:block;
}
.clearfix:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.en #nav {
  width:428px;
  height:22px;
}
.en #nav > ul > li { background:url(../images/nav/nav-en.png) 0 0 no-repeat; }
.en #nav > ul > li.nav-home {
  width:44px;
  height:22px;
  left:0px;
  top:0px;
  background-position:0px 0px;
}
.en #nav > ul > li.nav-home:hover, .en #nav > ul > li.nav-home.current { background-position:0px -22px; }
.en #nav > ul > li.nav-about {
  width:67px;
  height:22px;
  left:58px;
  top:0px;
  background-position:-58px 0px;
}
.en #nav > ul > li.nav-about:hover, .en #nav > ul > li.nav-about.current { background-position:-58px -22px; }
.en #nav > ul > li.nav-products {
  width:81px;
  height:22px;
  left:126px;
  top:0px;
  background-position:-126px 0px;
}
.en #nav > ul > li.nav-products:hover, .en #nav > ul > li.nav-products.current { background-position:-126px -22px; }
.en #nav > ul > li.nav-news {
  width:69px;
  height:22px;
  left:209px;
  top:0px;
  background-position:-209px 0px;
}
.en #nav > ul > li.nav-news:hover, .en #nav > ul > li.nav-news.current { background-position:-209px -22px; }
.en #nav > ul > li.nav-question {
  width:68px;
  height:22px;
  left:277px;
  top:0px;
  background-position:-277px 0px;
}
.en #nav > ul > li.nav-question:hover, .en #nav > ul > li.nav-question.current { background-position:-277px -22px; }
.en #nav > ul > li.nav-contact {
  width:82px;
  height:22px;
  left:346px;
  top:0px;
  background-position:-346px 0px;
}
.en #nav > ul > li.nav-contact:hover, .en #nav > ul > li.nav-contact.current { background-position:-346px -22px; }
.zh-hant #nav {
  width:444px;
  height:24px;
}
.zh-hant #nav > ul > li { background:url(../images/nav/nav-zh-hant.png) 0 0 no-repeat; }
.zh-hant #nav > ul > li.nav-home {
  width:46px;
  height:24px;
  left:0px;
  top:0px;
  background-position:0px 0px;
}
.zh-hant #nav > ul > li.nav-home:hover, .zh-hant #nav > ul > li.nav-home.current { background-position:0px -24px; }
.zh-hant #nav > ul > li.nav-about {
  width:64px;
  height:24px;
  left:50px;
  top:0px;
  background-position:-50px 0px;
}
.zh-hant #nav > ul > li.nav-about:hover, .zh-hant #nav > ul > li.nav-about.current { background-position:-50px -24px; }
.zh-hant #nav > ul > li.nav-products {
  width:88px;
  height:24px;
  left:116px;
  top:0px;
  background-position:-116px 0px;
}
.zh-hant #nav > ul > li.nav-products:hover, .zh-hant #nav > ul > li.nav-products.current { background-position:-116px -24px; }
.zh-hant #nav > ul > li.nav-news {
  width:88px;
  height:24px;
  left:204px;
  top:0px;
  background-position:-204px 0px;
}
.zh-hant #nav > ul > li.nav-news:hover, .zh-hant #nav > ul > li.nav-news.current { background-position:-204px -24px; }
.zh-hant #nav > ul > li.nav-question {
  width:76px;
  height:24px;
  left:295px;
  top:0px;
  background-position:-295px 0px;
}
.zh-hant #nav > ul > li.nav-question:hover, .zh-hant #nav > ul > li.nav-question.current { background-position:-295px -24px; }
.zh-hant #nav > ul > li.nav-contact {
  width:65px;
  height:24px;
  left:379px;
  top:0px;
  background-position:-379px 0px;
}
.zh-hant #nav > ul > li.nav-contact:hover, .zh-hant #nav > ul > li.nav-contact.current { background-position:-379px -24px; }
#nav {
  position:absolute;
  right:0;
  bottom:12px;
}
#nav > ul {
  *zoom:1;
  display:block;
  width:100%;
  margin:0 auto;
  position:relative;
  z-index:1001;
}
#nav > ul:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#nav > ul > li {
  position:absolute;
  z-index:1002;
  top:0px;
  height:22px;
  list-style:none;
  display:block;
}
#nav > ul > li > a {
  display:block;
  width:100%;
  height:100%;
  white-space:nowrap;
  overflow:hidden;
  text-indent:100%;
  text-indent:-9999px \9;
  *text-transform:capitalize;
}
#nav > ul > li ul {
  position:relative;
  z-index:1000;
  display:block;
  width:100%;
  height:22px;
  opacity:0;
  visibility:hidden;
  text-indent:0px;
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}
#nav > ul > li ul li {
  height:22px;
  list-style:none;
  display:block;
  background:#61742a;
  border:1px #bdbdbd solid;
  width:177px;
  height:33px;
}
#nav > ul > li ul li:hover, #nav > ul > li ul li.current { background-color:#ef7f42; }
#nav > ul > li ul li a {
  display:block;
  width:144px;
  height:13px;
  padding:6px 0 14px;
  padding-left:33px;
  color:#ffffff;
  font-weight:bold;
}
#nav > ul > li > ul > li ul {
  margin-left:177px;
  margin-top:-34px;
}
#nav > ul > li > ul > li ul li { width:300px; }
#nav > ul > li > ul > li ul li a {
  width:267px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
#nav > ul > li > ul > li:hover > ul, #nav > ul > li > ul > li > ul:hover {
  opacity:1;
  visibility:visible;
}
#nav > ul > li:hover > ul, #nav > ul > li > ul:hover {
  opacity:1;
  visibility:visible;
}