/* 
Description:	Queensland Bookings - Hervey Bay Website whalewatchingherveybay.com.au
Name:			layout.css
Version:		2
Date:			20 September 2005
Modified		11 April 2011
 */

/* ____________________ position footer at bottom of page _______________________ */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

#outer{
	min-height:100%;
	margin-bottom:-30px;
	height:auto;
	background:#FFFAFA;
}
* html #outer{
	height:100%;
}

/*div>p {margin:0}*/
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-32px;} /*safari wrapper */

/* ____________________ end position footer at bottom of page _______________________ */
#outer #header #hdrmiddle #hdrlogo {
	float: left;
}
#outer #header #hdrmiddle #hdrtitle {
	float: left;
}
#outer #header #hdrmiddle #hdrrightimge {
	float: left;
}
#outer #header #navcontainer {
	background-color: #35A7A7;
	margin:0;
	padding:10px 0 10px 0;
	clear: both;
	width: 779px;
	height:5px;
	text-align: center;
}
#hdrspacer {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/* ____________________ Global Nav List _______________________ */
#navlist
{
	background: #309797 none repeat scroll 0 0;
	margin:0 15px;
	padding-left: 10px;
}
#navlist ul, #navlist li
{
display: inline;
list-style:square;
margin:0;
padding:0;
}
#navlist a:link, #navlist a:visited
{
background: #0087BC none repeat scroll 0 0;
border:1px solid #0073A0;
color: #EDEDED;
font: small Geneva, Arial, Helvetica, sans-serif;
margin-right: 1px;
padding: 2px 10px;
text-decoration:none;
}
#navlist a:link#current, #navlist a:visited#current
{
background: #F7BA03;
border-bottom: 3px solid #777;
color: #000
}
#navlist a:hover { color: #fff; background: #005C80;}
body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #999999!important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}


/* ____________________ end global nav list _______________________ */

/* ____________________ Content _______________________ */

#content	{
	width:779px;
	clear:both;
}
#topBorder {
	padding:10px;
	background:#35A7A7 none repeat scroll 0 0;
}
/* ____________________________________________________ end content _______________________ */
/* __________________________________________________	PAGES FOOTER	________________________	 */
#clearfooter {clear: both; height: 30px;}
#footer {
	clear:both;
	width:100%;
	height:30px;
	text-align: center;
	background: #fff;
}
#footer p{font: 11px Arial, Helvetica, sans-serif; color:#333333;}
#footer .footnav li
{
display: inline;
list-style-type: none;
}
/* __________________________________________________	END PAGES FOOTER	________________________	 */


/*		___________________________________________		MAIN PAGE SECTIONS		________________________________________	*/
body	{
	margin:					0px auto;
	width:					779px;
	background-image: url(../images/bg/bg-w4-h500.png);
	background-repeat: repeat-x;
	background-color: #2b9bbf;
} 
#header {
	width: 					779px;
	margin: 0px;
	padding: 0px;
}
/*		___________________________________________		END MAIN PAGE SECTIONS		________________________________________	*/
/*		___________________________________________		LISTING BLOCKS		________________________________________	*/
.listblock, .listheader, .listmain, .listfooter	{
	width: 					660px;
	clear: 					both;
	padding: 				0px;
	margin: 				0px;
}
.listblock	{
	height: 				213px;
	margin-bottom: 			30px;
}
.listheader	{
	height:					24px;
	background-image: 		url(../images/listings/listheader.jpg);
}
.hdrleft, .hdrright, .footerright, .footerleft, .listimage, .listnav, .listtext 	{
	text-align: 			left;
	float:					left;
	width:					330px;
	height:					24px;
	margin: 				0px;
	padding: 				0px;
}
.hdrright, .footerright	{
	text-align: 			right;
}
.listmain	{
	height:					165px;
}
.listimage	{
	padding:				0px;
	margin:					0px;
	border:					0px;
	width:					255px;
	height: 				165px;
}
.listimage img	{
	width: 					255px;
	height: 				165px;
	padding:				0px;
}
.listnav	{
	width:					405px;
	text-align:				center;
	height:					33px;
	background-image: 		url(../images/listings/listnav.gif);
}
.navlinks	{
	position:				relative;
	top:					4px;
	left:					0px;
	height:					20px;
}
.listtext	{
	width:					405px;
	height:					132px;
	background-image: 		url(../images/listings/listtext.jpg);
}
.listfooter	{
	height:					24px;
}
.listfooter	{
	background-image: 		url(../images/listings/listfooter.jpg);
}

