@charset "utf-8";

/* CSS Document */

body {

	background-color: #009900;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

}



#wrapper {

	width: 800px;

	height: 1150px;

	margin: 0 auto;

	background-image:url(../images/bkg_flower3.jpg);

	text-align: left;

	border-style:solid;

	border:none;

	border-color:#000000;

	background-color: #FFFFFF;

}



#wrapper-activities {

	width: 800px;

	height: 2655px;

	margin: 0 auto;

	background-image:url(../images/bkg_flower3.jpg);

	text-align: left;

	border-style:solid;

	border:none;

	border-color:#000000;

	background-color: #FFFFFF;

}

#wrapper-location {

	width: 800px;

	height: 1400px;

	margin: 0 auto;

	background-image:url(../images/bkg_flower3.jpg);

	text-align: left;

	border-style:solid;

	border:medium;

	border-color:#003399;

	background-color: #FFFFFF;

}



#wrapper-gettingthere {

	width: 800px;

	height: 1700px;

	margin: 0 auto;

	background-image:url(../images/bkg_flower3.jpg);

	text-align: left;

	border-style:solid;

	border:none;

	border-color:#003399;

	background-color: #FFFFFF;

}



#wrapper-accommodation {

	width: 800px;

	height: 1250px;

	margin: 0 auto;

	background-image:url(../images/bkg_flower3.jpg);

	text-align: left;

	border-style:solid;

	border:none;

	border-color:#003399;

	background-color: #FFFFFF;

}



#wrapper-about {

	width: 800px;

	height: 1070px;

	margin: 0 auto;

	background-image:url(../images/bkg_flower3.jpg);

	text-align: left;

	border-style:solid;

	border:none;

	border-color:#003399;

	background-color: #FFFFFF;

}



#footerbox {

	width: 500px;

	position:relative;

	height: 20px;

	text-align: left;

	border-style:solid;

	border:medium;

	border-color:#003399;

	background-color: #FFFFFF;

}



#headerbox {position:relative;}

#logo {width:15%; float:left;}



span.titlebox{

	position:relative;

	width:85%;

	margin-top:0;

	float:right;

}



#titletop{

	width:50%;

	height: 35px;

	text-align: center;

	margin-top:0px;

}



#titlephoto {

	width:100%;

	height: 80px;

	background-image:url(../images/front1.jpg);

	text-align: center;

	margin-top:0px;

}



#titlebottom {

	width:100%;

	height: 25px;

	text-align: center;

	margin-top:0px;

}



#maintext {

	float:left;

	margin-left:0;

	width:60%;

	text-align: left;

	height:1400px;

	margin-top:0px;

}



#maintext-intro {

	float:left;

	margin-left:0;

	width:60%;

	text-align: left;

	height:auto;

	margin-top:0px;

}

#activities-main {

	float:left;

	margin-left:0;

	width:60%;

	text-align: left;

	height:auto;

	margin-top:0px;

} 

#maintext-booking {

	float:left;

	margin-left:0;

	width:100%;

	text-align: left;

	height:500px;

	margin-top:0px;

}



#maintext-taxi{

	float:left;

	margin-left:0;

	width:100%;

	text-align: left;

	height:800px;

	margin-top:0px;

}



#maintext-accommodation{

	float:left;

	margin-left:0;

	width:60%;

	text-align: left;

	height:800px;

	margin-top:0px;

}



#maintext-about{

	float:left;

	margin-left:0px;

	width:60%;

	text-align: left;

	height:890px;

	margin-top:0px;

}



#photobar {

	position:relative;

	float:right;

	width:38%;

	font-family:Arial, Helvetica, sans-serif;

	height: 830px;

}



#photobar-about {

	position:relative;

	float:right;

	width:38%;

	font-family:Arial, Helvetica, sans-serif;

	height: 900px;

}



#photo-right-normal {

	position:relative;

	float:right;

	margin-right:4px;

	height:172px;

	text-align: center;

	margin-top:2px;

	margin: 4;

	border: solid;

}



#photo-right-gettingthere {

	position:relative;

	float:right;

	margin-right:4px;

	height:230px;

	text-align: center;

	margin-top:2px;

	margin: 4;

	border: solid;

}



#photo1 {

	position:relative;

	float:right;

	margin-right:0px;

	height:170px;

	text-align: center;

	margin-top:2px;

}

