/* FRANGIPANI COTTAGE */

body {
	background: #ecf3e3 repeat center center;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	}
p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
	margin: 0;
	padding: 0px;
	border: none;
	}
	
/* LINKS */

a:link { 
	color: #0033FF;
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	color: #995500;
	}
a:active, a:hover {
	text-decoration: underline;
	color: #006600;
	}


/* THE MAIN DIVS */

#bg {
	background: #dbe2d2 url(Images/shadow.gif) repeat center center;
	width: 784px;
	margin: 0 auto;
	padding: 0px;
	}
#container {
	width: 638px;
	margin: 0;
	padding: 0px;
	position: absolute;
	background-color: #FFFFFF;
	height: 1758px;
	}	
#frangipani {
	width: 638px;
	height: 200px;
	position: absolute;
	left: 0px;
	top: 68px;	
	margin: 0;
	padding: 0;
	}	
#graphic {
	background-image: url(Images/cottage.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 400px;
	height: 300px;
	position: absolute;
	left: 378px;
	top: 50px;
	margin: 0;
	padding: 0;
	visibility: visible;
	}	
#main {
	width: 668px;
	position: absolute;
	left: 0px;
	padding: 0px;
	margin: 0px;
	top: 179px;
	background-color: #ffffff;
}
#contact-main {
	width: 668px;
	position: absolute;
	left: 0px;
	padding: 0px;
	margin: 0px;
	top: 179px;
	background-color: #ffffff;
}
#contact-main h2 {
	font: bold 14px Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #8d8d8d;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#gallery-main {
	width: 668px;
	position: absolute;
	left: 0px;
	padding: 0px;
	margin: 0px;
	top: 179px;
	background-color: #ffffff;
}

#gallery-main h2 {
	font: bold 14px Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #8d8d8d;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 3px;
	}
#contact-main ul {	
	font: 13px/20px Helvetica, Arial, Geneva, Verdana, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px 40px 15px 95px;
	text-align: left;
	list-style-position: inside;
	list-style-type: square;
	}
#logo {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 64px;
	width: 64px;
	left: 170px;
	top: 145px;
	background-image: url(Images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#room {
	margin: 0px;
	padding: 0px 0px 0px 40px;
	height: 64px;
	width: 64px;
	left: 0px;
	top: 1385px;
	position: absolute;
	}
	
/* NAVIGATION */

#nav {
	display: none;
	}

#navbottom {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 80px;
	list-style: none;
	display: inline;
	position: absolute;
	width: 668px;
	left: 0px;
	top: 2277px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	word-spacing: 10px;
	background: #ffffff;
	}

/* OTHER DIVS ON THE HOME PAGE*/

#topdiv {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 668px;
	left: 0px;
	top: 2250px;
	right: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	height: 30px;
	background: #ffffff;
	}
#Footer {
	text-align: center;
	position: absolute;
	top: 2300px;
	width: 668px;
	height: 50px;
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	background: #ffffff;
	vertical-align: text-bottom;
	}
#BelowFooter {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62626d;
	background: #003300;
	text-align: center;
	position: absolute;
	top: 2338px;
	width: 668px;
	height: 20px;
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	vertical-align: text-bottom;
	}
	
/* DIVS FOR THE CONTACT PAGE */

#navbottomcont {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 80px;
	list-style: none;
	display: inline;
	position: absolute;
	width: 668px;
	left: 0px;
	top: 424px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	word-spacing: 10px;
	background: #ffffff;
	}
#topdivcont {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 668px;
	left: 0px;
	top: 397px;
	right: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	height: 30px;
	background: #ffffff;
	}
#Footercont {
	text-align: center;
	position: absolute;
	top: 447px;
	width: 668px;
	height: 50px;
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	background: #ffffff;
	vertical-align: text-bottom;
	}
#BelowFootercont{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62626d;
	background: #003300;
	text-align: center;
	position: absolute;
	top: 485px;
	width: 668px;
	height: 20px;
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	vertical-align: text-bottom;
	}
#containercont {
	width: 668px;
	height: 505px;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	background-color: #FFFFFF;
	}

/* HEADINGS */

h1 {	
	display: none;
	}
h2 {	
	font: bold 20px/20px Helvetica, Arial, Geneva, Verdana;
	color: #cccccc;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 67px;
	vertical-align: middle;
	word-spacing: 5px;
	height: 40px;
	}
h3 {
	font: 20px/20px Helvetica, Arial, Geneva, Verdana;
	color: #cccccc;
	margin: 0px;
	padding: 8px 0px 0px;
	text-align: left;
	text-indent: 194px;
	}
h4 {
	font: bold 18px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px 0px 20px;
	padding: 17px 0px 0px;
	text-align: center;
	overflow: hidden;
	}
	
/* BULLETED LISTS */

#contact ul {
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 10px 40px 15px 80px;
	text-align: left;
	list-style-position: inside;
	list-style-type: square;
}
#main ul {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px 40px 15px 114px;
	text-align: left;
	list-style-position: inside;
	list-style-type: square;
	}
#main ul li.pic-link{	
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
	}
	
/* PARAGRAPH CLASSES */

.footer {
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	padding: 0px 0px 3px;
	}

.belowfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #cdcdcd;	
	text-align: center;
	}
.tourism {
	text-align: center;
	font: 13px/20px Helvetica, Arial, Geneva, Verdana;
	color:#009900;	 
}
.top {
	text-align: center;
	font: bolder 12px Arial, Helvetica, sans-serif;
}

IMG.left-floating {
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	width: 64px;
	height: 56px;
}
IMG.room-floating {
	float: left;
	margin: 0px 5px 0px 45px;
	padding: 0px;
	width: 64px;
	height: 56px;
}
.first {
margin: 0px;
padding: 10px 40px 0px;
}
.last {
margin: 0px;
padding: 0px 40px 0px 43px;
}
.enlarge {display:none;
}
.norm {
margin: 0px;
padding: 0px 40px;
}
#gallery-pics1, #gallery-pics2, #gallery-pics3, #gallery-pics4, #gallery-pics5, #slide-show {display:none;
}
#gal-navbottom {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 80px;
	list-style: none;
	display: inline;
	position: absolute;
	width: 668px;
	left: 0px;
	top: 824px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	word-spacing: 10px;
	background: #ffffff;
	}
#gal-topdiv {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 668px;
	left: 0px;
	top: 747px;
	right: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	height: 30px;
	background: #ffffff;
	}
#gal-footer {
	text-align: center;
	position: absolute;
	top: 847px;
	width: 668px;
	height: 50px;
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	background: #ffffff;
	vertical-align: text-bottom;
	}
#gal-belowfooter{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #62626d;
	background: #003300;
	text-align: center;
	position: absolute;
	top: 885px;
	width: 668px;
	height: 20px;
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	vertical-align: text-bottom;
	}
#gal-container {
	width: 668px;
	height: 905px;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	background-color: #FFFFFF;
	}
h5 {
	position: absolute;
	width: 668px;
	left: 0px;
	top: 20px;
}