﻿/*
=====================
Global
=====================
*/
html {
	background:#f8f7f7;
}
body {
	font:14px/155% Georgia, serif;
	color:#444;
	padding:20px 0;
}
#wrapper {
	width:936px;
	margin:auto;
	background:#fff;
	border:12px solid #fff;
}
h1, h2 {
	font-family:"Times New Roman",serif;
	margin-bottom:.7em;
	color:#78354d;
}
h1 {
	font-size:36px;
	line-height:100%;
}
h2 {
	font-size:20px;
	font-style:italic;
	padding-top:.3em;
	margin-bottom:.65em;
}
h2 a {
	display:block;
}
h3 {
	margin: 15px 0 7px 0;
	color:#723c38;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
}
ul {
	margin-bottom:15px;
}
p {
	margin-bottom:0.8em;
}
strong {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#78354d;
}
#content p a,
#content ol a,
#content ul.bullet a {
	border-bottom:1px dotted #bbb;
}
#content p a.imageLink {
	display:block;
	border:0;
	margin-top:30px;
}
a.linkMore {
	display:block;
	line-height:30px;
	border:0;
	width:100px;
	background:url(/Images/button-yellow-white.gif) no-repeat;
	text-align:center;
	color:#fff;
}
div.clear {
	clear:both;
	line-height:0;
	font-size:0;
}

/*
=====================
Header
=====================
*/
#header {
	height:190px;
	background:url(/Images/bg-header.gif) top repeat-x;
	position:relative;
	z-index:2;
}
#header img {
	display:block;
}
#logo {
	position:absolute;
	display:block;
	top:0; left:0;
	width:410px;
	height:145px;
}
#vacancy {
	position:absolute;
	display:block;
	top:38px; right:53px;
	width:261px;
	height:77px;
}
#frill {
	position:absolute;
	bottom:15px; left:0;
	width:936px;
	height:11px;
	background:url(/Images/frill-top.png) no-repeat;
}

/*
=====================
Content
=====================
*/
#content {
	padding:60px;
	position:relative;
	min-height:300px;
	z-index:1;
}
#contentWithSidebar {
	position:relative;
	padding-right:360px;
}
#contentWithSidebar h2 {
	margin-top:25px;
}
#sidebar {
	position:absolute;
	top:0; right:0;
	width:316px;
	text-align:center;
}
#sidebar img.hero {
	border:8px solid #eee;
	display:block;
	margin-bottom:15px;
}
#sidebar a {
	margin:0 5px;
}
.infoDetails p {
	margin:0;
}

/*
=====================
Footer
=====================
*/
#footer {
	color:#4b2526;
	height:40px;
	background:#e0939c url(/Images/bg-footer.gif) bottom repeat-x;
	text-align:center;
	font-size:12px;
	font-style:italic;
	padding:0 25px 11px 25px;
}
#footer span.copyright {
	line-height:40px;
	float:left;
}
#footer a.credit {
	float:right;
	margin-top:14px;
}

/*
=====================
Navigation
=====================
*/
#nav {
	width:936px;
	position:absolute;
	left:0; bottom:11px;
	height:30px;
	background:#4b2526;
	z-index:2;
}
#nav li, #nav a {
	float:left;
	line-height:30px;
	height:30px;
}
#nav li {
	position:relative;
}
#nav a {
	padding:0 18px;
	color:#cfcfc1;
}
#nav a:hover {
	color:#fff;
	background:#5d3b3c;
}
#nav li.active a,
#nav li.active:hover a,
#nav li.active a:hover {
	color:#fff;
	background:#78354d;
}
#nav li.last {
	float:right;
}
#nav li ul {
	display:none;
	position:absolute;
	top:30px; left:0;
	width:190px;
}
#nav li ul li {
	background:#fff;
	width:190px;
	height:30px;
	line-height:30px;
	border:1px solid #ccc;
	border-top:0;
}
#nav li:hover a {
	color:#fff;
	background:#5d3b3c;
}
#nav li:hover li a,
#nav li.active:hover li a {
	float:none;
	display:block;
	height:30px;
	line-height:30px;
	color:#444;
	background:#f8f7f7;
}
#nav li:hover li a:hover {
	background:#EFD6E0;
}
#nav li:hover ul {
	display:block;
}

