/*
/*	global defaults, global, page independent body styles
==============================================================================*/


body {
	background: #FFF5E3 url(/images/page-bg.png) top left repeat-x;
	font: normal 95%/1.5 Georgia, "Times New Roman", Times, serif;
	color: #333333;
	text-decoration: none;
	word-spacing: 0.15em;
}


img {
	border: none;
}


body, p, h1, h2, h3, h4, form, fieldset, legend, div, img, ul, li {
	margin: 0;
	padding:  0;
	border: none;
}


a:link { color: #1A4066; text-decoration: underline; }
a:visited { color: #532758; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #333; text-decoration: none; }


h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 105%; }


p { margin: 1em 0; }


#bounding, .gallery-bounding {
	width: 980px;
	position: relative;
	margin: 0 auto;
}


#header {
	position: relative;
	height: 187px;
	margin-bottom: 50px;
}


#header .logo a {
    position: absolute;
	top: 52px;
    height: 56px;
    width: 435px;
    text-indent: -1000em;
    z-index: 1000;
    background: url(/images/logo.png) no-repeat;
}


#header .top-contact {
	position: absolute;
	width: 408px;
	height: 36px;
	text-indent: -1000em;
    z-index: 1000;
	top: 2px;
	right: 0;
	background: url(/images/top-contact.png) no-repeat;
}


/*	navigation
================*/


#header ul {
	width: 980px;
	position: absolute;
	list-style-type: none;
	top: 152px;
}


#header li { display: inline; }


#header li a {
	width: 140px;
	float: left;
	height: 0px;
	overflow: hidden;
	padding: 34px 0 0 0;
	background: url(/images/nav.png);
}


/* NORMAL STATE */
#header li#home a { background-position: 0 0; }
#header li#gallery a { background-position: -140px 0; }
#header li#accommodation a { background-position: -280px 0; }
#header li#whereweare a { background-position: -420px 0; }
#header li#thingstodo a { background-position: -560px 0; }
#header li#availability a { background-position: -700px 0; }
#header li#contact a { background-position: -840px 0; }


/* HOVER STATE */
#header li#home a:hover { background-position: 0 -36px; }
#header li#gallery a:hover { background-position: -140px -36px; }
#header li#accommodation a:hover { background-position: -280px -36px; }
#header li#whereweare a:hover { background-position: -420px -36px; }
#header li#thingstodo a:hover { background-position: -560px -36px; }
#header li#availability a:hover { background-position: -700px -36px; }
#header li#contact a:hover { background-position: -840px -36px; }


/* ACTIVE STATE */
#header li#home a:active { background-position: 0 -72px; }
#header li#gallery a:active { background-position: -140px -72px; }
#header li#accommodation a:active { background-position: -280px -72px; }
#header li#whereweare a:active { background-position: -420px -72px; }
#header li#thingstodo a:active { background-position: -560px -72px; }
#header li#availability a:active { background-position: -700px -72px; }
#header li#contact a:active { background-position: -840px -72px; }


/* PRESSED STATE */
#header li#home-current a { background-position: 0 -36px; }
#header li#gallery-current a { background-position: -140px -36px; }
#header li#accommodation-current a { background-position: -280px -36px; }
#header li#whereweare-current a { background-position: -420px -36px; }
#header li#thingstodo-current a { background-position: -560px -36px; }
#header li#availability-current a { background-position: -700px -36px; }
#header li#contact-current a { background-position: -840px -36px; }


#content {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


/*	homepage styles
==============================================================================*/


.home-welcome {
	width: 434px;
	height: 88px;
	display: block;
	background: url(/images/home/welcome.png) no-repeat;
}


#banner {
	float: right;
	padding: 0 0 15px 15px;
	width: 500px;
	height: 300px;
	list-style-type: none;
	overflow: hidden;
}


#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:500px;
    height:300px;
    overflow:hidden;
}


#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
}


.thirds-box {
	float: left;
	width: 300px;
	height: 170px;
	margin: 25px 9px 50px 8px;
	z-index: 1000;
	position: relative;
}


#bottom {
	position: relative;
}


#bottom li {
	padding: 0.5em 0;
	list-style-type: none;
}


.big-img-2 {
	float: left;
	padding: 0 15px 5px 0;
}


.home-bottom {
	width: 434px;
	height: 25px;
	position: relative;
	display: inline-block;
	background: url(/images/home/bottom.png) no-repeat;
}


/*	gallery styles
==============================================================================*/


.gallery-welcome {
	width: 434px;
	height: 46px;
	display: block;
	background: url(/images/gallery/welcome.png) no-repeat;
}


.gallery-box {
	width: 310px;
	height: auto;
	float: left;
	position: relative;
	margin: 20px 5px;
}

.gallery-box .caption {
	font-size: 80%;
	text-align: center;
}


/*	accommodation styles
==============================================================================*/


.accommodation-welcome {
	width: 434px;
	height: 46px;
	display: block;
	background: url(/images/accommodation/welcome.png) no-repeat;
}


.image-left {
	position: relative;
	margin: 1em 0;
}


.image-left img {
	float: left;
	margin: 0 15px 15px 0;
}


.image-right {
	position: relative;
	margin: 3em 0;
}


.image-right img {
	float: right;
	margin: 0 0 15px 15px;
}


/*	where we are styles
==============================================================================*/


.whereweare-welcome {
	width: 434px;
	height: 46px;
	display: block;
	background: url(/images/whereweare/welcome.png) no-repeat;
}


#directions {
	position: relative;
	padding: 1em 0;
} 


#map {
	border: 1px solid #ccc;
	float: left;
	width: 600px;
	height: 400px;
	position: relative;
	margin: 0 10px 5em 0;
}


#directions-form {
	float: left;
	border-left: 1px solid #ccc;
	width: 300px;
	height: 400px;
	padding-left: 10px;
	
}


/*	things to do styles
==============================================================================*/


.thingstodo-welcome {
	width: 434px;
	height: 46px;
	display: block;
	background: url(/images/thingstodo/welcome.png) no-repeat;
}


p.todo { margin-bottom: 2em; }


.todo { list-style-type: none; }


.todo li { margin: 1em 0; padding: 1em 0; }


.todo img { float: right; }


.todo ul {
	list-style-type: none;
	margin: 0 0 0 1em;
}


.todo p {
	margin: 0.5em 0 1.5em 0;
	font-size: 90%;
}


/*	availability styles
==============================================================================*/


.availability-welcome {
	width: 434px;
	height: 46px;
	display: block;
	background: url(/images/availability/welcome.png) no-repeat;
}


/*	contact us / rates styles
==============================================================================*/


.contact-welcome {
	width: 434px;
	height: 46px;
	display: block;
	background: url(/images/contact/welcome.png) no-repeat;
}


.contact {
	margin: 2em 0;
}


.contact .box {
	float: left;
	width: 300px;
	margin: 0.5em 0;
}


input.button {
	clear: both;
	float: none;
	display: block;
	width: auto;
}


.contact .box label {
	float: left;
	width: 300px;
	font-size: 80%;
}


.contact .box input {
	padding: 0.3em;
	border: 1px solid #ccc;
	width: 280px;
}


textarea {
	width: 880px;
	font: normal 95%/1.5 Georgia, "Times New Roman", Times, serif;
	padding: 0.5em;
	height: 300px;
}


/*	footer styles
==============================================================================*/


#footer {
	width: 100%;
	position: relative;
	background: url(/images/footer.png) top left repeat-x;
	float: left;
	margin-top: 5em;
	text-align: center;
	padding: 0.5em 0 1em 0;
	font-size: 80%;
}