/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*

	LAYOUT

*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%; /* sets font-size globally to 10px from 16px default */
	line-height: 1;
	text-align: center; /* For IE */
	color: #383732;
	background-color: #8c8a73;
	background: url(../images/bkg-olive-knots.jpg) repeat;
	overflow: auto; /* fixes scrollbars appearing by default in IE when any div heights set to auto and overflow set to visible */
}

#wrapper {
	text-align: left; /* resets IE center hack in body */
	width: 100%;
	min-height: 870px;
	height: auto;
	margin: 0 auto;
	background: url(../images/bkg-fade.png) repeat-x;
}

#layout {
	width: 1000px;
	margin: 0 auto;
	background: url(../images/bkg-beige.png) repeat-y;
	overflow: hidden; /* prevents a gap between layout and footer divs */
	position: relative; /* sets root element for sidebar absolute positioning */
}

#header {
	width: 960px;
	margin: 0 auto;
	min-height: 279px;
	height: 279px;
	background: url(../images/header-knots.gif) repeat-y #2f2c27;
	position: relative;
}

div#nav {
	font-size: 1.3em; /* x 10px = 13px */
	line-height: 1.538em; /* x 13px = 20px */
	color: #d2ccc6;
	text-transform: uppercase;
	text-align: center;
	width: 960px;
	margin: 0 20px;
	background-color: #1f1c18;
	display: inline;
	position: absolute;
	z-index: 200;
	top: 0;
	}
	div#nav ul {
		text-align: center;
		height: 25px;
		padding-top: 6px;
		position: relative;
		float: left;
		clear: left;
		left: 50%;
		}
		div#nav ul li {
			list-style: disc;
			margin: 0 1em;
			display: block;
			position: relative;
			float: left;
			right: 50%;
			}
			div#nav ul li a {
				color: #d2ccc6;
				text-decoration: none;
				margin: 0;
				display: block;
				float: left;
				}
				div#nav ul li a:hover,
				div#nav ul li a:active,
				div#nav ul li a:visited:hover {
					color: #b1ab77;
					text-decoration: underline;
				}

#middle {
	width: 960px;
	margin: 0 auto;
	padding-top: 18px;
	background: url(../images/bkg-beige-knots1.jpg) top no-repeat;
}

#content {
	width: 586px;
	min-height: 500px;
	margin-left: 36px;
}

#content-wide {
	width: 888px;
	min-height: 500px;
	margin-left: 36px;
}

#sidebar {
	width: 284px;
	position: absolute;
	top: 95px;
	right: 36px;
	left: 660px;
	z-index: 100;
}

#footer {
	text-align: center;
	width: 1000px;
	height: 84px;
	margin: 0 auto;
	padding-top: 30px;
	background: url(../images/footerbar.png) no-repeat;
	overflow: auto;
	}
	#footer p {
		font-size: 1.2em; /* x 10px = 12px */
		line-height: 1.5em; /* x 12px = 18px */
		color: #8d8988;
	}

#credit {
	text-align: center;
	width: 1000px;
	height: 50px;
	margin: 0 auto;
}


/*

	TYPOGRAPHY

*/

p,
blockquote {
	font-size: 1.3em; /* x 10px = 13px */
	line-height: 1.538em; /* x 13px = 20px */
	margin: 0 0 1em 0;
}

blockquote {
	font-style: italic;
	margin: 0 1.5em 0.5em 1.5em;
}

blockquote:before {
	content: "\201C";
}

blockquote:after {
	content: "\201D";
}

p.credit {
	font-size: 1.2em; /* x 10px = 12px */
	line-height: 1.5em; /* x 12px = 18px */
	margin: 0 1.5em 1.5em 1.5em;
}

p.credit:before {
	content: "\2013\00a0";
}

p.intro {
	font-size: 1.6em; /* x 10px = 16px */
	line-height: 1.5em; /* x 16px = 24px */
	color: #2f2c27;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0.25em;
}

h1 {
	font-size: 2.4em; /* x 10px = 24px */
	line-height: 1.25em; /* x 24px = 30px */
	color: #000;
}

h2 {
	font-size: 2.1em; /* x 10px = 21px */
	line-height: 1.286em; /* x 21px = 27px */
	color: #2e1d15;
}

h3 {
	font-size: 1.8em; /* x 10px = 18px */
	line-height: 1.333em; /* x 18px = 24px */
	color: #383732;
}

h4 {
	font-size: 1.6em; /* x 10px = 16px */
	line-height: 1.313em; /* x 16px = 21px */
	color: #383732;
}