#photo2 {

	position:relative;

	float:right;

	margin-right:0;

	height:170px;

	text-align: center;

	margin-top:0px;

	border: solid;

}

#photo3 {

	position:relative;

	float:right;

	height:225px;

	text-align: center;

}

#photo4 {

	position:relative;

	float:right;

	margin-right:0;

	width:40%;

	height:180px;

	text-align: center;

	margin-top:2px;

}



#tariffbox {

	float:right;

	width:400px;

	height:125px;

	text-align: left;

	border:thin;

	border-color:#FF0033;

	background-color:#99FFFF;

	border-style: solid;

	position: relative;

	font-family: "Times New Roman", Times, serif;

	font-size: 9pt;

	margin-right: 40px;

	}

	

#contactbox {

	float:right;

	margin-right:2px;

	width:38%;

	height:110px;

	text-align: left;

	margin-top:10px;

	border-style:solid;

	border:medium;

	border-color:#990000;

	background-color:#FF66FF;

}

#contactboxthin {

	float:left;

	margin-right:0;

	width:798px;

	height:20px;

	text-align: center;

	margin-top:1px;

	border-style:solid;

	border:thin;

	border-color:#990000;

	background-color:#FFCCFF;

	position: relative;

	font-size: 9pt;

}

#googlemap {

	position:relative;

	float:right;

	height:220px;

	text-align: center;

}



#googlemap-fromcairns {

	position:relative;

	float:right;

	height:550px;

	text-align: center;

}



#cedarbaytaxi {

	position:relative;

	float:right;

	height:196px;

	text-align: center;

	border: solid;

	width: 367px;

}



p {

	color:#000000;

	margin-top:0px;

	margin-bottom:5px;

	padding:4px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11pt;

	}



p.h1{

	color: #009900;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14pt;

	margin-bottom:0;

	padding:2px;

}

p.maintitle{

	color:#6600CC;

	font:Verdana, Arial, Helvetica, sans-serif;

	font-size:20px;

	font-weight:bold;

	text-align:center;

	vertical-align:middle;

}



p.subtitle{

	color:#6600FF;

	font:Verdana, Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;

	text-align:center;

	vertical-align:middle;

}

body.1 {

	background-image: url(../images/backgroudgrad1.gif);

	background-repeat:repeat-x;

	background-position: center top;

	background-attachment: fixed;

	border:none;

}



div.main {

}



div.section {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

	color: #009900;

	text-decoration: underline;

}



/*Auto Generated Styles */

.style1 {

	color: #0000FF;

	font-style: italic;

}

.style2 {

	color: #000000;

	font-weight: bold;

	font-size:14pt;

}

.text-highlight {

	color: #009900;

	font-weight: normal;

}

.text-highlight-contactbar {
	color: #006600;
	font-weight: bold;
	font-size:11pt;
}

/* Main Navigation, a styled list */

#navlist1 ul {display:inline; list-style-type:none;}

#navlist1 {

	margin: 0;

	margin-left: 0;

	padding: 0;

	clear: both;

	border-top: 1px white solid;

	list-style: none inside;

	font-size:11pt;

}

#navlist1 li {
	width: 113px;
	float: left;
	border: solid white;
	border-width: 0 0 0 1px;
	text-align: center;
	background-color: #006633;
}

#navlist1 li:first-child {border: none; padding-left: 1px; }

#navlist1 li a {display: block; width: 113px; padding: 2px 0; } 

#navlist1 li a:hover {
	background-color: #FF3300;
}



/* Site Browser styled list */

#navlist2 ul {display:inline; list-style-type:none;}

#navlist2 {margin: 0; padding: 0; clear: both; border-top: 1px white solid; list-style: none inside; }

#navlist2 li {width: 155px; float: left; background:#FF99CC; border: solid white; border-width: 0 0 0 1px; text-align: center; }

#navlist2 li:first-child {border: none; padding-left: 1px; }

#navlist2 li a {display: block; width: 155px; padding: 3px 0; } #otherstuff li a:hover {background:#0099FF; }



/* Links */

a {

}



a:link {
	color: #CC0099;
}

a:visited {color: #81b; }

a:active {color: #4682b4; }

a:hover {color: #9999ff; }



a.nav:link {color: #ccccd9; text-decoration: none; }

a.nav:visited {color: #b9b9cf; text-decoration: none; }

a.nav:active {color: black; }

a.nav:hover {color: white; }

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 200px;
height: 106px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}