/* @override http://www.hhfcr.happyduckmedia.com/hhcsshome.css */

/* 
This CSS last updated 3/9/08
Happy Duck Media
 */


body {
	background: #BAAB9A;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#container {
	width: 928px;
	margin: 10px auto 20px auto;
}

#header {
	width: 928px;
	height: 343px;
	background-image: url(images/headers/header_home.jpg);
}

#infobar p a  {
	color: #f80f0f;
	font: italic bold 16px/20px "Trebuchet MS";
	text-align: center;
	background-color: #000;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;
	display: inline-block;
}

#infobar a:hover {
	color: #324A63;
	background-color: #fff;
	background-image: none;
	text-shadow: none;
}

#mainwrapper {
	background-image: url(images/static/mainwrapper_home_bg.gif);
	width: 928px;
	min-height: 447px; /*391px; with 7 buttons*/
	margin-top: -4px;
}

#nav {
	width: 265px;
	height: 447px; /*391px; with 7 buttons*/
	background: url(images/static/nav_bluebox.jpg) no-repeat;
	float: left;
}

ul a {
	display: block;
	width: 265px;
	text-indent: -9999em;
}

li {
	display: inline; /*Removes gaps in IE/Win*/ 
}

li.page1 a{
	background: url(images/static/home_nav_about.gif) no-repeat left;
	height: 56px;
}

li.page2 a{
	background: url(images/static/home_nav_amenities.gif) no-repeat left;
	height: 56px;
}
li.page3 a{
	background: url(images/static/home_nav_calendar.gif) no-repeat left;
	height: 56px;
}
li.page4 a{
	background: url(images/static/home_nav_lodging.gif) no-repeat left;
	height: 56px;
}
li.page5 a{
	background: url(images/static/home_nav_gallery.gif) no-repeat left;
	height: 56px;
}
li.page6 a{
	background: url(images/static/home_nav_location.gif) no-repeat left;
	height: 56px;
}
li.page7 a{
	background: url(images/static/home_nav_reservations.gif) no-repeat left;
	height: 56px;
}
li.page8 a{
	background: url(images/static/home_nav_special.gif) no-repeat left;
	height: 56px;
}


ul a:hover {
	background-position: right center;
}

.content {
	margin-left: 280px;
	padding-top: 3px;
	padding-bottom: 0px;
	width: 365px;
	background: url(images/static/watermark.gif) no-repeat 235px bottom;
	min-height: 444px; /*388px; with 7 buttons*/
}

h1 {
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana;
	margin: 0;
	font-weight: 400;
	color: #324A63;
}
h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana;
	font-weight: 300;
	color: #324A63;
	margin: 10px 0 0;
}
p {
	font: .7em verdana;
	line-height: 1.1em;
	color: #191919;
	margin-top: 5px;
	margin-bottom: 0;
	text-align: justify;
}
.content a {
	color: #324A63;
}
.content p a:hover {
	color: #fff;
	background-color: #324A63;
}

.content a img#vacay {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
}



.homeimage a:hover {
	background-color: transparent;
}

.content ol.contentol {
	margin: 10px 0 0;
}
.content li {
	color: #000;
	text-shadow: none;
	list-style-type: disc;
	text-indent: 0;
	font: .7em verdana;
}
.content ol li a {
	text-decoration: underline;
}



#images {
	float: right;

}
#images img {
	display: block;
}
img.top {
	margin-top: 10px;
	margin-right: 19px;
}
img.bottom {
	margin-top: 5px;
	margin-right: 19px;
} 

#gogreenlogo{
	border: none;
}

#footer {
	background-image: url(images/static/footer_bg.gif);
	width: 928px;
	height: 80px;
    position: relative;
}

#guestreviewlogo {
    position: absolute;
    top: 5.5px;
    left: 540px;
}
#footer p {
	color: #ccc;
	text-align: right;
	font: 10px Verdana, "Lucida Grande", Lucida, "Trebuchet MS";
	margin: 0 23px 0 0;
	padding: 0;
	text-shadow: rgba(0,0,0,0.33) 0 0 8px;

}

#footer p.first {
	padding-top: 8px;
}

#footer a {
	color: #e6e6e6;
	
}

#footer a:hover {
	background-color: silver;
	color: #324A63;
	
}

#newslettertext {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0;
	margin-right: 0;
	margin-left: 10px;
}

#email {
	margin-top: 21px;
}

#footerleft {
	width: 450px;
	float: left;
}

#footerright {
	float: right;
}

input.box {
	width: 130px;
}

#subfooter p,a.top {
	color: #fff;
	text-align: center;
	margin-top: 0px;
	padding: 0;
	text-shadow: #000 0 0 5px;
	font: 12px "Trebuchet MS", "Lucida Grande", Lucida, Verdana;
	text-decoration: none;
}
a.top:hover {
	text-decoration: underline;
}
#subfooter p.tiny, a.tiny {
	font-size: 10px;
	margin-top: 8px;
	text-shadow: none;
	color: #E8D9C8;
	text-decoration: none;
}
#subfooter a.tiny:hover {
	color: #fff;
	text-decoration: underline;
}