/* ----- PRIMARY NAVIGATION STYLES ------------------------------------------------------*/
div#nav { width: 960px; margin: 0 auto; }

ul#nav-primary { list-style: none; position: absolute; top: 114px; }
body.kamaaina.packages ul#nav-primary { top: 14px; left: 13px; z-index: 200; }
ul#nav-primary li { float: left; display: inline; background-image: url('/images/nav/primary-nav.png'); background-repeat: no-repeat; }
ul#nav-primary li a { height: 46px; background-image: url('/images/nav/primary-nav.png'); background-repeat: no-repeat; display: block; }

ul#nav-primary li#primary-hotels, ul#nav-primary li#primary-hotels a { width: 142px; background-position: 0 0; }
ul#nav-primary li#primary-specials, ul#nav-primary li#primary-specials a { width: 166px; background-position: -142px 0; }
ul#nav-primary li#primary-photo, ul#nav-primary li#primary-photo a { width: 128px; background-position: -308px 0; }
ul#nav-primary li#primary-golf, ul#nav-primary li#primary-golf a { width: 125px; background-position: -436px 0; }
ul#nav-primary li#primary-weddings, ul#nav-primary li#primary-weddings a { width: 99px; background-position: -561px 0; }
ul#nav-primary li#primary-meetings, ul#nav-primary li#primary-meetings a { width: 91px; background-position: -660px 0; }
ul#nav-primary li#primary-about, ul#nav-primary li#primary-about a { width: 90px; background-position: -751px 0; }
ul#nav-primary li#primary-hawaii, ul#nav-primary li#primary-hawaii a { width: 119px; background-position: -841px 0; }

ul#nav-primary li#primary-hotels.current a, ul#nav-primary li#primary-hotels a:hover { width: 142px; background-position: 0 -47px; }
ul#nav-primary li#primary-specials.current a, ul#nav-primary li#primary-specials a:hover { width: 166px; background-position: -142px -47px; }
ul#nav-primary li#primary-photo.current a, ul#nav-primary li#primary-photo a:hover { width: 128px; background-position: -308px -47px; }
ul#nav-primary li#primary-golf.current a, ul#nav-primary li#primary-golf a:hover { width: 125px; background-position: -436px -47px; }
ul#nav-primary li#primary-weddings.current a, ul#nav-primary li#primary-weddings a:hover { width: 99px; background-position: -561px -47px; }
ul#nav-primary li#primary-meetings.current a, ul#nav-primary li#primary-meetings a:hover { width: 91px; background-position: -660px -47px; }
ul#nav-primary li#primary-about.current a, ul#nav-primary li#primary-about a:hover { width: 90px; background-position: -751px -47px; }
ul#nav-primary li#primary-hawaii.current a, ul#nav-primary li#primary-hawaii a:hover { width: 119px; background-position: -841px -47px; }
/* ----- END PRIMARY NAVIGATION STYLES ------------------------------------------------------*/

/* ----- SECONDARY NAVIGATION STYLES ------------------------------------------------------*/
div#subnav { width: 264px; }
div#subnav ul { list-style: none; font-size: 12px; margin: 0 0 20px 1px; }
div#subnav ul li a { color: #455560; font-weight: bold; text-decoration: none; width: 244px; height: 22px; display: block; padding: 8px 0 0 20px; }
div#subnav ul li.current a, div#subnav ul li a:hover { background: url('/images/nav/bg-nav-secondary.gif') no-repeat 0 0; }
/* ----- END SECONDARY NAVIGATION STYLES ------------------------------------------------------*/

/* ----- TERTIARY NAVIGATION STYLES ------------------------------------------------------*/
div#subnav ul li ul { display: none; }
div#subnav ul li.current ul { display: block; background-color: #fff; margin: 0 0 0 1px; padding-bottom: 8px; }
div#subnav ul li.current ul li a { background: none; font-style: italic; font-size: 10px; color: #455560; height: 12px; }
div#subnav ul li.current ul li.current a, div#subnav ul li.current ul li a:hover { color: #0079C2; }
/* ----- END TERTIARY NAVIGATION STYLES ------------------------------------------------------*/

