@font-face {
    font-family: AvantGarde Bk BT;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.turimettabeachbandb.com.au/turimetta-b-b/AVANTGA0.eot);
  }
#nav* { 
	margin: 0;
	padding: 0;
}

/* retag */
body {
	text-align: center;
	background: #104f76 url(gfx/backgroundcolor.jpg)  repeat;}
	
p{
	margin: 0;
	padding: 0 0 12px 0;
	font: 11px/17px AvantGarde Bk BT, Tahoma, Verdana, Arial, sans-serif;
	color: #1A2102;
}
h1 {
	font: 18px/22px AvantGarde Bk BT, Verdana, Arial, Helvetica, sans-serif;
	color: #635d5f;
	padding-top:-20px;
	}
h2 {
	font: normal 20px/24px Helvetica, Arial, sans-serif;
	color: #FEC047;
	padding-bottom: 13px;
}
h3 {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #574f1e;
	padding-bottom: 5px;
	padding-top:-10px;
	line-height:10px;
	margin: 0;
	
}
h4, h5 {
	font: normal 20px/24px Helvetica, Arial, sans-serif;
	color: #FFCA63;
	padding-bottom: 13px;
}

td, div, span {
	font: 11px/17px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
ul, ol {
	margin: 0;
	padding: 0 15px 0 0;
}
li {
	font: 11px/17px AvantGarde Bk BT, Tahoma, Verdana, Arial, sans-serif;
	padding-bottom: 10px;
	list-style-position: inside;
	color: #464646;
}
a {
	color: #344000;
	font-weight: bold;
}
a:link {
	color: #374208;
}
a:visited {
	color:  #5E6E25;
}
a:hover {
	color: #FDBD00;
}


/* main layout */
#wrapper {
	width: 800px;
	padding: 0;
	background: url(gfx/wrapperbacker.jpg) left repeat-y;
	text-align:center;


}


* html #left img {
	margin-bottom: -2px;
}

#right {

padding-top: 5px; 
	text-align: centre;
	width: 800px;   

 background: url('gfx/backer11.jpg') no-repeat top left;
	}
	
	
	#right2 {
	width: 800px;
	background: url('gfx/bottom.jpg') no-repeat top left;
	margin-top: -20px;
	height: 130px;
}
 
#right img {
	margin: 5px 0 0 12px;
	float: left;
	border: 1px solid;
	border-color: #5E6E25;
}

#right2 a {color: #fff;}

/* nav */
li.sel a {
	color: #0467A1;
}

.nav {width: 595px;}
ul#nav {
	display: inline;
	float: left;
	margin-left: 10px;
}

* html ul#nav {
	margin-top: -4px;
}

ul#nav li {
	display: block;

	float: left;
	list-style-type: none;
	height: 37px;
	margin: 1px 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 35px;
}

* html ul#nav li {
	background: transparent;
}

ul#nav li a {
	display: block;
	float: left;
	color: #33CCFF;
	background: url(gfx/navsep.gif) no-repeat 100% 0;
	text-decoration: none;
	margin: 0;
	height: 35px;
	padding: 10px 7px 10px 6px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 15px;
}

* html ul#nav li a {
	background: transparent  no-repeat 100% 3px;
	padding-top: 12px;
	padding-bottom: 8px;
}

ul#nav a:hover {
	color: #FFCC33;
}

/* second/third-level nav */

ul#nav li {
	position: relative;
}

ul#nav li li {
	
	margin: 0 0 -1px 0;
	padding: 0;
	clear: both;
	display: block;
}

* html ul#nav li li {
	background: #1672A6 url(gfx/navbg.gif) repeat-x 0 100%;
}

ul#nav li li a {
	background: none;
	display: block;
	clear: both;
	width: 170px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 149px;
}

ul#nav li ul {
	position: absolute;
	display: none;
	margin: 35px 0 0 0;
	padding: 2px;
}

ul#nav li:hover, ul#nav li.sfhover {
	z-index: 5;
}

ul#nav li:hover > ul {
	display: list-item;
	list-style-type: none;
}

ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul { 
	display: none;
}

ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
	list-style-type: none;
	left: 0;
	
	display: list-item;
	margin-top: 30px;
}


/* content */

#content {
	clear: both;
	border: 1px solid #000;	
}

#photocontent {width: 580px; padding-left: 12px;}

#photocontent img {margin-right: 20px;}


#address {
	background-color: #FDBD00;
		
	border-bottom: 5px solid #F7A300;
	width: 135px;
}

#address p {
	font-size: 9px;
	line-height: 13px;
	padding: 0;
	color: #FFFFFF;
}

#footer {
	text-align: left;
	width:100%;
	
	width: 800px;

		

	}


* html #footer {
	margin: 0;
}

#footer p {
	color: #373737;
	font-size: 9px;
	padding: 0;
}

#footer a:link, #footer a:visited {
	color: #13698E;
}

#footer a:hover {
	color: #5E6E25;
}

.rows1 {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	background: #D3F5FE;
	padding: 8px;
}

.rows2 {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	background: #C7EDF7;
	padding: 8px;
}

.send {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	background: #E9E9E9;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #EEEEEE;
	padding: 3px 5px;
	cursor: hand;
}

.form {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #EDEBEB;
	color: #525252;
	padding: 8px;
}

.phoneclick {
	background-color: #0195C3;
}

.phoneclick td {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}

.phoneclick a {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #F77400;
}