/*
=====================
Lists
=====================
*/
ul.bullet, ol {
	margin:0 0 1em 20px;
	padding-left:20px;
}
ul.bullet li {
	list-style-type:disc;
}
ol li {
	list-style:decimal outside;
}
ul.gallery {
	margin:35px 0 25px 0;
	height:83px;
}
ul.gallery li,
ul.gallery a {
	float:left;
}
ul.gallery li {
	margin-right:15px;
}
ul.gallery a {
	border:4px solid #cfcfc1;
	cursor:-moz-zoom-in;
}
ul.gallery a:hover {
	border-color:#EFD6E0;
}
ul.gallery img {
	display:block;
}
ul.relatedLinks {
	background:#f2f2f2;
	margin-top:30px;
	border-top:1px solid #ccc;
	padding:20px 20px 20px 40px;
}
ul.relatedLinks li {
	list-style-type:disc;
}
ul.relatedLinks a:hover {
	text-decoration:underline;
}
ul.staff {
	margin-top:40px;
}
ul.staff li {
	float:left;
	width:350px;
	height:200px;
	padding-right:40px;
}
ul.staff h2 {
	margin-bottom:3px;
}
ul.staff h2 small {
	font-size:11px;
}
ul.staff p.quals {
	margin-bottom:.2em;
	font-weight:bold;
	color:#555;
}

/*
===================
Home Page
===================
*/
#homeWrapper {
	height:600px;
	margin-bottom:-60px;
}
#homeLeftPanel {
	position:absolute;
	top:-11px; left:-12px;
	width:468px;
	height:300px;
	background:#fff;
	padding:310px 60px 60px 60px;
}
#carousel {
	position:absolute;
	top:0; left:0;
	width:600px;
	height:292px;
	display:block;
}
#carousel img {
	display:block;
}
#carousel ul {
	position:relative;
	z-index:0;
}
#carousel li {
	position:absolute;
	top:0; left:12px;
	opacity:0;
	filter:alpha(opacity=0);
}
#carousel .shim-home-hero {
	position:absolute;
	top:234px; left:0;
	width:600px;
	height:58px;
	background:url(/Images/shim-home-hero.png) no-repeat;
	z-index:2;
}
#homeRightPanel {
	position:absolute;
	top:-11px; right:0;
	width:348px;
	height:450px;
	background:#f1f1e4 url(/Images/bg-home-right.gif) bottom repeat-x;
	padding-bottom:150px;
}
#bookingInfo {
	background:#efd6e0 url(/Images/shadow-sidebar-home.gif) bottom repeat-x;
	height:154px;
	padding:90px 0 9px 0;
	position:relative;
}
#bookingInfo .phone {
	position:absolute;
	top:5px; right:10px;
	width:193px;
	height:65px;
	padding:10px 0 0 65px;
	background:url(/Images/bg-phone.gif) no-repeat;
	color:#827b41;
	font-size:22px;
}
#bookingInfo .address {
	text-align:center;
	color:#4b2526;
	font-style:italic;
	font-size:16px;
}
#bookingInfo .address a:hover {
	text-decoration:underline;
}
#bookingInfo a#bookingsButtonHome, a#bookingsButton {
	display:block;
	width:300px;
	border:1px solid #9f7d81;
	padding:3px;
	margin:20px auto 0 auto;
}
a#bookingsButton {
	margin: -60px 0 0 0;
	float:right;
}
#bookingInfo a#bookingsButtonHome img, a#bookingsButton img {
	display:block;
}
#testimonialsBrief {
	margin-top:30px;
}
#testimonialsBrief li {
	color:#705152;
	background:url(/Images/bg-divider.gif) top no-repeat;
	padding:45px 30px 10px 30px;
	font-style:italic;
}
#testimonialsBrief li q {
	display:block;
}
#testimonialsBrief li cite {
	display:block;
	font-weight:bold;
}

/*
===================
Gallery Page
===================
*/
#gallery {
	margin-right:-16px;
}
#gallery li {
	float:left;
	margin:0 16px 14px 0;
}
#gallery a {
	display:block;
	border:1px solid #cfcfc1;
	padding:4px;
	cursor:-moz-zoom-in;
}
#gallery img {
	display:block;
}

