/* adapted from: http://www.alistapart.com/articles/slidingdoors2/*/

/*** MAIN NAVIGATION ***/

#navigationContainer {
	position: absolute;
	float: right;
	width: 200px;
	top: 80px;
	right: 255px;
	
	
}


#navMain {
	margin: 0;
	width: 100%;
	height: 54px;
	position:relative;	
	float: right;
	list-style-type:  none;
	font-size: 0.9em;
	font-weight: bold;
}

#navMain ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-right: 13px;
}
#navMain li {
	float: right;
	margin:0;
	padding:0;
	height: 54px;		
}
#navMain a {
	color:#676767;
	display:block;
	float:left;
	padding: 5px 15px 0 2px;
	text-decoration:none;
	height: 54px;		
}

#navMain a.book {
	background:transparent url(../images/navigation/book-now.png) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 0px 0 0;
	text-decoration:none;
	width: 87px;
	height: 54px;	
}

#navMain a.contact {
	background:transparent url(../images/navigation/contact-us.png) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 0px 0 0;
	text-decoration:none;
	width: 86px;
	height: 54px;	
}



#navMain a:hover, #navMain a.sfhover {
color:#676767;
}
#navMain li:hover, #navMain li.sfhover, #navMain li:hover a, #navMain li.sfhover a {
background-position:0 -54px;
color:#676767;
}
#navMain li:hover a, #navMain li.sfhover a {
background-position:100% -54px;
}

#navMain #current {
background-position:0 -54px;
border-width:0;
}
#navMain #current a {
background-position:100% -54px;
color:#676767;
}


/************ LEFT NAV  ***************/



#leftNav {
	font-size: 0.9em;
	line-height: 120%;
}

#leftNav ul {
	list-style-type:none;
	margin: 0;
	padding: 0 20px 0 17px;
}

#leftNav li {
	float: left;
	margin:0;
	padding: 5px 0;
	width: 100%;
	height: 15px;
	border-bottom: 1px solid #a1c944;		
}


#leftNav a {
	text-decoration: none;		
}


#leftNav li.whaletours {
	position: relative;
	background:transparent url(../images/navigation/icon-whale-shark-tours.png) no-repeat right center;
}

#leftNav li.whalewatching {
	position: relative;
	background:transparent url(../images/navigation/icon-whale-watching.png) no-repeat right center;
}

#leftNav li.ecotours {
	position: relative;
	background:transparent url(../images/navigation/icon-eco-tours.png) no-repeat right center;
}

#leftNav li.gallery {
	position: relative;
	background:transparent url(../images/navigation/icon-photo-gallery.png) no-repeat right center;
}

#leftNav li.locations {
	position: relative;
	background:transparent url(../images/navigation/icon-view-locations.png) no-repeat right center;
}

#leftNav li.exmouth {
	position: relative;
	background:transparent url(../images/navigation/icon-exmouth.png) no-repeat right center;
}

#leftNav li.ningaloo {
	position: relative;
	background:transparent url(../images/navigation/icon-ningaloo-reef.png) no-repeat right center;
}

#leftNav li.wa {
	position: relative;
	background:transparent url(../images/navigation/icon-western-australia.png) no-repeat right center;
}

#leftNav li.kings {
	position: relative;
	background:transparent url(../images/navigation/icon-about-kings.png) no-repeat right center;
}

#leftNav li.cost {
	position: relative;
	background:transparent url(../images/navigation/icon-cost.png) no-repeat right center;
}

#leftNav li.equipment {
	position: relative;
	background:transparent url(../images/navigation/icon-equipment.png) no-repeat right center;
}

#leftNav li.operators {
	position: relative;
	background:transparent url(../images/navigation/icon-operators.png) no-repeat right center;
}

#leftNav li.magellan {
	position: relative;
	background:transparent url(../images/navigation/icon-the-magellan.png) no-repeat right center;
}

#leftNav li.contact {
	position: relative;
	background:transparent url(../images/navigation/icon-contact-us.png) no-repeat right center;
}

#leftNav li:hover, #leftNav li.sfhover {
	background-color: #a1c944;
}

#leftNav li#leftCurrent {
	background-color: #a1c944;
}

#leftNav a {
	color: #231f20;
}
#leftNav a:hover {
	color: #231f20;
}