.thumbs, .thumbs a, .photos, .photos a {
	border: 1px solid #FDBD00;
}

.property {
	clear: both;
	margin-top: -4px;
	padding: 10px;
	padding-top:20px;
	margin-top: 0px;
	background-color: #FFFFFF;
	background: url(gfx/node_bgcolour.jpg);
	text-align:justify;
	position: relative;
	z-index: 5;
	border-style: solid;
	border-color: #344000;
	border-width: 1px;
	margin-left: 13px;
	margin-right: 15px;
}
.property img{padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px;}
.property p{
	padding: 2px;
	color: #263700;
}

.property h1{ font-size: 16px;  font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;}
.property h2 { font-size: 14px;  font-weight: bold; margin: 0px; padding-bottom: 0px; padding-top: 0px; clear: none;}


.hero { float: left;height: 200px; width: auto;overflow: hidden; clear: none; position: relative; z-index: 5;}
.hero img{ padding-right: 10px; padding-left: 0px; margin-left: 0px; }
.hero p {  }

.info {width: 210px; padding: 10px; padding-top: 10px; margin-top: 0px; float: right; position: relative; z-index: 5; background: url('gfx/infoback.jpg') no-repeat bottom ; }
#features {width: 310px; padding: 3px; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #000000; float: right;}
.links li{clear: none;}


.tabs {padding-bottom: 3px; margin-bottom: 0px; margin-left: 20px;}

.tabs a{
	text-decoration:none;
	padding: 5px 20px 14px 20px;
	background-color: #1A2102;
	color: #FFF;
	border-color: #344000;
	border-width: 1px;
	border-style: solid;
	border-style-top: none;
	 background: url(gfx/tab_bgcolour.jpg);
}  
.tabs a:visited{
	text-decoration:none;
	padding: 5px 20px 14px 20px;
	background-color: #1A2102;
	color: #FFF;
	border-color: #344000;
	border-width: 1px;
	border-style: solid;
	border-style-top: none;
	 background: url(gfx/tab_bgcolour.jpg);
}  
.tabs a:hover{
	background-color:#9DACBF;
	color: #000;
	background: url(gfx/node_bgcolour.jpg);
}
.tabs a:active {

	padding: 5px 20px 14px 20px;
	background: url(gfx/node_bgcolour.jpg);
	border-bottom-style:none;
	color: #404B00;
	position: relative;
	z-index: 10;
}
#active {
	padding-bottom: 6px;
	border-bottom-style:none;
	color: #283D02;
	position: relative;
	z-index: 10;
	padding-left: 7px;
	padding-right: 7px;
	background: url(gfx/node_bgcolour.jpg);
}

.nav1 {float: right; position:relative;z-index: 5; margin-right: 6px;}
.nav1 a{padding: 2px;}

#topbox {
	border-style: none;
	background: none;
	position: relative;
	z-index: 5;
	padding-top:85px;

}

.links {  margin: 20px; clear: both; margin-left: 40px;}
 
.topimg {float: left; padding-left: 20px; position: relative; z-index: 5; clear: both; }

.photo img{border: none; padding-right: 20px; }

.hoverbox
{	cursor: default;
	list-style: none; }

.hoverbox a
{	cursor: default; }

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{	display: block;
	position: absolute;
	z-index: 1;}

.hoverbox img
{	
	border: 1px solid #000000; ;

	padding: 0px;
	vertical-align: bottom;
	width: 110px;
	 }

.hoverbox li
{	
	border-style: solid;
	border-width: 0px;
	margin: 0px;
	position: relative;
	 display:inline;}

.hoverbox .preview
{	width: 225px;
	 border: 5px solid #FFF; top: -150px; right: 10px; position: relative; z-index: 100; }
.hoverbox a
{	position: relative;}

.hoverbox a:hover
{display: block;
	font-size: 100%;
	z-index: 100; position: relative;}



.hoverbox li
{	position: static; z-index: 100; }

#lefthover {right: -100px;}
#righthover {right: 80px;}

table#linkage img {clear: none;}
.thumbsheet {width: 400px;}
.photo {width: 200px;}

.linkout {float: right; margin: 5px 10px 2px 10px; padding: 5px 10px 50px 10px; border-left: 1px solid #CCCCCC ;}
.linkout img{border: 0px;}

.accomm {background: url(gfx/seperator.jpg) bottom no-repeat; margin: 10px 0px 5px 0px; }

img#title {margin: 0px 0px 0px -10px; border: 0px; }

.ratebox {
color:#FFFFFF;
font: 16px/20px AvantGarde Bk BT, Verdana, Arial, Helvetica, sans-serif;
display:block;
background-color:#135d8c;
padding:5px 10px;
width: 350px;
}
.ratebox a{
color:#FFFFFF;
font: 16px/20px AvantGarde Bk BT, Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.ratebox a:hover{
color:#FFFFFF;
font: 16px/20px AvantGarde Bk BT, Verdana, Arial, Helvetica, sans-serif;
}
.MapPanel
{
	border: solid 1px black;
	height: 600px;
	width: 400px;
	margin: 0;
	padding: 0;
}
.MapPopup
{
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.MapAddress
{
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.footerdetails {
font: 11px/16px AvantGarde Bk BT, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.testimonials
{
	margin: 0;
	padding: 0 0 12px 0;
	font: 12px AvantGarde Bk BT, Tahoma, Verdana, Arial, sans-serif;
	color: #1A2102;
}