/* Layout */
@import "textstyle.css";

body {
	margin-top:40px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#99CCCC;
	}

#container {
	margin:auto;
	width:741px;
	background:#FFF url(../images/ornaments.gif) no-repeat;
	padding:50px 42px 30px 42px;
	text-align:left;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:741px; /* the correct height */
	}
/* Again, "be nice to Opera 5". */
body>#container {width:657px;}
	
#topbar {
	background: url(../images/phonenumber.gif) no-repeat;
	padding:0;
	height:42px;
	}
	
#inner {
	background:#EEE;
	padding:8px 16px 16px 16px;
	}
	
#picbox {
	margin: 10px 0px 0px 0px;
	padding:0;
	border-top:5px solid #66CCCC;
	}
	
.home {background:url(../images/main.jpg) no-repeat; height:200px;}
.geninfo {background:url(../images/mainpic_geninfo.jpg) no-repeat; height:115px;}
.photos {background:url(../images/mainpic_photos.jpg) no-repeat; height:115px;}
.findus {background:url(../images/mainpic_beach.jpg) no-repeat; height:115px;}
	
#content {
	background:#CCC;
	padding:0px;
	height:170px;
	}
#content2 {
	background:#CCC;
	padding:0px;
	height:305px;
	}
#content3 {
	background:#CCC;
	padding:0 0 10px 0px;
	}
#content4 {
	background:#CCC;
	padding:0px;
	height:400px;
	}
#contentleft {
	float:left;
	height:136px;
	width:182px;
	padding:0px 5px;
	margin:25px 0 10px 5px;
	background:#fff;
	border-top:5px solid #6cc;
	}
#contentcentre {
	float:left;
	height:136px;
	width:188px;
	padding:0px;
	margin:25px 0 10px 25px;
	}
#contentright{
	float:left;
	height:136px;
	width:177px;
	padding:0px;
	margin:15px 0px 10px 25px;
	background:#FFF;
	background: url(../images/quote1.gif) top right no-repeat;
	}
.rooms {
	display:block;
	margin:60px 0 5px 0;
	border:none;
	}	
.imgborder {
	border:3px solid #fff;
	}	
#content a {
	color:#066;
	margin:0;
	text-decoration:underline;
	}
#content p {margin:5px 0;} 

/* 2 col layout*/	
#contentleft2 {
	float:left;
	width:276px;
	padding:0 5px;
	margin:5px 0px 5px 5px;
	background:#fff;
	border-top:5px solid #6cc;
	}
#contentleft3 {
	float:right;
	width:303px;
	height:385px;
	padding:0 13px;
	margin:5px 5px 5px 0px;
	background:#fff;
	border-top:5px solid #6cc;
	}
#contentcentre2 {
	float:right;
	height:300px;
	width:276px;
	padding:0px;
	margin:10px 5px 10px 25px;
	}
#contentcentre2 p{	
	color:#006666;
	}
#title {
	height:34px;
	padding:15px 0 0 14px;
	background:#ccc;
	}
#photostack {
	height:65px;
	padding:15px 0 0 14px;
	background:#ccc;
	}
#quote img {
	margin:10px 0 10px 14px;
	}