/* 
------------ ATTENTION !!!
------------ SEMUA STYLE DI FILE INI BERPENGARUH TERHADAP TAMPILAN WEBSITE. JIKA ADA PERUBAHAN DI WEBSITE, CUKUP UBAH DI STYLE YANG SUDAH TERSEDIA DI FILE INI YANG DIBERI COMMENT :: "izy css" ::

PERINGATAN:
FILE CSS SELAIN external.css dan nav.css INI TIDAK BOLEH DIGANGGU GUGAT. KARENA DAPAT MENGGANGGU STABILITAS TAMPILAN WEBSITE.
 */


/*
-----------------------------------------------
Navigation
----------------------------------------------- */

.bgtopnav {
padding:0px 0px 0 0px;
margin-top:0px;
height: 46px;
box-sizing: border-box;
background: url(../images/bgtopnav.png) repeat-x;
position: relative;
}

.nav-livechat {
	width: 218px;
	height: 46px;
	background: url(../images/livechat.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}

ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
display:inline-table;
  position:relative;
  height:1em; /* izy css - tinggi background topnav */
  }

ul.main li ul {
	top:4.2em; /* izy css - jarak subnav dari topnav */
}

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav li:hover ul {left:0;z-index:10}

/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.main li {
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
	margin:0 1px;
}

ul.main li ul {
	cursor:default;
	position:absolute;
	height:auto;
	/* top:4.2em; izy css - jarak subnav dari topnav */
	background-position:0 0 !important;
	left:-9000px;
	border-top:0;
}
ul.main li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
  float:left;
}
ul.main li a { /* izy css - link topnav keadaan normal */
font-style:none;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 0 #fff;
	font-family: trajanProBold;
	display:block;
	float:left;
	height:46px;
	font-size:18px;
	line-height:50px;
	border:0;
	color:#000;
	padding:0 14px;
	margin:0 5px;
}

ul.main li:first-child a {
}

ul.main li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	width:12em; /* izy css - lebar subnav */
	line-height:2em; /* izy css - tinggi subnav */
	height:2em;
	text-align:left;
	border-top:1px solid #444;
	font-weight:normal;
}

ul.main li:hover a { /* izy css - keadaan topnav hover */
text-shadow: none;
color: #fff;
text-shadow: 1px 1px 0 #000;
background: url(../images/bgtopnav_hover_left.png) no-repeat center left,
						url(../images/bgtopnav_hover_right.png) no-repeat center right,
						url(../images/bgtopnav_hover_middle.png) repeat-x center;
}
ul.main li:hover ul li a {color:#222; background:none; text-shadow:none;} /* izy css - style keadaan subnav normal */
ul.main li:hover ul li a:hover {color:#fff; background:#444;} /* izy css - style keadaan subnav hover */
ul.main li:hover a:active {background:none;} /* izy css - keaadan topnav saat di klik */
ul.main li:hover ul li a:active {color:#fff; background:none;} /* izy css - keaadan subnav saat di klik */