@font-face {
  font-family: "Shine";
  src: url("type/Shine_Regular.ttf");
  }

@font-face {
  font-family: "Alive";
  src: url("type/Alive.ttf");
  }



body {
	margin: 0px;
	padding: 0px;
	background: #00aba1;
	color: #6d6e71;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/back.png) center top #00aba1;
}
a{
	color: #7dc242;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #00a3c5;
}
a:hover img{
	opacity: 0.8;
}
#wrapthewrapper{
	background: url(../images/dropshadow.png) repeat-y center;
}
#wrapper{
	width: 1024px;
	margin: 0px auto;
	background: #FFF;
}
#header{
	background: #FFF;
	height: 141px;
	width: 1023px;
}
#logo{
	float: left;
	width: 286px;
	height: 141px;
}
#australia{
	position: absolute;
	margin-left: 350px;
	margin-top: 5px;
}
#social{
	margin-left: 517px;
	margin-top: 19px;
	float: left;
}
#adventure{
	margin-left:363px;
	margin-top: 0px;
	float: left;
}
#strip{
	background: url(../images/tourism-port-douglas-daintree_13.jpg);
	height: 16px;
}
#banner{
	width: 1024px;
	height: 341px;
	overflow: hidden;
}
#navigation{
	height: 32px;
	background: #989ca7;
}
#content{
	background: #FFF;
	padding:24px 48px;
}


#homeTop{
	margin-bottom: 24px;
	height: 154px;
}
#view{
	width: 214px;
	height: 154px;
	
	background: #EEE;
	float: left;
}
#explore{
	width: 214px;
	height: 154px;
	background: #EEE;
	float: left;
	margin-left: 24px;
}
#hotdeals{
	width: 214px;
	height: 154px;
	background: #EEE;
	float: left;
	margin-left: 24px;
}
#discover{
	width: 214px;
	height: 154px;
	background: #EEE;
	float: left;
	margin-left: 24px;
}
.top1, .top2, .top3, .top4{
	width: 214px;
	height: 154px;
	background: #EEE;
	margin-right: 24px;
	float: left;
}
.top4{
	margin-right: 0px;
}
.clear{
	clear: both;
}
#homeMainContent{

}
h1,h2,h3,h4,h5,p,form{
	margin: 0px;
	padding: 0px;
}
p{
	margin-bottom: 12px;
}	
h1{
	font: normal 34px/36px "Shine", Verdana, Arial, Helvetica, sans-serif;
	color: #f16142;
	margin-bottom: 18px;
}


h1.home{
	font: normal 26px/28px "Shine", Verdana, Arial, Helvetica, sans-serif;
	color: #41babe;

	margin-bottom: 18px;
}
h2{
	font: normal 26px/30px "Alive", Verdana, Arial, Helvetica, sans-serif;
	color: #41babe;
	margin-bottom: 24px;
}
h2.home{
	font: normal 26px/30px "Alive", Verdana, Arial, Helvetica, sans-serif;
	color: #41babe;
	margin-bottom: 24px;
}
h3{
	font: bold 15px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #41babe;
	margin-bottom: 0px;
}
h3.red{
	font: bold 15px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #f16142;
	margin-bottom: 0px;
}
h4{
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #41babe;
}


#leftCol{
	width: 214px;
	float: left;
	margin-right: 24px;
}
#mainContentArea{
	width: 452px;
	float: left;
	margin-right: 24px;
	padding-top: 18px;
}
#rightCol{
	width: 214px;
	float: left;
}
.yellowBox{
	background: url(../images/yellowbox-back.gif) no-repeat bottom left #f6d909;
	padding:18px;
}
.greyBox{
	background: url(../images/greybox.gif) no-repeat bottom left #E0E2E5;
	padding:18px;
	color: #60489d;
	margin-bottom: 24px;
}
.greyBox p{
	margin-bottom: 24px;
}
.imgLeft{
	float: left;
	margin-right: 12px;
}
.aquaHighlight{
	color: #41babe
}
#featuredMembers{
	background: #231f20;
	padding: 6px 48px;
	height: 95px;
}
.featuredTitle{
	float: left;
	margin-top: 20px;
	margin-right: 24px;
}
.memberImage img{
	height: 95px;
	float: left;
	margin-left: 6px;
}
#footer{
	padding: 24px 48px;
	background:#00a4c5;
	color: #FFF;
}
#footer ul{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-right: 48px;
	color: #FFF;
}
#footer ul li a{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
#footer ul li a.Head{
	color: #f6d909;
	font-size: 14px;
}
#footer ul li a.marginTop12{
	padding-top: 12px;
}
#footer a:hover{
	border-bottom: 1px dotted #FFF;
}
#footerBottom{
	clear: both;
	padding-top: 24px;
}
#footerPolicy{
	float: left;
}
#footerLogos{
	float: right;
	margin-top: -30px;
}
#footerBrochure{
	float: right;
}
#tropical{
	position: absolute;
	z-index: 10000;
	margin-left:710px;
	margin-top: -20px;
}
.temp{
	font-size: 20px;
	color: #41BABE;
}
.weatherArea{
	float: right;
	width: 214px;
}
.contactBottom{
	margin-top: 30px;
}	
#mainArea{
	width: 690px;
	float:left;
	margin-right: 24px;
}
#port_douglas_google_map{
	width: 214px;
	height: 300px;
	margin-top: 24px;
}	
ul.leftMenu{
	margin: 0px;
	padding: 0px;
}
ul.leftMenu li{
	list-style: none;
}
ul.leftMenu li a{
	display: block;
	border-bottom: 1px dotted #EEE;
	text-decoration: none;
	font-weight: normal;
	line-height: 22px;
}
.leftColMenu{
	padding:18px;
	padding-left: 0px;
}
.searchBox{
	margin-top: 24px;
	padding:18px;
	padding-left: 0px;
}
input[type="submit"], input[type="button"]{
		border: 2px solid #f16142;
	background:#f16142;
	color: #FFF;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	
}	
select, input[type="text"], input[type="password"], textarea{
	width: 95%;
	padding: 3px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
input:hover[type="text"], input:hover[type="password"], textarea:hover, select:hover{
	background: #EDEDED;

}
input:hover[type="submit"], input:hover[type="button"]{
	background: #64489d;
	border: 2px solid #000;
}
a.memberLink{
	display: block;
	border-bottom: 1px dotted #CCC;
	padding: 10px;
	font-weight: normal;
}
a:hover.memberLink{
	background: #00a3c5;
	color: #FFF;
}
table.dataTable td{
	padding: 4px;
	border-bottom: 1px dotted #EEE;
}
.memberSlideshow{
	width: 180px;
	height: 180px;
	overflow: hidden;
}
table.hotDeals td{
	padding: 10px;
}
hr{
	margin-bottom: 15px;
	margin-top: 15px;
}