body {

	background: url('images/back2.gif') repeat-x #a8cfd1;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;

}

#home {

	background: url('images/back.gif') repeat-x #a8cfd1;
	
}

/* General Definitions */

a, a:link, a:active, a:visited{

	color: #0d8aa8;

}

a:hover{

	text-decoration: none;

}

strong{

	color: #b05d00;
}

h1, h2, h3, h4, h5{

	color: #0d8aa8;
	margin: 0 0 .7em 0;

}

h1{	font-size: 1.3em; /*font-size: 2.2em;  padding: 3px 0 0 10px;*/}

h1 span{ display: none; }

h2 span{ display: none; }

h2{ font-size: 1.8em; }

h3{ font-size: 1.6em; }

h4{ font-size: 1.3em; }

h5{ font-size: 1.3em; color: #b05d00; }

h6{ font-size: 1.1em; color: #b05d00; }


p{ margin: 0 0 .8em 0; }

ul{

	margin: 0 0 1em 2em;
	list-style: disc;

}

/* Layout and Coloring */

#page {

	display: block;
	text-align: center;
	background: url('images/shadow.png') center top repeat-y;

}

#layout {
	
	width: 971px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

#header {

	height: 110px;
	background: #fff;

}

#header .container{

	position: absolute;
	margin: -90px 0 0 630px;
	text-align: right;

}

#header .container .phone{

	color: #d47807;
	margin: 0 30px 0 0 ;

}

#header .container .bookOnline{

	color: #d47807;
	font-size: 1.1em;
	text-decoration: none;

}

#header .container h1{

	margin: 20px 0 0 0;

	font-size: .9em;
	font-family: Times;

}

#header .container h2{

	margin: 20px 0 0 0;

	font-size: .9em;
	font-family: Times;

}

.nav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.nav ul li {

	float: left;

}

.nav ul li a {

	display: block;
	padding: .8em;
	text-decoration: none;

}

.nav ul li a:hover {

	text-decoration: underline;

}

#topNav{

	background: url('images/bar.gif') top left repeat-x;
	height: 54px;

}

#topNav ul {

	margin: 0 0 0 20px;

}

#topNav a {

	font-size: 1em;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding: 1px 14px 1px 7px;
	margin: 16px 5px 0 10px;

}

#topNav .lastOne a{

	border-right: none;

}

#topNav a:hover {

	color: #111;

}

#topIMG{

	height: 300px;
	background: url('images/topimg.jpg') top left no-repeat;
	border-bottom: 7px solid #4695a4;
}

#home #topIMG{

	height: 405px;
	background: url('images/flash.jpg') top left no-repeat;

}

#rooms #topIMG{ background: url('images/top5.jpg') top left no-repeat; }

#inn #topIMG{ background: url('images/top2.jpg') top left no-repeat; }

#specials #topIMG{ background: url('images/top4.jpg') top left no-repeat; }

#directions #topIMG{ background: url('images/top3.jpg') top left no-repeat; }

#photos #topIMG{ background: url('images/top7.jpg') top left no-repeat; }

#area #topIMG{ background: url('images/top7.jpg') top left no-repeat; }

#rates #topIMG{ background: url('images/top1.jpg') top left no-repeat; }

#rooms-gecko #topIMG { background: url('images/top-geckogrotto.jpg') top left no-repeat; }

#rooms-royal #topIMG { background: url('images/top-royalpoincianna.jpg') top left no-repeat; }

#rooms-bougainvillea #topIMG { background: url('images/top-bougainvilla.jpg') top left no-repeat; }

#rooms-tropical #topIMG { background: url('images/top-tropicalbreeze.jpg') top left no-repeat; }

#rooms-paradise #topIMG { background: url('images/top-paradisepalms.jpg') top left no-repeat; }

#rooms-hibiscus #topIMG { background: url('images/top-hibisucs.jpg') top left no-repeat; }

#rooms-caribbean #topIMG { background: url('images/top-caribbeandreams.jpg') top left no-repeat; }

#rooms-double #topIMG { background: url('images/top-doubledelight.jpg') top left no-repeat; }

#rooms-writers #topIMG { background: url('images/top-writersking.jpg') top left no-repeat; }