h5 {
	font-size: 1.4em; /* x 10px = 14px */
	line-height: 1.29em; /* 18px */
	color: #333;
}

h6 {
	font-size: 1.3em; /* x 10px = 13px */
	line-height: 1.38em; /* x 13px = 18px */
	color: #666;
}

#header h1 {
	text-indent: -9999px;
	width: 741px;
	height: 119px;
	margin: 0;
	padding: 0;
	background: url(../images/header-title.png?v=2023) top left no-repeat;
	position: absolute;
	top: 60px;
	left: 35px;
}

#header h2 {
	text-indent: -9999px;
	width: 588px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../images/header-bookreservation.png?v=2023) top left no-repeat;
	position: absolute;
	top: 204px;
	left: 35px;
}

#header .contactinfo {
	position: absolute;
	top: 232px;
	left: 88px;
}

#pg-photos #header h1 {
	left: 111px;
}

#pg-photos #header h2,
#pg-photos #header .contactinfo {
	left: 241px;
}

h2#main {
	text-indent: -9999px;
	width: 426px;
	height: 66px;
	background: url(../images/main-header.png) top left no-repeat;
}

h2#booking {
	text-indent: -9999px;
	width: 299px;
	height: 78px;
	background: url(../images/booking-header.png) top left no-repeat;
}

h2#amenities {
	text-indent: -9999px;
	width: 328px;
	height: 66px;
	background: url(../images/amenities-header.png) top left no-repeat;
}

h2#photos {
	text-indent: -9999px;
	width: 125px;
	height: 66px;
	background: url(../images/photos-header.png) top left no-repeat;
}

h2#testimonials {
	text-indent: -9999px;
	width: 197px;
	height: 66px;
	background: url(../images/testimonials-header.png) top left no-repeat;
}

h2#contact {
	text-indent: -9999px;
	width: 175px;
	height: 66px;
	background: url(../images/contact-header.png) top left no-repeat;
}

div.contactinfo {
	display: inline;
	float: left;
	margin-right: 36px;
}

ul.amenities {
	list-style: circle;
	margin: 0 0 1em 0;
}

ul.amenities li {
	font-size: 1.3em; /* x 10px = 13px */
	line-height: 1.538em; /* x 13px = 20px */
	color: #383732;
	margin: 0 0 0.25em 2em;
}


/*

	PACKAGE BOXES

*/

dl.package {
	text-align: center;
	color: #f3ece6;
	width: 284px;
	height: 133px;
	margin-bottom: 18px;
	display: inline;
	float: left;
	}
	dl.package dt {
		text-indent: -9999px;
		height: 0;
		padding-top: 70px;
		}
		dl.package dd.dates {
			font-size: 1.5em; /* x 10px = 15px */
			line-height: 1.333em; /* x 15px = 20px */
			padding: 0 0 0.333em 0; /*5px*/
		}
		dl.package dd.price {
			font-size: 1.8em; /* x 10px = 18px */
			line-height: 1.111em; /* x 14px = 20px */
			font-weight: bold;
		}
	dl.package#premiere {
		background: url(../images/package-premiere.jpg) no-repeat;
		background-color: #33352e;
		margin-top: 9px;
	}
	dl.package#island {
		background: url(../images/package-island.jpg) no-repeat;
		background-color: #3c3a2f;
		margin-top: 9px;
	}
	dl.package#sunny {
		background: url(../images/package-sunny.jpg) no-repeat;
		background-color: #4e4c3a;
	}
	dl.package#cool {
		background: url(../images/package-cool.jpg) no-repeat;
		background-color: #2a2925;
	}
	dl.package.first {
		margin-right: 18px;
	}


/*

	PHOTO FRAMES

*/

div.photoframe {
	width: 133px;
	height: 172px;
	position: absolute;
}

ul.photoframe li {	/* for Gallery page only */
	width: 133px;
	height: 172px;
	margin: 0 18px 15px 0;
	display: inline;
	float: left;
}

ul.photoframe li.altrow {
	margin-left: 75px;
}

ul.photoframe li.last {
	margin-right: 0;
	clear: right;
}

.photoframe img {
	padding: 32px 29px;
	background: url(../images/bkg-frame.png) no-repeat;
}

.sidebar-info {
	width: 280px;
	position: absolute;
}

/*

	LINKS

*/

a:link {
	color: #706e57;
	text-decoration: underline;
}

a:visited {
	color: #2e1d15;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #504e3f;
	text-decoration: none;
}


/*

	UTILITY

*/

.clear {
	clear: both;
	height: 0;	/* only necessary for IE */
	margin: 0;
	padding: 0;
}

.last {
	margin-right: 0;
}