/* ----- QUATERNARY NAVIGATION STYLES ------------------------------------------------------*/
div#subnav ul li.current ul li ul { display: none; }
div#subnav ul li.current ul li.current ul { display: block; border-bottom: 1px solid #F3F3F5; }
div#subnav ul li.current ul li.current ul li a { color: #000; height: 10px; padding: 8px 0 0 30px; }
div#subnav ul li.current ul li.current ul li.current a, div#subnav ul li.current ul li.current ul li a:hover { text-decoration: underline; }
/* ----- END QUATERNARY NAVIGATION STYLES ------------------------------------------------------*/

/* ----- UTILITY NAVIGATION STYLES ------------------------------------------------------*/
div#utility-nav-wrap { width: 976px; height: 64px; margin: 0 auto; background: url('/images/nav/bg-nav-utility.png') no-repeat 0 0; position: relative; text-align: left; }
ul#nav-utility { font: 11px "AvantGardeGothicITCW01B 731069", Helvetica, sans-serif; list-style: none; padding: 15px 0 0 0; }
ul#nav-utility li { display: inline; float: left; text-transform: uppercase; color: #fff; margin: 0 0 0 20px; text-shadow: 0px -1px 0px #1e252a; zoom: 1; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#1e252a); -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc) progid:DXImageTransform.Microsoft.DropShadow(Color=#1e252a, OffX=0, OffY=-1)"; border-right: 1px solid #fff; }
ul#nav-utility li a, ul#nav-utility li a:visited { color: #fff; text-decoration: none; margin: 0 8px 0 0; }

ul#nav-utility li a:hover { text-decoration: underline; }

ul#nav-utility li#utility-jp { margin: 0 0 0 54px; text-shadow: none; filter: none; -ms-filter: none; }
ul#nav-utility li#utility-jp a { text-indent: -9999em; overflow: hidden; background: url('/images/nav/japanese-site.gif') no-repeat 0 0; width: 32px; height: 13px; display: block; margin: 0; }
ul#nav-utility li.last span.divider { display: none; }

ul#nav-utility li#utility-south-korea-flag { margin: 0 0 0 3px; border-right: medium none; }
ul#nav-utility li#utility-japan-flag { border-right: medium none; }
ul#nav-utility li#utility-china-flag, ul#nav-utility li#utility-taiwan-flag { border-right: none; margin: 0 0 0 3px; position: relative; top: -3px; }
ul#nav-utility li#utility-japan-flag a { background: url("/images/nav/japan-flag.png") no-repeat 0 0; display: block; height: 19px; margin: -3px 0 0; overflow: hidden; text-indent: -9999em; width: 31px; }
ul#nav-utility li#utility-south-korea-flag a { background: url("/images/nav/south-korea-flag.png") no-repeat 0 0; display: block; height: 19px; margin: -3px 0 0; overflow: hidden; text-indent: -9999em; width: 31px; }
ul#nav-utility li#utility-china-flag a {
	background: url("/images/nav/china-flag.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 19px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999em;
	width: 31px;
}
ul#nav-utility li#utility-taiwan-flag a {
	background: url("/images/nav/taiwan-flag.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 19px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999em;
	width: 31px;
}

/* ----- END UTILITY NAVIGATION STYLES ------------------------------------------------------*/

/* ----- FOOTER NAVIGATION STYLES ------------------------------------------------------*/
ul#nav-footer { list-style: none; }
ul#nav-footer li { display: inline; }
ul#nav-footer li a, ul#nav-footer li a:visited { color: #0079c2; text-decoration: underline; }
ul#nav-footer li.last span.divider { display: none; }
/* ----- END FOOTER NAVIGATION STYLES ------------------------------------------------------*/
