/*	-------------------------------------------------------------
	Baystyle.com.au
	Hervey Bay and Fraser Island Accommodation
	Stylesheets
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Version:		3.0
	Date:			May 22 2007
	-------------------------------------------------------------	*/

/*---------------------------------------------------------------
	Standard Formating
*****************************************************************/

	body {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color:								#666666;
		text-align:							center;
		background-color:					#0d74ab;
		}

/* Document Headings */

	h1 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							16px;
		font-weight:						bold;
		color:								#0d74ab;
		margin-bottom:						0px;
		}
	
	h2{
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							14px;
		font-weight:						bold;
		color:								#0d74ab;
		margin-bottom:						5px;
		}
	
	h3 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		font-weight:						bold;
		color:								#666666;
		}
	
	h4 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		font-weight:						bold;
		color:								#917b54;
		margin-bottom:						3px;
		}
	
	h5 {
		font-size:							12px;
		margin-bottom:						0px;
		color:								#666666;
		margin-top:							3px;
		text-decoration:					underline;
		}
	
	h6 {
		font-size:							14px;
		margin-bottom:						0px;
		color:								#FFFFFF;
		margin-top:							3px;
		float:								left;
		font-weight: 						600;
		}
	
	.h7 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:0px;
		}
	
/* Standard Hyperlinks */

	a:link {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color:								#0d74ab;
		text-decoration:					underline;
		}
	
	a:visited {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color:								#0d74ab;
		text-decoration:					underline;
		}
	
	a:hover {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color:								#fd6e01;
		text-decoration:					underline;
		}

/* Standard Red Hyperlinks */
		
	a.redlink:link {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color: 								#FF0000;
		text-decoration:					underline;
		}
		
	a.redlink:visited {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color: 								#FF0000;
		text-decoration:					underline;
		}
	
	a.redlink:hover {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		color:								#999999;
		text-decoration:					underline;
		}
		

/* Image Border */
	
	a img {
		border:								0px;
		}
	
/* Horizontal Rule */
	
	hr {
		color:								#FFFFFF;
		height:								1px;
		margin-bottom:						0px;
		}
	
/*---------------------------------------------------------
	Standard Website Navigation
**********************************************************/	

	a.navigation:link {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							11px;
		color:								#ffffff;
		font-weight:						bold;
		}
	
	a.navigation:visited {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							11px;
		color:								#ffffff;
		font-weight:						bold;
		}
	
	a.navigation:hover {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							11px;
		color:								#fd6e01;
		font-weight:						bold;
		}

/*---------------------------------------------------------
	Website Layout
**********************************************************/	
	
	/* Website Container */
	
	#websiteContainer {
		margin-left:						auto;
		margin-right:						auto;
		width:								782px;
		}
	
/*---------------------------------------------------------
	Header Navigation
**********************************************************/	

	#headerNav {
		float:								right;
		margin-right:						7px;
		}
	
	html>body #headerNav {
		margin-right:						10px;
		}

/*---------------------------------------------------------
	Header Title
**********************************************************/	
	
	#headerContainer {
		width:								782px;
		}
		
/*---------------------------------------------------------
	Main Navigation
**********************************************************/	
	
	#navigationContainer {
		width:								782px;
		height:								29px;
		background-image: 					url(images/navigationBG.gif);
		}
		
	#rightNav {
		float:								left;
		margin-left:						-10px;
		margin-top:							10px;
		}
	
	#rightNav li {
		list-style-type:					none;
		float:								left;
		padding-left:						20px;
		}
		
	html>body #rightNav {
		margin-top:							-5px;
		}
	
	*:first-child+html #rightNav {
		margin-top:							8px;
		} 
	
	.navDivider {
		color:#FFFFFF;
		}
		
/*---------------------------------------------------------
	Promotions Bar
**********************************************************/	
	
	#underline {
		width:								782px;
		height:								19px;
		margin-top:							-3px;
		}
	
	html>body #underline {
		margin-top:							0px;
		}
	
	/* Photo Bar */
	
	#photoBar {
		width:								782px;
		height:								187px;
		background-image:					url(images/centreTile.gif);
		background-repeat:					repeat-y;
		}
		
	/* Left Photo Bar */
	
	.leftPhotoBar {
		width:							191px;
		height:							182px;
		float:							left;
		margin-left:					10px;
		}
		
	html>body .leftPhotoBar {
		margin-left:					20px;
		}
			
	/* Right Photo Bar */
	
	.rightPhotoBar {
		width:							550px;
		height:							182px;
		float:							left;
		margin-left:					3px;
		}
		
	html>body .rightPhotoBar {
		margin-left:					3px;
		}

/*---------------------------------------------------------
	Centre Box
**********************************************************/	
		
	#centreContent {
		width:								782px;
		background-image:					url(images/centreTile.gif);
		background-repeat:					repeat-y;
		overflow:							hidden;
		}

/*---------------------------------------------------------
	Centre Left Contents
**********************************************************/

	.centreLeft {
		width:								191px;
		float:								left;
		margin-left:						10px;
		}
	
	html>body .centreLeft {
		margin-left:						20px;
		}
	
	.superpass {
		width: 								191px;
		height:								182px;
		}
	
	.guarantee {
		background-color:					#e9e9e9;
		width:								178px;
		padding:							6px;
		text-align:							left;
		font-size:							10px;
		margin-top:							7px;
		float:								left;
		}
	
	.centreLeftNav {
		margin-top:							5px;
		width:								170px;
		float:								left;
		margin-left:						20px;
		text-align:							left;
		border-right:						dashed 1px #CCCCCC;
		}
	
	html>body .centreLeftNav {
		margin-left:						40px;
		}
	
	.homeLeftNav {
		margin-top:							5px;
		width:								170px;
		float:								left;
		margin-left:						10px;
		text-align:							left;
		border-right:						dashed 1px #CCCCCC;
		margin-bottom:						10px;
		overflow:							hidden;
		}
	
	html>body .homeLeftNav {
		margin-left:						20px;
		}
	
