@charset "utf-8";
/* 
 * main.css
 * Main CSS file for Go Koala website - 2010 redesign
 * Created by Richard Westenra, 4/6/10
 * Copyright Cabbage Tree Creative 2010
 *
 * For Reset and Typography styles see bottom of koalaNormal2010.css
 *
 */

/*
#################### LAYOUT ####################
*/
#container {
	width:960px;
	margin:0 auto;
	height:100%;
	background:#ffffff url(/custom/templates/page/KoalaMain10/images/bodyBgRepeat.png) repeat-y top center;
}
	#leftCol {
		background:#7792c8 url(/custom/templates/page/KoalaMain10/images/leftColBg.png) repeat-x top left; 
		width:228px;
		height:792px;
		float:left;
		border-color:#0b419a;
		border-style:solid;
		border-width:0 1px;
	}
		#logo {
			margin:23px auto 40px;
			display:block;
			width:189px;
			background:none;
		}
		.nav {
			padding-bottom:50px;
		}
			.nav ul li {
				list-style:none;
				margin:0;
				border-bottom:1px solid #6583bf;
				font-family: "Arial Narrow", Arial-Narrow, Arial, sans-serif;
			}			
				.nav ul li a,
				.nav ul li a:link,
				.nav ul li a:visited {
					padding:5px 27px;
					text-transform:uppercase;
					display:block;
					color:#FFFFFF;
					border-bottom:1px solid #abbcdc;
					text-decoration:none;
					font-weight:bold;
					line-height:1em;
					font-size:16px;
				}
				.nav ul li a,
				.nav ul li a:link {
					color:#FFFFFF;
				}
				.nav ul li a:visited {
					color:#c2d5f9;
				}
				.nav ul li.navLevel2CurrentPage a,
				.nav ul li.navLevel2WithChildrenCurrentPage a,
				.nav ul li.navLevel3CurrentPage a,
				.nav ul li a:hover,
				.nav ul li a:focus,
				.nav ul li a:active {
					color:#fddba5;
					background:none;
					-moz-transform:translateY(0px);
					-webkit-transform:translateY(0px);
				}
					.nav ul li.navLevel3 a,
					.nav ul li.navLevel3CurrentPage a,
					.nav ul li.navLevel3WithChildrenCurrentPage a {
						padding-left:40px;
						font-size:13px;
					}
	#rightHeader {
		float:left;
		width:730px;
		height:125px;
	}
		#accomDirectoryHeader {
			display:block;
			padding:30px 0 0 13px;
			height:66px;
			width:214px;
			background:url(/custom/templates/page/KoalaMain10/images/accomDirectoryHeader.png) no-repeat bottom right;
			float:left;
		}
		#banner {
			background:#ffffff;
			height:105px;
			width:491px;
			padding:20px 0 0 12px;
			float:left;
		}
	#rightContent {
		float:left;
		width:596px;
	}
		h3#welcome {
			margin:0;
			padding:6px 13px;
			color:#0e0e0e;
			background-color:#f4c06e;
			font-size:18px;
			font-family: "Arial Narrow", Arial-Narrow, Arial, sans-serif;
		}
		#content{
			padding: 15px 13px 30px 13px;
		}
		#footer {
			padding:0 13px 10px 13px;
		}
			#footer form {
				font-size:0.85em;
				line-height:1.5em;
				padding:0 0 10px;
			}
				
	#footprints {
		height:800px; /* remove */
		float:left;
		width:134px;
		background:#d58e30 url(/custom/templates/page/KoalaMain10/images/footprints.jpg) no-repeat right top;
	}

/* Location Map */
ul#locationMap {
	background:#ffffff url(/custom/templates/page/KoalaMain10/images/locationMapSprite.png) no-repeat !important; /*non-ie6 version */
	background:#ffffff url(/custom/templates/page/KoalaMain10/images/locationMapSprite.gif) no-repeat; /* ie6 version */
	display:block;
	width:179px;
	height:200px;
	position:relative;
	margin:0 5px 0 20px;
}
	ul#locationMap li {
		list-style:none;
		padding:0;
		margin:0;
		width:0;
		height:0;
	}
		ul#locationMap li a {
			position:absolute;
			display:block;
			background:none;
		}
			ul#locationMap li a span {
				display:none;
			}
		ul#locationMap li a:hover {
			background-image:url(/custom/templates/page/KoalaMain10/images/locationMapSprite.png) !important; /*non-ie6 version */
			background-image:url(/custom/templates/page/KoalaMain10/images/locationMapSprite.gif); /* ie6 version */
			background-repeat:no-repeat;
		}
			ul#locationMap li a:hover span {
				display:block;
				position:absolute;
				background-color:#FFFFFF;
				color:#555555;
				border:1px solid #CCC;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				-webkit-box-shadow: 1px 1px 2px rgba(00, 00, 00, 0.4);
				-moz-box-shadow: 1px 1px 2px rgba(00, 00, 00, 0.4);
				box-shadow: 1px 1px 2px rgba(00, 00, 00, 0.4); 
				font-size:9px;
				line-height:1.4em;
				padding:2px 4px;
				z-index:10;
			}
		ul#locationMap li#WA a {top:56px;left:2px; width:72px; height:106px;}
		ul#locationMap li#WA a:hover {background-position:0 -229px;}
			ul#locationMap li#WA a:hover span {top:20px; left:-28px;}
		
		ul#locationMap li#NT a {top:43px;left:68px; width:41px; height:73px;}
		ul#locationMap li#NT a:hover {background-position:-73px -216px;}
			ul#locationMap li#NT a:hover span {top:10px; left:30px;}
		
		ul#locationMap li#SA a {top:116px;left:68px; width:54px; height:57px; z-index:5;}
		ul#locationMap li#SA a:hover {background-position:-73px -290px;}
			ul#locationMap li#SA a:hover span {top:30px; left:-40px;}
		
		ul#locationMap li#QLD a {top:43px;left:109px; width:68px; height:89px;}
		ul#locationMap li#QLD a:hover {background-position:-115px -200px;}
			ul#locationMap li#QLD a:hover span {top:15px; left:30px;}
		
		ul#locationMap li#NSW a {top:130px;left:122px; width:56px; height:36px;}
		ul#locationMap li#NSW a:hover {background-position:-128px -292px;}
			ul#locationMap li#NSW a:hover span {top:10px; left:45px;}
		
		ul#locationMap li#VIC a {top:153px;left:122px; width:35px; height:23px;}
		ul#locationMap li#VIC a:hover {background-position:-128px -328px;}
			ul#locationMap li#VIC a:hover span {top:15px; left:20px;}
		
		ul#locationMap li#ACT a {top:155px;left:147px; width:15px; height:11px; z-index:5;}
		ul#locationMap li#ACT a:hover {background-position:-111px -352px;}
			ul#locationMap li#ACT a:hover span {top:2px; left:15px;}
		
		ul#locationMap li#TAS a {top:184px;left:134px; width:15px; height:16px; z-index:5;}
		ul#locationMap li#TAS a:hover {background-position:-139px -350px;}
			ul#locationMap li#TAS a:hover span {top:10px; left:12px;}


/* Booking Form */
#enquiryForm input,
#enquiryForm select,
#enquiryForm textarea {
	padding:3px;
}