/*
===================
Forms
===================
*/
.form {
	padding:25px 20px 15px 20px;
	background:#F1F1E4;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	min-height:1%;
}
.form h2 {
	padding-left:85px;
}
.form p {
	position:relative;
	padding-left:85px;
	min-height:26px;
}
.form label {
	position:absolute;
	top:0; left:0;
	display:block;
	width:70px;
	text-align:right;
	font-weight:bold;
	padding:4px 0 2px 0;
	color:#999;
}
.form .inputGroup label {
	position:static;
	display:inline;
	padding:0 0 0 4px;
	font-weight:normal;
	color:#555;
}
.form span.value {
	display:block;
	padding-top:4px;
}
.form h3 {
	font-size:16px;
}
.form label span {
	font-size:11px;
	font-weight:normal;
}
.form input.text {
	padding:5px;
	width:260px;
	border:1px solid #ccc;
	margin-right:8px;
}
.form textarea {
	width:260px;
	height:180px;
	display:block;
	padding:5px;
	border:1px solid #bbb;
	font-family:Georgia,Serif;
}
.form select {
	font-size:13px;
	padding:3px;
	width:271px;
}
.form span select {
	width:auto;
	margin-right:8px;
}
.form input.text:focus,
.form textarea:focus {
	border-color:#e0939c;
	background-color:#fbfbf9;
}
input.button {
	padding:4px 6px;
}

/*
========================
Validation
========================
*/
.validation-container {
	border:1px solid #940833;
	background:#fcebeb url(/Images/icon-warning.gif) 12px 12px no-repeat;
	color:#940833;
	padding:10px 10px 10px 54px;
	margin-bottom:22px;
	line-height:130%;
}
.validation-title {
	font-weight:bold;
	margin-bottom:4px;
}
.validation-list li {
	line-height:150%;
	list-style:disc;
	margin-left:1.4em;
}

/*
===================
Testimonials Page
===================
*/
#testimonials {
	margin-top:20px
}
#testimonials li {
	margin-bottom:15px;
	background:url(/Images/bg-divider2.gif) top center no-repeat;
	padding-top:50px;
}
#testimonials q, #testimonials cite {
	display:block;
}
#testimonials cite {
	font-weight:bold;
}

/*
===================
Contact Page
===================
*/
#contactInfo {
	float:left;
	width:340px;
}
address {
	display:block;
	margin:20px 0 25px 0;
	border-left:5px solid #e0939c;
	padding-left:10px;
}
address span {
	display:block;
	line-height:150%;
}
#contactInfo dl {
	line-height:32px;
}
#contactInfo dt {
	float:left;
	clear:left;
	padding-left:26px;
	background-repeat:no-repeat;
	background-position:4px center;
	width:80px;
	height:33px;
	font-weight:bold;
	color:#999;
	border-bottom:1px solid #ddd;
}
#contactInfo dt.phone {
	background-image:url(/Images/icon-phone.gif);
}
#contactInfo dt.fax {
	background-image:url(/Images/icon-fax.gif);
}
#contactInfo dt.email {
	background-image:url(/Images/icon-email.gif);
}
#contactInfo dt.hours {
	background-image:url(/Images/icon-clock.gif);
}
#contactInfo dt.web {
	background-image:url(/Images/icon-web.gif);
}
#contactInfo dd {
	float:left;
	border-bottom:1px solid #ddd;
	width:200px;
	height:33px;
}
#contactInfo dd strong {
	font-size:13px;	
}
#contactInfo address a {
	font-weight:bold;
}
#contactInfo a:hover {
	text-decoration:underline;
}
.contactForm {
	float:right;
	background:#F1F1E4;
	padding:25px 20px 15px 20px;
	width:375px;
	position:relative;
}
.contactForm .form {
	border:0;
	margin:0;
	padding:0;
}

/*
=====================
Email Friend Page
=====================
*/
#emailWrapper {
	padding:10px 25px 0 25px;
}
#emailWrapper .form label {
	width:150px;
}
#emailWrapper .form textarea {
	height:70px;
}
#emailWrapper .form p {
	padding-left:165px;
}