/*---------------------------------------------------------
	Centre Middle Contents
**********************************************************/

	.centreMiddle {
		float:								left;
		width:								533px;
		margin-left:						3px;
		padding:							8px;
		text-align:							left;
		}
	
/*---------------------------------------------------------
	Centre Right Contents
**********************************************************/

	.centreRight {
		width:								179px;
		float:								right;
		margin-right:						9px;
		margin-left:						-10px;
		padding:	                     	6px;
		text-align:							left;
		border-left:1px #CCCCCC dotted;
		}
	
	html>body .centreRight {
		margin-right:						19px;
		}
		
/*---------------------------------------------------------
	Centre width Contents
**********************************************************/

	.centreWidth
	{
		width: 750px;
	}

/*---------------------------------------------------------
	Centre Listing Contents
**********************************************************/

	.centreListings {
		float:								left;
		width:								533px;
		margin-left:						10px;
		text-align:							left;
		}
	
	html>body .centreListings {
		margin-left:						20px;
		}
	
	.centreListingsRight {
		float:								right;
		width:								521px;
		margin-right:						9px;
		text-align:							left;
		margin-left:						-10px;
		padding:	                     	6px;
		}
	
	html>body .centreListingsRight {
		margin-right:						20px;
		}
		
/*---------------------------------------------------------
	Listings
**********************************************************/

	#listingBox {
		width:								521px;
		height:								120px;
		padding:                      		6px;
		margin-bottom:						5px;
		background-color:					#F2F2F2;
		}
	
	.listingTitleBar {
		background-color:					#0d74ab;
		width:								521px;
		padding:                      		6px;
		height:								8px;
		margin-bottom:						5px;
		}
	
	html>body .listingTitleBar {
		width:								509px;
		height:								16px;
		}
	
	.listingPhotoBox {
		height:								85px;
		width:								150px;
		background-color:					#999999;
		float:								left;
		}
	
	.listingDescriptionBox {
		float:								left;
		width:								365px;
		margin-left:						5px;
		}
	
	.listingActionBox {
		float:								right;
		width:								130px;
		}
		
	.listingBarPrice {
		float:								right;
		}

/*---------------------------------------------------------
	Profile Page
**********************************************************/

	#profileHeader {
		float:								left;
		}
	
	.profileLogo {
		width:								191px;
		height:								120px;
		float:								left;
		margin-left:						10px;
		margin-top:							10px;
		}
	
	html>body .profileLogo {
		margin-left:						20px;
		}
	
	.profileFlash {
		float:								left;
		width:								272px;
		height:								150px;
		background-color:					#009999;
		margin-left:						3px;
		}
	
	.profileMap {
		float:								left;
		width:								272px;
		height:								150px;
		margin-left:						5px;
		}
	
	#profileLeft {
		margin-top:							10px;
		float:								left;
		width:								454px;
		margin-left:						10px;
		padding:							6px;
		text-align:							left;
		border-top:							dotted 1px #CCCCCC;
		border-right:						dotted 1px #CCCCCC;
		}
	
	html>body #profileLeft {
		margin-left:						20px;
		}
	
	#profileRight {
		margin-top:							10px;
		float:								left;
		width:								260px;
		margin-left:						5px;
		padding:							6px;
		text-align:							left;

		}
	
	.profileDescription {
		border-bottom:						dotted 1px #CCCCCC;
		}
	
	.profileRates {
		border-bottom:						dotted 1px #CCCCCC;
		}	
	
	#profileRight ul {
		margin-left:						30px;
		list-style-type:					square;
		}
	
	#profileRight li {
		line-height:						15px;
		}

/*---------------------------------------------------------
	Booking Page
**********************************************************/	
	
	#bookingCentre {
		margin-left:						auto;
		margin-right:						auto;
		width:								500px;
		border-bottom:						1px #CCCCCC dotted;
		border-left:						1px #CCCCCC dotted;
		border-right:						1px #CCCCCC dotted;
		padding:							10px;
		margin-bottom:						10px;
		text-align:							left;
		}

/*---------------------------------------------------------
	Packages
**********************************************************/

	#packagesLeft {
		margin-top:							10px;
		float:								left;
		width:								454px;
		margin-left:						10px;
		padding:							6px;
		text-align:							left;
		}
	
	html>body #packagesLeft {
		margin-left:						20px;
		}
/*---------------------------------------------------------
	Footnotes
**********************************************************/
	
	.footnotes {
		float:								right;
		margin-right:						10px;
		color:								#FFFFFF;
		margin-top:							-5px;
		}
	
	a.footnotelink:link {
		color:								#FFFFFF;
		font-size:							10px;
		}
	
	a.footnotelink:visited {
		color:								#FFFFFF;
		font-size:							10px;
		}
	
	a.footnotelink:hover {
		color:								#CCCCCC;
		font-size:							10px;
		}

/*---------------------------------------------------------
	Privacy Policy
**********************************************************/

	#privacypolicy {
		width:								700px;
		padding:							15px;
		text-align:							left;
		}