/* --------------------------------------------------------------------------------
 * Reset
 
 html, body {margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; background: #6666ff;}
 * -------------------------------------------------------------------------------- */ 


/* --------------------------------------------------------------------------------
 * Global Nav
 * -------------------------------------------------------------------------------- */ 
#header-wrap ul, #header-wrap li, ul#legals, ul#legals li {list-style:none;margin:0; padding:0;}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

#header-wrap {
	background: url(../../../images/global/bg_header.jpg) repeat-x 0 0;
}

#header {
	position: relative;
	width: 960px;
	height: 120px;
	margin: 0 auto;
	background: url(../../../images/global/bg_header2.jpg) no-repeat 0 0;
}

#header h1 {
	position: absolute;
	top: 17px;
	left: 117px;
	width: 239px;
	height: 45px;
	margin: 0; 
	padding: 0;
	font-size: 10px;
	text-indent: -9999em;
	background: url(../images/global/hd_yhaaustralia.gif) no-repeat 0 0;
}

#header h2 {
	position: absolute;
	top: 38px;
	left: 370px;
	width: 578px;
	height: 28px;
	margin: 0; 
	padding: 0;
	font-size: 10px;
	text-indent: -9999em;
	background: url(../images/global/hd_abyhat_subline.gif) no-repeat 0 0;
}

span#yha-logo {
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 108px;
	height: 108px;
	z-index: 200;
}

span#yha-logo a {
	display: block;
	width: 108px;
	height: 108px;
	text-indent: -9999em;
	background: url(../../../images/global/yha_logo.png) no-repeat 0 0;
}

ul#personalisation {
	position: absolute;
	top: 10px;
	right: 145px;
}

ul#personalisation li {
	display: inline;
	float: left; 
	margin-right: 5px;
	color:#FFFFFF;
	font-size:11px;	
}

ul#personalisation li a:hover, ul#personalisation li a:active {
	color:#FFCC00 !important;
}

ul#personalisation li a, ul#personalisation li a:link, ul#personalisation li a:visited {
	color:#B2E5FF;
}


ul#nav-lang {
	position: absolute;
	top: 10px;
	right: 12px;
}

ul#nav-lang li {
	display: inline;
	float: left; 
	margin-right: 10px;
}

ul#nav-lang a {
	position: relative;
	display: block;
}

ul#nav-lang li,ul#nav-lang li a {
	display: block;
	height: 15px;
	color: #cbe3fe;
	background-position: 0 -15px;
	background-repeat: no-repeat;
	font-size: 10px;
}

li#nav-en a	{width: 24px; background: url(../../../images/global/ic_flag_au.gif);text-indent: -9999em;}
li#nav-ja  a	{width: 24px; background: url(../../../images/global/ic_flag_ja.gif);text-indent: -9999em;}
li#nav-zh a	{width: 24px; background: url(../../../images/global/ic_flag_zh.gif);text-indent: -9999em;}
li#nav-ko a		{width: 24px; background: url(../../../images/global/ic_flag_ko.gif);text-indent: -9999em;}
ul#nav-lang li#nav-ko {margin-right:0;}
	
ul#nav-lang li a:hover, ul#nav-lang li a.current {background-position: 0 0;}
ul#nav-lang a.current {cursor:default;}
	
	
ul#nav-global {
	position: absolute;
	top: 78px;
	left: 90px;
	z-index: 100;
}

ul#nav-global li {
	display: inline;
	float: left; 
}

ul#nav-global a {
	position: relative;
	display: block;
}

ul#nav-global li,ul#nav-global li a {
	display: block;
	height: 27px;
	color: #cbe3fe;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 10px;
	text-indent: -9999px;
}

li#nav-hostels a		{width: 99px; background: url(../images/global/nav_hostels.jpg); }
li#nav-membership a 	{width: 171px; background: url(../images/global/nav_memberhipdiscounts.jpg); }
li#nav-about a			{width: 117px; background: url(../images/global/nav_aboutyha.jpg); }

li#nav-travelaus a		{width: 122px; background: url(../images/global/nav_travelaus.jpg); }
li#nav-travelint a		{width: 127px; background: url(../images/global/nav_travelinter.jpg); }
li#nav-planning a		{width: 141px; background: url(../images/global/nav_planningtrip.jpg); }
li#nav-groupbookings a	{width: 125px; background: url(../images/global/nav_groupbookings.jpg); }

ul#nav-global li a:hover, ul#nav-global li a.current {background-position: 0 -27px;}
ul#nav-global a.current {cursor:default;}

#nav-breadcrumbs {
	width: 960px;
	margin: 0 auto;
}

#nav-breadcrumbs {
	font-size: 10px;
	color: #fff;
}

#nav-breadcrumbs a {
	color: #c2ebff;
}

#nav-breadcrumbs a:hover {
	color: #fff;
}

#nav-breadcrumbs p {
	padding-left: 120px;
	padding-right: 12px;
}

/* --------------------------------------------------------------------------------
 * Footer
 * -------------------------------------------------------------------------------- */ 
#footer-wrap {
	background: url(../../../images/global/bg_footer.jpg) repeat-x 0 0;
	clear: both;}

#footer {
	width: 960px;
	height: 36px;
	margin: 0 auto;
	font-size: 11px;
	overflow: hidden;
}

ul#legals {
	padding: 12px 0 0 65px;
	color: #c2ebff;
}

ul#legals li {
	display: inline;
	float: left;
	padding: 0 7px;
	margin-bottom: 7px;
	border-left: 1px solid #6666ff;
}

ul#legals li.copyright {
	border-left: 0;
	padding-left: 0;
}

ul#legals li a {
	color: #c2ebff;
	text-decoration: none;
}

ul#legals li a:hover {
	color: #fff;
	text-decoration: underline;
}

p.footer-note {
	clear: both;
	color: #8080f6;
	padding-left: 65px;
}


/*
ul.navh {position:absolute;list-style-type:none;}
ul.navh li {display:inline;float:left;}
ul.navh a {position:relative;display:block;}
ul.navh a:hover {text-decoration:none;}
*/