#rooms-west #topIMG { background: url('images/top-westindiesking.jpg') top left no-repeat; }

#content {

	clear: both;
	background: url('images/contentback2.gif') top left repeat-x #fff;

}

.commentArea #content {
	
	background: url('images/contentback3.gif') top left repeat-x #fff;

}

#home #content {

	background: url('images/contentback.gif') top left repeat-x #fff;
	
}

.quoteIMG{

	height: 150px;

}

.cLeft{

	float: left;
	width: 450px;

}

.cLeft .beer{

	width: 450px;
	height: 392px;
	background: url('images/beer.png') top left no-repeat;
	margin: -118px 0 0 -21px;
	position:absolute;
	
}

#home .cLeft .homeLeft{

	margin: 238px 0 0 0;

}

#content .container {

	font-size: .9em;
	padding: 20px;
	line-height: 1.4em;

}

#content .container .rightIMG{

	float: right;
	margin: 3px -20px 10px 20px;

}

.leftSide #content .container {

	margin: 0 0 0 440px;

}

#footer {

	background: url('images/footerback.jpg') bottom right no-repeat #e9f7fb;
	color: #177e70;
	padding: 10px;

}

#footer a{

	color: #177e70;

}

#footer .smallLogo{

	float: left;
	margin: 0 20px 0 0;
	
}

#footer .container{

	margin: 40px 0 0 0;
	font-family: times;
	line-height: 1.1em;

}

#footer .copywrite{

	font-size: .7em;
	margin: 20px 0 0 0;

}

#bottomNav{

	clear: right;
	
}

#bottomNav a{

	font-size: .7em;
	border-right: 1px solid #177e70;
	padding: 1px 5px;
	margin: 5px 0 0 0;
	
}

#bottomNav .lastOne a{

	border-right: none;

}

/* General Class Definitions */

.clear{ clear: both; }

.image { margin: 8px; }

.right { float: right; }

.left { float: left; }

/* Auto/Conditional PDF Icon */

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/icon_pdf.png) no-repeat right;
}

/* For GC and Photo Code */

#geotrust img{ float: right; }

#photoGalDisplayTable td{ padding: 7px; }

/* More */

.quote {

	font-style: italic;
	color: #0d8aa8;
	font-size: 1.2em;
	font-family: Georgia;

}

.roomsList{

	list-style: none;
	margin: 0;
	padding: 0;
	
}

.roomsList li{

	float: left;

}

.roomsList li a{

	padding: 10px;
	margin: 10px 10px 0 0 ;
	background: #eede91;
	text-decoration: none;
	display: block;
	font-size: .95em;
}

.roomsList li a span{

	color: #000;
	font-size: .8em;

}

.roomsList li a img{

	margin: 0 0 5px 0 ;
	
}

.roomsList li a:hover{

	background: #e6f8fd;

}

.roomNav {

	margin: 20px 0 10px 0;

}

.roomNav a{

	background: #eede91;
	padding: 10px;
	text-decoration: none;

}

.roomNav a:hover{

	background: #e6f8fd;

}

.roomNav .checkAvail{

	background: #D6F799;

}

#innDrink{

	background: url('images/inndrink.png') top left no-repeat;
	width: 181px;
	height: 152px;
	position: absolute;
	margin: -148px 0 0 670px;

}

#specialsDrink{

	background: url('images/specials.png') top left no-repeat;
	width: 250px;
	height: 375px;
	float: right;
	margin: -100px 0 0 20px;

}

#directionsDrink{

	background: url('images/directions.png') top left no-repeat;
	width: 300px;
	height: 293px;
	float: right;
	margin: -100px 0 0 20px;

}

#ratesDrink{

	background: url('images/rates.png') top left no-repeat;
	width: 200px;
	height: 177px;
	float: right;
	margin: -50px 0 0 20px;

}



#areaDrink{

	background: url('images/areadrink.png') top left no-repeat;
	width: 210px;
	height: 197px;
	position: absolute;
	margin: -137px 0 0 670px;

}

.ratesTable {

	border: 5px solid #d6f799;

}

.ratesTable td{

	padding: 10px;
	background: #e6f8fd;
}