/*		___________________________________________		END LISTING BLOCKS		________________________________________	*/
/*		___________________________________________		ACCOMMODATION LISTING PAGE		________________________________________	*/
#leftBorder {width:15px; height:100%; background:#35a7a7; float:left;}
#pageheader h1 {
	width:660px;
	margin: 15px 0px 50px 40px;
	font: bold small Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	border-bottom:dotted 1px #666666;
	border-top:dotted 1px #666666;
	text-align: left;
}
#listCenterCol {
	width:737px;
	height:100%;
	margin: 10px;
	padding: 10px;
	border: 1px solid #55FFD5;
	background: #CAFFEE;
}
#rightBorder {width:15px; float:left; height:100%; background:#35a7a7;}
#bottomBorder {height:15px; width:100%; float:left; clear:both; background:#35a7a7; margin:0px; padding:0px;}

/*		___________________________________________		END ACCOMMODATION LISTING PAGE		________________________________________	*/

/*		___________________________________________		OPERATOR PAGES		________________________________________	*/
#operatorHeader {
	margin:0px 0px 20px 0px;
}
#operatorHeader h1 {
	padding:10px 0px 6px 0px;
	margin: 0px;
}
#leftColumn {
	width:195px;
	margin:0px 5px 0px 10px;
	padding:0px;
	float: left;
}
#centerCol {
	width:522px;
	margin:0px 5px;
	float:left;
	background-color: #EAFFFF;
	border: 1px solid #99CCFF;
	padding: 10px;
}
.centerImage {text-align:center; padding:4px 0px;}
.centerImage a:link, .centerImage a:visited {text-decoration:none; color:#0000FF; font:11px Arial, Helvetica, sans-serif;}
.centerImage a:hover {color:#FF0000;}
.centerImage img {border:solid 2px #999999;}
.head {padding:0px; margin:0px;}
.head img {margin:0px; padding:0px;}
.head h3{margin:-25px 0px 3px 0px; padding:0px; text-align:center; font: bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.list {
	margin:0px;
	padding:0px;
}
.list table{font: 11px Arial, Helvetica, sans-serif;}
.list li {list-style:square; margin-left:-20px; padding-bottom:10px;}
.Image {padding:5px 0px; border:0px; text-align:center;}
.Image img {border:solid 2px #999999;}
.Image a:link, .Image a:hover, .Image a:visited {text-align:center; font-size:11px; text-decoration:none; color:#0000FF; border:0px;}
.Image a:hover {color:#FF0000;}

#ratesTable th{
	padding:4px;
	margin:0px;
}
#ratesTable td {
	padding: 2px 2px 2px 5px;
}
#moreInfo, .description {padding:5px 20px 10px 10px;}


/*		___________________________________________		END OPERATOR PAGES PAGES		________________________________________	*/
/*		___________________________________________		HOME PAGE		________________________________________	*/

/*#topBorder {
	width:779px;
	height:15px;
	background:#35a7a7;
	clear:both;
	margin: 0px;
	padding: 0px;
}*/
#wwhmLeftBorder {float:left; width:15px; height:625px; margin:0; padding:0; background:#35a7a7;}
#wwhmbottomborder {float:left; width:564px; height:117px; background:#35a7a7; margin:0; padding:0;}
#wwhmbottomborder img {border:0; margin-left:14px; padding:14px 0 0 0;}
#wwhmbottomborder a:link, #hmbottomborder a:visited {text-decoration:none;} 
#wwhmbottomborder a:hover {text-decoration:underline; color:#FF0000;}
#wwhmbottomborder h3 {margin:10px 0 0 0; padding:20px 0 0 50px; display:inline; font:bold 14px Arial, Helvetica, sans-serif; color:#333333;}
#wwhmButtons {
	float:left;
	width:158px;
	height:625px;
	background:#ccffff;
	margin:0;
	padding:0;
	background-color: #F7F176;
}
#wwhmCenterCol {
	float:left;
	width:349px;
	margin:10px 10px 5px 10px;
	padding:10px;
	background:#D9FFFF;
	border: 1px solid #8AFFFF;
}
#wwhmRightCol {
	float:right;
	width:215px;
	height:742px;
	margin:0;
	padding:0;
	background:#35a7a7;
}
#wwhmBtnTour, #wwhmBtnPackages, #wwhmBtnHB, #wwhmBtnFI, #wwhmBtnGeneral
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#wwhmBtnTour
{
	width: 110px;
	height: 98px;
}
#wwhmBtnPackages
{
	width: 122px;
	height: 83px;
}
#wwhmBtnHB
{
	width: 133px;
	height: 81px;
}
#wwhmBtnFI
{
	width: 158px;
	height: 81px;
}
#wwhmBtnGeneral
{
	width: 158px;
	height: 91px;
}

#wwhmBtnTour a:link, #wwhmBtnPackages a:link, #wwhmBtnHB a:link, #wwhmBtnFI a:link, #wwhmBtnGeneral a:link
{
color: #FFFFFF;
font:bold 14px arial, helvetica, sans-serif;
text-decoration: none;
margin:0;
padding:0;
}
#wwhmBtnTour a:hover, #wwhmBtnPackages a:hover, #wwhmBtnHB a:hover, #wwhmBtnFI a:hover, #wwhmBtnGeneral a:hover
{
color:#0066CC;
}
#wwhmBtnTour img, #wwhmBtnPackages img, #wwhmBtnHB img, #wwhmBtnFI img, #wwhmBtnGeneral img
{
	border: 0;
	margin: 0px;
	padding: 0px;
}
#wwhmBtnTour span, #wwhmBtnPackages span, #wwhmBtnHB span, #wwhmBtnFI span, #wwhmBtnGeneral span 
{
position:relative;
top:-65px;
left:-105px;
margin: 0;
padding: 0;
z-index:120;
width: 50px;
height: 20px;

}
#wwhmBtnFI span {position:relative; top:-60px; left:-118px;}
#wwhmBtnGeneral span {position:relative; top:-72px; left:-105px;}
#wwhmBtnTour span {top:-68px; left:-80px;}

#wwhmPhotoTop {width:187px; height:136px; background:#CCCCCC; margin-left:14px; margin-bottom:22px;}
#wwhmPhotoTop img {border:0px; padding:2px; margin:0px;}
#wwhmPhotoMid {width:187px; height:135px; background:#CCCCCC; margin-left:14px; margin-bottom:22px;}
#wwhmPhotoMid img {border:0px; padding:2px; margin:0px;}
#wwhmPhotoBot {width:187px; height:207px; background:#CCCCCC; margin-left:14px;} 
#wwhmPhotoBot img {border:0px; padding:2px; margin:0px;}
/*		___________________________________________		END HOME PAGE		________________________________________	*/
/*		___________________________________________		DISCLAIMER PAGE		________________________________________	*/
#disclaimer {padding:30px;}
/*		___________________________________________		END DISCLAIMER PAGE		________________________________________	*/
/*		___________________________________________		LINKS PAGE		________________________________________	*/
#links {margin:50px;}
/*		___________________________________________		END LINKS PAGE		________________________________________	*/
#privacy {margin:50px;}
/*		___________________________________________		HERVEY BAY PAGE		________________________________________	*/

#topborder {width:779px; height:15px; background:#3399ff; clear:both;}
#hmLeftBorder {float:left; width:15px; height:547px; margin:0px; padding:0px; background:#3399ff;}
#hmbottomborder {float:left; width:564px; height:103px; background:#3399ff; margin:0; padding:0;}
#hmbottomborder img {
	border:0px;
	padding:5px 0px 0px 0px;
	margin-left: 14px;
}
#hmbottomborder a:link, #hmbottomborder a:visited {text-decoration:none;} 
#hmbottomborder a:hover {text-decoration:underline; color:#FF0000;}
#hmbottomborder h3 {margin:10px 0px 0px 0px; padding:20px 0px 0px 50px; display:inline; font:bold 14px Arial, Helvetica, sans-serif; color:#333333;}
#hmButtons {float:left; width:158px; height:547px; background:#7bc4f2; margin:0px;}
#hmCenterCol {float:left; width:384px; height:547px; margin:0px; padding:0px; background:#7bc4f2;}
#hmRightCol {float:right; width:215px; height:650px; margin:0px; padding:0px; background:#3399ff;}
#hmBtnLuxury, #hmBtnMidRange, #hmBtnBudget, #hmBtnWhales, #hmBtnGeneral
{
display: block;
white-space: nowrap;
margin: 0px;
padding: 0px;
z-index:100;
}
#hmBtnLuxury
{
width: 110px;
height: 98px;
}
#hmBtnMidRange
{
width: 122px;
height: 83px;
}
#hmBtnBudget
{
width: 133px;
height: 81px;
}
#hmBtnWhales
{
width: 158px;
height: 81px;
}
#hmBtnGeneral
{
width: 158px;
height: 91px;
}

#hmBtnLuxury a, #hmBtnMidRange a, #hmBtnBudget a, #hmBtnWhales a, #hmBtnGeneral a
{
color: #FFFFFF;
font-weight:bold;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
display:block;
margin:0px;
padding:0px;
}
#hmBtnLuxury a:hover, #hmBtnMidRange a:hover, #hmBtnBudget a:hover, #hmBtnWhales a:hover, #hmBtnGeneral a:hover
{
color:#0066CC;
}
#hmBtnLuxury img, #hmBtnMidRange img, #hmBtnBudget img, #hmBtnWhales img, #hmBtnGeneral img
{
margin: 0px;
padding: 0px;
border: 0;
}
#hmBtnLuxury span, #hmBtnMidRange span, #hmBtnBudget span, #hmBtnWhales span, #hmBtnGeneral span 
{
position:relative;
top:-65px;
left:-105px;
margin: 0px;
padding: 0px;
cursor: pointer;
z-index:120;
}
/* Hides from IE-mac \*/
* html #hmBtnLuxury {height: 1%; margin-left:0px; margin-right:-100px; margin-bottom:-3px;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html #hmBtnMidRange {height: 1%; margin-left:0px; margin-right:-100px; margin-bottom:-3px;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html #hmBtnBudget {height: 1%; margin-right:-80px; margin-bottom:-3px;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html #hmBtnWhales {height: 1%; margin-right:-100px; margin-bottom:-3px;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html #hmBtnGeneral {height: 1%; margin-right:-80px; margin-bottom:-3px;}
/* End hide from IE-mac */
#hmBtnLuxury span
{
width: 50px;
height: 20px;
}
#hmBtnMidRange span
{
width: 50px;
height: 10px;
}
#hmPhotoTop {width:187px; height:136px; background:#CCCCCC; margin-left:10px; margin-bottom:12px;}
#hmPhotoTop img {border:0px; padding:2px; margin:0px;}
#hmPhotoMid {width:187px; height:135px; background:#CCCCCC; margin-left:10px; margin-bottom:13px;}
#hmPhotoMid img {border:0px; padding:2px; margin:0px;}
#hmPhotoBot {width:187px; height:207px; background:#CCCCCC; margin-left:10px; margin-bottom:12px;}
#hmfiPhotoBot {width:187px; height:136px; background:#CCCCCC; margin-left:10px; margin-bottom:12px;}
#hmfiPhotoBot img {border:0px; padding:2px; margin:0px;}
#hmPhotoBot img {border:0px; padding:2px; margin:0px;}
#hmPhotoBotBot {width:187px; height:176px; background:#CCCCCC; margin-left:10px;} 
#hmPhotoBotBot img {border:0px; padding:2px; margin:0px;}
#hmhbPhotoBotBot {width:187px; height:126px; background:#CCCCCC; margin-left:10px;}
#hmhbPhotoBotBot img {border:0px; padding:2px; margin:0px;}
/*		___________________________________________		END HERVEY BAY PAGE		________________________________________	*/
/* book here button */
* html a:hover{visibility:visible} /* IE fix for rollover buttons */
#bookhere1
{
background: url(/images/buttons/bookhere_over.png) no-repeat;
white-space: nowrap;
display: block;
width: 142px;
height: 32px;
margin: 0;
padding: 0;
z-index:80;
float:right;
margin-top:-59px;
padding-right:20px;
}
#bookhere1 a
{
display: block;
width: 142px;
height: 32px;
}
#bookhere1 img
{
width: 142px;
height: 32px;
border: 0;
}
#bookhere1 a:hover img
{
visibility:hidden;
}


#btnenquireheretop
{
background: url(/images/buttons/enquirehere_over.png) no-repeat;
white-space: nowrap;
display: block;
width: 142px;
height: 32px;
margin: 0;
padding: 0;
z-index:80;
float:right;
margin-top:-59px;
padding-right:20px;
}
#btnenquireheretop a
{
display: block;
width: 142px;
height: 32px;
}
#btnenquireheretop img
{
width: 142px;
height: 32px;
border: 0;
}
#btnenquireheretop a:hover img
{
visibility:hidden;
}
/* END book here button */
.separator {clear:both; height:0;}
#wwhmBtnTour a:link {
	height: 98px;
	width: 110px;
	margin: 0px;
	padding: 0px;
}
/* default box */
.box {
	color: #000;
	background: #009966;
	position: relative;
	height: 200px;
	width: 500px;
	margin:5em auto;
}
#tl-corner, #tr-corner, #bl-corner, #br-corner {
	position:absolute;
	width:20px;
	height:20px;
	background:#CCFFFF;
	overflow:hidden;
}
#tl-corner {left:0px; top:0px;}
#bl-corner {top:180px; left:0px;}
#tr-corner {top:0px; left:480px}
#br-corner {top:180px; left:480px;}
#tl-bullet, #tr-bullet, #br-bullet, #bl-bullet {
	font: 150px/40px Arial;
	color: #009966;
	position: absolute;
}
#tl-bullet {left:-8px;}
#tr-bullet {left:-25px;}
#bl-bullet {left:-8px;top:-17px;}
#br-bullet {left:-25px;top:-17px;}
#boxcontent {position:absolute; top:10px; left:10px; width:480px; height:180px; color:#FFFFFF; font-family:Arial;}
#boxcontent h1 {
	text-align: center;
	margin-top: 3px;
	padding-bottom: 5px;
}
/* end default box */
#wwhmPhotoLowerBot img {
	margin: 0px;
	padding: 2px;
	border: 0px;
}
#wwhmPhotoLowerBot {
	background: #CCCCCC;
	margin-left: 14px;
	margin-top: 23px;
	width: 188px;
	height: 182px;
}

