/*** ESSENTIAL STYLES ***/
/*************************************************************
	MENU LEVEL 1
**************************************************************/
.sf-menu, .sf-menu * {margin:0;	padding:0; list-style:none;	text-indent:0px; font-family: Arial, Helvetica, sans-serif;}
.sf-menu {float:right; height:98px; text-align:right; margin-right:10px;}
.sf-menu li {list-style-type:none; float:left; padding-left:3px; margin:0px; position:relative; background:url(../images/line.gif) no-repeat left 25px; height:76px; padding-left:3px;}
.sf-menu li:first-child {background:none;}
.sf-menu li a {height:76px; display:inline-block; padding:0px 20px 0px 0px; float:left;}
.sf-menu li a span {color:#333; font:bold 13px arial; height:76px; line-height:90px; display:inline-block; padding:0px 0px 0px 20px;}
.sf-menu li a:hover, .sf-menu li.sfHover a {background:transparent url(../images/nav_hover.png) no-repeat right -66px; height:76px; display:inline-block; padding:0px 20px 0px 0px;}
.sf-menu li a:hover span, .sf-menu li.sfHover a span {color:#042949; font:bold 13px arial; background:transparent url(../images/nav_hover.png) no-repeat left 0px; height:66px; line-height:78px; display:inline-block; padding:0px 0px 0px 20px;}
.sf-menu li:hover, .sf-menu li a:hover {}
.sf-menu ul {margin:0px; list-style-type:none; position:absolute; top:-999em; left:0px;}
.sf-menu ul.about {width:630px; margin-left:-90px;}
.sf-menu ul.venture {width:300px; margin-left:-20px;}
.sf-menu ul.venture:lang(vn) {width:320px; margin-left:-40px;}
.sf-menu ul.contact {width:280px; margin-left:-170px;}
.sf-menu ul.contact:lang(vn) {width:200px; margin-left:-105px;}
/*************************************************************
	MENU LEVEL 2
**************************************************************/
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px; top:76px; padding:0px;}
.sf-menu li li {padding:0px 0px; float:none; color:#a9a9a9; margin:0px; background:none; height:22px; float:left;}
.sf-menu li li.first a{background:none;}
.sf-menu li li.current a {color:#00539B !important;}
.sf-menu li:hover ul li, .sf-menu li.sfHover ul li {display:block; background:none; float:left;}
.sf-menu li:hover ul li a, .sf-menu li.sfHover ul li a, .sf-menu li.current li a {background:none; height:22px; color:#6A6A6A; font:normal 12px Arial; line-height:20px; padding:0px 15px 0px 0px;}
.sf-menu li:hover ul li a:hover,.sf-menu li.sfHover ul li a:hover {background:none; color:#00539B; height:22px;}

.sf-menu li.current a {background:transparent url(../images/nav.png) no-repeat right -66px; height:66px; display:inline-block; padding:0px 20px 0px 0px;}
.sf-menu li.current a span {color:#eaeaea; font:bold 13px arial; background:transparent url(../images/nav.png) no-repeat left 0px; height:66px; line-height:78px; display:inline-block; padding:0px 0px 0px 20px;}
.sf-menu li.current li a {background:none;}
/*************************************************************
	MENU LEVEL 3 - 4 - ...
**************************************************************/
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */	top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
/*************************************************************/
/*--- arrows ---*/
.sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {/* give all except IE6 the correct values */	top:.8em; background-position:0 -100px; /* use translucent arrow for modern browsers*/}
/*-- apply hovers to modern browsers ---*/
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px; /* arrow hovers for modern browsers*/}
/*--- point right for anchors in subs ---*/
.sf-menu ul .sf-sub-indicator {background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position:0 0;}
/*--- apply hovers to modern browsers ---*/
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0; /* arrow hovers for modern browsers*/}
.sf-shadow ul.sf-shadow-off {background:transparent;}