html, body {

	background: url(../images/bg.jpg) repeat;
	background-color: #46352b;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
	z-index: 0;

}


/* Common Functions ================ */

.clear { clear: both; }
.trans { border: 0; }

.image-left { display: block; clear: left; float: left; }
.image-right { display: block; clear: right; float: right; }

/* Wrappers ======================== */

#wrapper {

	background: url(../images/wrapper.png) repeat-y;
	width: 948px;
	position: relative;
	left: 50%;
	margin-left: -485px;
	padding-left: 22px;

}

#wrapper-inner {

	position: relative;
	top: 0px;
	width: 924px;
	background: url(../images/bg.gif) repeat-y;
	background-color: #fff;

}

#content-wrapper {

	display: block;
	width: 924px;
	float: none;
	padding-bottom: 20px;

}


/* Static Areas ======================== */

#header {

	display: block;
	width: 924px;
	height: 235px;

}

/* Sidebar ============================= */

#sidebar {

	display: block;
	float: left;
	width: 263px;
	height: 100%;
	background: url(../images/sidebar.jpg) no-repeat;
	padding-top: 117px;
	padding-left: 16px;
}

#sidebar ul {

	display: block;
	width: 244px;
	padding: 0;
	margin: 0;

}

#sidebar ul li {

	display: block;
	width: 244px;
	height: 64px;
	background: url(../images/sidebar-li.jpg) no-repeat;
	margin-bottom: 5px !important;
	padding: 0;
	margin: 0;

}

#sidebar ul li a {

	display: block;
	width: 244px;
	height: 64px;

}

#sidebar ul li a img:hover {

	position: relative;
	top: 1px;
	left: 1px;

}

#sidebar ul li a.first {

	background: url(../images/stable-bg.png) no-repeat;

}

/* Content ====================================== */

#content {

	display: block;
	float: left;
	width: 593px;
	background: url(../images/content.jpg) no-repeat;
	padding-left: 26px;
	padding-right: 26px;

}

#content h1 {

	display: block;
	margin-bottom: 3px;
	font-size: 32px;
	font-family: lucida sans;
	letter-spacing: -2px;
	color: #334046;
}

#content h1 strong {

	color: #81ab59;
	font-weight: normal;

}

#content p {

	font-family: arial,sans-serif;
	font-size: 12px;
	color: #525252;
	line-height: 20px;
	text-align: justify;
	margin-bottom: 15px;

}

#content h1.intro {

	margin-top: -20px;

}

#content p em {

	color: #313e43;
	font-style: normal;

}

img.booking {

	margin-top: 10px;
	margin-bottom: 15px;

}

#content ul {

	margin-bottom: 15px;

}

#content ul li {

	display: block;
	margin-bottom: 8px;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/i.gif) no-repeat;
	padding-left: 29px;
	height: 19px;
	display: block;
	padding-top: 5px;

}

#content ul.info {

	margin-top: 8px;

}

#content ul.info li {

	font-weight: normal;
	margin-bottom: 5px;

}

#content ul li strong {

	color: #588598;

}

/* Contact Form ===================== */

#content form {

	margin-top: 10px !important;
	margin-bottom: 15px !important;

}

#content fieldset {

	border: 1px solid #bfced7;
	background-color: #cddbe3;
	padding: 8px;
	padding-top: 15px;
	margin-bottom: 15px;

}

#content fieldset legend {

	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b5c5ce;
	font-size: 11px;
	font-family: arial,sans-serif;
	font-weight: bold;
	padding: 6px;
	background-color: #fff;
	width: auto;

}

#content fieldset span {

	display: block;
	margin-bottom: 6px;
	border-bottom: 1px dotted #e2ebf0;
	padding-bottom: 10px;
	font-family: arial,sans-serif;
	font-size: 11px;

}

#content label {

	display: block;
	float: left;
	width: 100px;
	padding-left: 10px;
	color: #394247;
	padding-top: 4px;

}

#content label em {

	color: #d51717;

}

#content input, #content textarea { 

	padding: 4px;
	width: 250px;
	border: 1px solid #a6b7c0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 11px;
	font-family: arial,sans-serif;

}

#content input:focus, #content textarea:focus {

	background-color: #ebf4e9;

}

#content input.submit {

	display: block;
	margin-right: 6px;
	width: 90px;
	float: left;
	font-size: 11px;
	font-family: arial,sans-serif;
	font-weight: bold;
	background-color: #62818c;
	border: 1px solid #52707b;
	color: #fff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;

}

#content input.submit:hover {

	background-color: #86a07d;
	border: 1px solid #6f8a66;

}

#content input.hidden { display: none; }


/* Google Map ======================= */

#map-container {

	display: block;
	background-color: #cbdbc6;
	padding: 8px;
	border: 1px solid #b1c4ab;
	height: 500px;

}

#map {

	display: block;
	width: 573px;
	height: 500px;
	border: 1px solid #9fb498;

}

/* Footer =========================== */

#footer {

	display: block;
	width: 684px;
	height: 92px;
	background: url(../images/footer.jpg) no-repeat;
	clear; both;
	font-size: 11px;
	font-family: arial,sans-serif;
	padding-left: 240px;
	color: #b8c7d0;
	line-height: 24px;
	padding-top: 40px;

}

#footer em {

	color: #fff;
	font-style: normal;

}

#footer strong {

	font-weight: bold;
	color: #fff;

}

#footer div {

	display: block;
	float: left;

}

#footer a {

	text-decoration: none;
	color: #b8c7d0;

}

#footer a:hover {

	color: #d1e3ed;

}

.address {

	width: 171px;
	background: url(../images/footer-divider.gif) no-repeat;
	background-position: 100% 0%;
	margin-right: 35px;

}

.contact {

	width: 212px;
	background: url(../images/footer-divider.gif) no-repeat;
	background-position: 100% 0%;

}

.designed-by {

	text-align: right;
	width: 240px;

}