@import url("reset.css");

/* -----------------------------------------------------------------------------
 * ALL LAYOUTS
 */
html {
	background: url("assets/pg-background.jpg") top left repeat #c0b99d;
}
#doc4 {
	width:960px;
	padding-bottom: 0px;
}
#hd img {
	vertical-align:text-bottom;
}
#hd {
    height:80px;
    overflow:hidden;
}
#ft {
	color: #6f6134;
	font-family: Georgia, serif;
	font-size:13px;
	text-align:center;
	padding-bottom:20px;
	width: 920px;
	margin: 0 auto;
}
#ft a {
	color:#6f6134;
	text-decoration:none;
}
#content strong {
    font-weight:bold;
    }
#content ul {
    margin-top:5px;
    list-style: disc outside;
    padding-left:20px;
    }
#content ul li {
    list-style-type:square;
    }

/* -----------------------------------------------------------------------------
 * HOME PAGE LAYOUT
 */
#home-page #main-menu {
	background:url(assets/home-page-menu-line.gif) center center no-repeat;
	text-align:center;
	font-family: Georgia, serif;
	font-size:17px;
	text-transform:lowercase;
	}
#home-page #main-menu li {
	display:inline;
	margin:0 17px;
}
#home-page #main-menu li a {
	color: white;
	text-decoration:none;
}
#home-page #main-menu li a:hover {
	color:#6e6033;
	}

/*
 * Reservation bar
 */
#home-page #reserve {
	background:url("assets/home-page-reservation-bar2.gif") center center no-repeat;
	height:39px;
	margin:20px 0;
}
#home-page #reserve form {
	padding:9px 0 0 7px ;
}
#home-page #reserve * {
	vertical-align:middle;
}
#home-page #reserve a {
	width:120px;
	height:39px;
	display:block;
	float:left;
	margin:0 10px 0 20px;
}
#home-page #reserve a span {
	display:none;
}
#home-page #reserve input#submit-button {
	width:120px;
	margin-left:10px;
}


/* -----------------------------------------------------------------------------
 * INTERIOR/SECONDARY LAYOUT
 */

/* Upper wrapper for main navigation and large image */
#nav-frame {
	background:url("assets/interior-nav-frame.png") top center no-repeat;
	width:960px;
	height:350px;
	overflow:auto;
	padding-top:15px;
}
#nav-frame img.main-img {
	float:left;
}
/* Left-aligned navigation in upper big-image area */
#interior #menu {
	padding:50px 30px 0 50px;
	font-family: Georgia, serif;
	font-size:18px;
	text-transform:lowercase;
	width:150px;
	float:left;
}
#interior #menu a {
	color:white;
	line-height:35px;
	display:block;
	border-bottom:1px solid #E5E3C0;
	text-decoration:none;
}
#interior #menu a.popup {
	background:url("assets/popup-link.gif") center right no-repeat;
}
#interior #menu a.selected,
#interior #menu a strong {
	color:#d7ad13;
}
#interior #menu a:hover {
	color:#d7ad13;
	border-bottom-color:#E5E3C0;
	border-bottom-style:dotted;
}

/* Main content area container */
#content {
	background:url("assets/body-bkg.gif") top center repeat-y;
	padding:0 35px;
	overflow:auto;
}

#interior #ft {
	padding-top:0px;
	padding-bottom:20px;
	font-size:11px;
}
/* Lower content wrapper */
#content-wrapper {
	padding-bottom:20px;
	overflow:auto;
}

/* Main blue banner heading */
#content h1 {
	background:url("assets/interior-header-bkg.gif") top left no-repeat;
	height:65px;
	color:white;
	font-size:17px;
	padding-left:15px;
	font-family: Georgia, serif;
	font-variant:small-caps;
	line-height:50px;
}

/* Left and center column wrapper */
#content-main {
	margin-left:10px;
	background:url("assets/content-devider.gif") top right no-repeat;
	float:left;
	width:570px;
}


/*
 * Center image column
 */
#content-main .body-pic-col {
	width:200px;
	float:left;
	margin-left:25px;
}

/*
 * Left content column
 */
#content-main .body-text-col {
	float:left;
	width:310px;
	padding-left:35px;
	line-height:18px;
}
#content-main .body-text-col-wide {
	float:left;
	width:490px;
	padding-left:35px;
	line-height:18px;
}

/*
 * Right Column
 */
#right-col {
	float:left;
	width:270px;
	margin-left:25px;
}

/* Right column sub-headings */
h2.sub-head {
	height:35px;
	margin-bottom:5px;
	background-repeat:no-repeat;
}
h2.sub-head span {
	visibility:hidden;
}

/* Subhead backgrounds */
h2.sh-accomodations {
	background-image:url("assets/sub-headings/Accomodations.gif");
}
h2.sh-meetings {
    background-image:url("assets/sub-headings/Meeting-Spaces.gif");
}
h2.sh-amenities {
    background-image:url("assets/sub-headings/Island-Amenities.gif");
}
h2.sh-kidszone {
    background-image:url("assets/sub-headings/kidszone.gif");
}
/* Room listing data definition list */
dl.room-types {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
dl.room-types dt {
	color:#706235;
	font-size:13px;
	margin-top:15px;
}
dl.room-types dt.first-of-kind {
	margin:0;
}
dl.room-types a {
	color:#706235;
	text-decoration:none;
}
dl.room-types a:hover {
	color:black;
	text-decoration:underline;
	}



#newfooter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	line-height: 1.3em;
	color: #706136;
	height: 200px;
	background-color:none;
	background-image: url(/img/footer-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 10px;
	margin-top: 40px;
}
#newfooter .content1 {
	float:left;
	text-align:left;
	padding:20px 20px 20px 10px;
	width:198px;
	
}
#newfooter .content2 {
	float:left;
	text-align:left;
	padding:20px 10px 20px 20px;
	width: 158px;
	border-left: solid 1px;
	border-left-color:#FFF;
	height:110px;
}
#newfooter .content3 {
	float:left;
	text-align:left;
	padding:20px 10px 0px 20px;
	width: 190px;
	border-left: solid 1px;
	border-left-color:#FFF;
	
}
#newfooter .content4 {
	float:left;
	text-align:left;
	padding:20px 0px 20px 10px;
	width: 180px;
	border-left: solid 1px;
	border-left-color:#FFF;
height: 110px;	
}
#newfooter .content5 {
	float:left;
	text-align:left;
	padding:12px 0 0 20px;
	width: 60px;
	border-left: solid 1px;
	border-left-color:#FFF;
}
#newfooter .content1 strong, #newfooter .content1 a {
	color:#036;
	font-weight:bold;
}