/* Quick Overview links tour page */
div#quick-overview-tours-page2, div#text-box, div#qov-link-header, div#qov-link-button, div#qov-area-header, div#qov-area-buttons {
padding:0;
margin:0;
display:block;
float:left;
}
div#quick-overview-tours-page2 {
padding:35px 0 0 35px;
width:661px;
height:151px;
}
div#text-box {
width:247px;
height:151px;
background: url(/images/quick-overview/list-page-text-box.png) 0 0 no-repeat;
}
div#qov-middle {
width:222px;
float:left;
}
div#qov-link-header {
width:222px;
height:40px;
background: url(/images/quick-overview/list-page-link-header.png) 0 0 no-repeat;
}
div#qov-link-button {
width:222px;
height:111px;
background: url(/images/quick-overview/list-page-link-bg2.png) 0 0 no-repeat;
}
div#qov-right {
width:192px;
float:left;
}
div#qov-area-header {
width:192px;
height:40px;
background: url(/images/quick-overview/list-page-area-header.png) 0 0 no-repeat;
}
div#qov-area-buttons {
width:192px;
height:111px;
background: url(/images/quick-overview/list-page-area-bg.png) 0 0 no-repeat;
}
/* end Quick Overview links tour page */


.white_content {
display: none;
position: absolute;
top: 25%;
left: 40%;
padding: 10px;
border: 2px solid #858B8A;
background-color: #14344E;
z-index:1002;
overflow: auto;
}