/*

	-- -- -- -- -- -- -- -- -- --
	'Damask Blue' by Dave Shea
	http://www.brightcreative.com/
	-- -- -- -- -- -- -- -- -- --
	
*/

@import url("../extra.css");
@import url("../extra_book_now.css");
@import url("reset.css");
@import url("extra.css");




																		/* -- Base Layout -- */
body {
	color: #0c182b;
	background: #4d5b81 url(i/body-bg.gif) 50% 0;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#container {
	background: transparent url(i/body-bg-top.gif) repeat-x 50% 0;
}
html>body .container-outer-wrapper {
	width: 100%;
	overflow: hidden;
	background: transparent url(i/body-shadow.png) repeat-y 50% 0;
}
#container .container-inner-wrapper {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0 0 0;
	position: relative;
}

/* Height changed to min-height to support long property names */
#header {
	min-height: 75px;
}
#content-nav {
	width: 100%;
	overflow: hidden;
	height: 57px;
	background: #9d7729 url(i/content-nav-bg.gif) no-repeat 0 0;
}
	#content-nav ul {
		padding-left: 10px;
		overflow: hidden;
		float: left;
		margin: 0;
	}
	#content-nav ul ul {
		width: 150px;
		position: absolute;
		background: #cd734b;
		border: solid 1px #ab593f;
		z-index: 10;
		padding: 0;
	}
	#content-nav ul ul ul {
		position: relative;
		border: none;
	}
	#content-nav li {
		background: url(i/content-nav-sep.gif) no-repeat 100% 2px;
		float: left;
		list-style: none;
		margin: 0;
		height: 57px;
	}
	#content-nav ul ul li {
		background: none;		
		float: none;
		clear: left;
		list-style: none;
		padding: 0;
		margin: 0;
		height: auto;
	}
	#content-nav a, #content-nav a:visited {
		color: #e6ca88;
		text-shadow: #866623 -1px -1px 0;
		display: block;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 57px;
		white-space: nowrap;
		padding: 0 12px 0 10px;
	}
	#content-nav ul ul li a, #content-nav ul ul li a:visited {
		color: #fff;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.2;
		white-space: normal;
		text-shadow: none;
		padding: 4px 8px;
	}
	#content-nav ul ul ul li a, #content-nav ul ul ul li a:visited {
		color: #f6c0a6;
		font-size: 0.85714em;
		padding: 4px 8px 4px 20px;
		background: url(i/sidebar-nav-li.gif) no-repeat 11px 7px;
	}
	#content-nav a:hover {
		color: #ffd05e;
		text-shadow: #75561c -1px -1px 0;
	}
	#content-nav ul ul li a:hover {
		color: #fff;
		background-color: #c56640;
		text-shadow: none;
	}
	#content-nav .selected a, #content-nav .selected a:visited {
		color: #fff;
		background: url(i/content-nav-selected.gif) no-repeat 49% 100%;
	}



#site-nav {
	position: absolute;
	top: 40px;
	right: 0;
	padding-top: 12px;
	height: 28px;
	background: url(i/site-nav-bg.jpg) no-repeat 100% 0;
}
	#site-nav a, #site-nav a:visited {
		color: #fff;
	}
	#site-nav ul {
		margin: 0;
	}
	#site-nav li {
		float: left;
		list-style: none;
		padding: 0 0 0 25px;
		margin: 0;
	}
#page-content {
	background: #fff url(i/page-content-bg.gif) repeat-y 0 0;
}
	html>body #page-content .outer-wrapper {
		background: url(i/sidebar-bg.gif) repeat-y 680px 0;
	}
	#page-content .inner-wrapper {
		width: 100%;
		overflow: hidden;
	}
	html>body #page-content .inner-wrapper {
		background: url(i/sidebar-bg-bot.gif) no-repeat 680px 100%;
	}
/* Added width to support long property names */
#page-title {
  width: 650px;
	padding: 40px 60px 10px 32px;
}
	html>body #page-title {
		background: url(i/sidebar-bg-top.gif) no-repeat 680px 0;
	}
#page-title h1 {
	background: url(i/h1-fleuron.gif) no-repeat 0 3px;
	padding-left: 25px;
}
#content-primary {
	float: left;
	width: 560px;
	padding-left: 60px;
	padding-right: 60px;
}
#content-secondary {
	float: left;
	width: 210px;
	padding: 0 30px;
	position: relative;
	top: -50px;
	overflow: hidden;
}
#content-nav-level2 {
	width: 218px;
	background: #cd734b url(i/sidebar-nav-bot.gif) no-repeat 0 100%;
}
	#content-nav-level2 ul {
		margin: 0;
		padding: 10px 0 8px 0;
		background: url(i/sidebar-nav-top.gif) no-repeat 0 0;
	}
	#content-nav-level2 li {
		list-style: none;
		padding: 0;
		margin: 0;
		background: url(i/sidebar-nav-sep.gif) no-repeat 0 100%;
	}
		#content-nav-level2 li.selected a, #content-nav-level2 li.selected a:visited {
			background: url(i/sidebar-nav-selected.gif) no-repeat 0 5px;
		}
			#content-nav-level2 li.selected li a, #content-nav-level2 li.selected li a:visited {
				background: none;
			}
		#content-nav-level2 li.last {
			background: none;
		}
	#content-nav-level2 a, #content-nav-level2 a:visited {
		color: #fff;
		display: block;
		padding: 2px 15px 5px 15px;
		font-size: 1.08333em; /* 13px */
		text-decoration: none;
	}
		#content-nav-level2 a:hover, #content-nav-level2 a:focus {
			text-decoration: underline;
		}


	#content-nav-level2 .content-nav-level3 ul {
		margin: 0;
		padding: 0 0 14px 0;
		background: none;
	}
	#content-nav-level2 .content-nav-level3 li, #content-nav-level2 li.selected .content-nav-level3 li {
		padding: 0 15px 0 30px;
		background: url(i/sidebar-nav-li.gif) no-repeat 21px 7px;
	}
		#content-nav-level2 .content-nav-level3 li.selected, #content-nav-level2 li.selected .content-nav-level3 li.selected {
			background: url(i/sidebar-nav-li-li-selected.gif) no-repeat 21px 7px;
		}
	#content-nav-level2 .content-nav-level3 a, #content-nav-level2 .content-nav-level3 a:visited,
	#content-nav-level2 li li.selected a, #content-nav-level2 li li.selected a:visited {
		color: #fcc0a6;
		background: none;
		padding: 0;
		font-size: 0.84615em; /* 11px */
	}


																		/* -- Typography -- */
a, a:visited {
	color: #c1501e;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd {
	font-size: 1.3em;		/* 13px */
	line-height: 1.6923;	/* 22px */
}
ul {
	margin: 1em 0;
}
li {
	margin-left: 2em;
	list-style: square;
}
h1 {
	color: #c99f71;
	font: italic normal 2.8em palatino, georgia, serif;
}
h2 {
	color: #c99f71;
	font: italic 1.8em palatino, georgia, serif;
	margin: 1em 0;
}
h3 {
	margin: 1em 0 0.5em 0;
}
p, td, th {
	font: 1.3em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; /* 13px */
	line-height: 1.53846; /* 20px */
	margin: 0 0 0.5em 0;
	text-align: left;
}
th {
	font-weight: bold;
}


li li, li p, td p, dd li {
	font-size: 1em;
}



																		/* -- Header Layout -- */
#site-identity {
	padding-left: 5px;
}

/* Width enforced to support long property names */
.site-title {
	font: 3.2em palatino, georgia, serif;
	width: 600px;
}
	.site-title a, .site-title a:visited {
		font-weight: normal;
		text-decoration: none;
		color: #fff;
		text-decoration: none;
		text-shadow: #273256 -1px -1px 0;
	}
.site-tagline {
	font: bold italic 1.6em Palatino, georgia, serif;
	color: #a2adcc;
}
#site-nav a, #site-nav a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.08333em; /* 13px */
}
	#site-nav a:hover {
		text-decoration: underline;
	}
																		/* -- Footer Layout -- */
#footer {
	background: url(i/footer-bg.gif) no-repeat 50% 0;
	padding: 34px 0 30px 10px;
}
#footer p {
	margin: 0;
	font-size: 1.1em; /* 11px */
	color: #a2adcc;
}
#footer a, #footer a:visited {
	color: #b9c3dd;
	text-decoration: none;
	font-weight: bold;
}

																		/* -- Sidebar Layout -- */
#content-secondary h2 {
	margin-bottom: 0.5em;
}
#content-secondary p {
	margin-bottom: 0;
}
#content-secondary .map-wrap-1 {
	width: 203px;
	height: 201px;
	background: url(i/sidebar-map-bg.jpg) no-repeat 0 0;
	text-align: center;
	padding: 12px;
	overflow: hidden;
}
	#content-secondary #side_map {
		width: 203px;
		height: 201px;
		position: relative;
		overflow: hidden;
	}
	#content-secondary .item2 p a, #content-secondary .item2 p a:visited {
		display: block;
		text-align: center;
		padding: 4px 0;
	}
#secondarycontent-news h2 {
	background: url(i/sidebar-divider.gif) no-repeat 0 100%;
	padding-bottom: 10px;
	margin: 0;
}
#content-secondary #secondarycontent-news .item {
	margin: 0;
	padding: 10px 0;
	background: url(i/sidebar-divider.gif) no-repeat 0 100%;
}
#secondarycontent-news h3 {
	margin: 0;
}
#secondarycontent-news p {
	margin: 0;
}



																		/* -- General items -- */
.caption {
	font: italic 1.2em palatino, georgia, serif;
	display: block;
	text-align: center;
}

#content-primary .section {
	padding: 10px 0;
	clear: both;
}
	#content-primary .section h2 {
		margin-top: 0;
	}
#content-primary .item {
	margin-bottom: 2em;
	clear: both;
}

#content-secondary .section {
    margin-bottom: 10px;
    padding: 0;
}

#content-secondary .item {
	margin-bottom: 2em;
	clear: both;
}




img{
	/* for any image resized in the CSS, IE7+ benefit from this line */
	-ms-interpolation-mode: bicubic;
}

.image-left, .image-right {
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.image-left {
	float: left;
	margin: 0 20px 10px 0;
}
.image-right {
	float: right;
	margin: 0 0 10px 20px;
}
	.image-left img, .image-right img {
		margin: 0.5em 0 0.25em 0;
		padding: 4px;
		background: #f9f6f3;
		border: solid 1px #ebe1df;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}


.mini-list {
	width: 100%;
	overflow: hidden;
}
.mini-list li {
	margin-left: 0;
	padding-left: 3%;
	width: 30%;
	float: left;
	list-style: none;
	background: url(i/li.gif) no-repeat 2px 7px;
}


.mini-grid table {
	width: 100%;
}
.mini-grid td {
	width: 33.3%;
	padding: 2px 5px;
}
.mini-grid td {
	vertical-align: top;
	background: #dadde5 url(i/td-bg.gif) no-repeat 0 0;
	border: solid 1px #fff;
}
.mini-grid .extra-detail span {
	font-weight: bold;
	cursor: pointer;
	color: #c1501e;
	text-decoration: underline;
}
.mini-grid .extra-detail div {
	font-weight: normal;
}


.mini-gallery {
	width: 542px;
	overflow: hidden;
	margin: 8px 0;
	padding: 4px 8px;
	background: #f2e4c3;
	border: solid 1px #e0d0a5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mini-gallery ul {
	margin: 0;
}
.mini-gallery li {
	display: block;
	float: left;
	text-align: center;  
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 5px 10px 5px 10px;
	width: 29%;
}
.mini-gallery .image {
	display: block;
	width: 150px;
	xheight: 100px;
	xline-height: 100px;
	text-align: center;
	background: #f2e4c3;
	border: solid 1px #e0d0a5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.mini-gallery .image img {
		vertical-align: middle;
	}
.mini-gallery .caption {
	display: block;
	height: 50px;
	overflow: hidden;
	padding-top: 4px;
	font-size: 1em;
}

.pagination {
	margin-top: 20px;
	padding-top: 20px;
	background: url(i/primary-divider.gif) no-repeat 50% 0;
	clear: both;
}
	.pagination ul {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0 0 20px 0;
		background: url(i/primary-divider.gif) no-repeat 50% 100%;
	}
	.pagination li {
		list-style: none;
		display: block;
		float: left;
		margin: 0;
		padding: 2px 5px;
	}
	.pagination li.selected {
		border: solid 1px #ebe1df;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}


#content-primary .published {
	margin: 1em 0;
	font: italic 1.2em palatino, georgia, serif;
}

.room {
	margin-bottom: 1em;
}


.view-all {
	background: url(i/ico-viewall.gif) no-repeat 100% 50%;
	margin: 0.5em 0;
	padding-right: 15px;
	text-align: right;
}





																		/* -- Home page-specific items -- */
#content-primary #homepage-gallery {
	width: 556px;
	height: 392px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
/*
	padding: 20px 0;
	background: url(i/homepage-jqscroll-bg.jpg) no-repeat 0 0;
*/
}
	.jqGSContainer{
		margin: 0 auto;
	}
	div.jqGSContainer .jqGSImgContainer {
		border: solid 1px #895f3a;
	}
	div.jqGSContainer .jqGSImgContainer ul li .jqGSTitle {
		text-align: left;
		background: #251407;
		width: 480px;
		padding: 5px 5px 5px 15px;
		font-family: palatino;
	}
	div.jqGSContainer .jqGSImgContainer img {
		width: 500px;
		height: 350px;
	}
	div.jqGSContainer .jqGSPagination ul {
		float: none;
	}
	div.jqGSContainer .jqGSPagination ul li {
		margin: 0 1px 0 0;
	}
	div.jqGSContainer .jqGSPagination ul li a,
	div.jqGSContainer .jqGSPagination ul li a:visited {
		width: 15px;
		padding: 1px 0;
		background: #949db3;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: solid 1px #77839a;
	}
	div.jqGSContainer .jqGSPagination ul li a:hover {
		color: #fff;
		border-color: #c1501e;
		background: #c1501e;
	}
	div .jqGSContainer .jqGSPagination ul li a.selected,
	div .jqGSContainer .jqGSPagination ul li a.selected:visited {
		font-weight: bold;
		color: #fff;
		text-shadow: #1d3156 1px 1px 0;
		background: #4d5b81;
		border: solid 1px #1d3156;
	}
#home-page #content-primary #homepage-overview {
	padding: 20px 30px 10px 30px;
}
#homepage-overview p {
	color: #4d5b81;
	font: normal 2em palatino, georgia, serif;
	line-height: 1.5;
}
#homepage-highlights .item1 {
	margin: 0;
}

																		/* -- Gallery-specific items -- */
#gallery #page-content .outer-wrapper, #gallery #page-content .inner-wrapper, #gallery #page-title {
	background: none;
}
#gallery #content-primary {
	width: 840px;
	padding: 0 60px;
}

#gallery #main-gallery {
	margin: 0 0 30px 0;
}
	#gallery #main-gallery li {
		list-style: none;
/*
		5 per row
 		margin: 10px 5px 10px 0; 
*/
		margin: 10px 25px 30px 25px;
		float: left;
	}
	#gallery #main-gallery li img {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: #f2e4c3;
		border: solid 1px #e0d0a5;
		padding: 4px;
	}

#gallery .pagination {
	background: url(i/primary-divider-lg.gif) no-repeat 50% 0;
}
	#gallery .pagination ul {
		background: url(i/primary-divider-lg.gif) no-repeat 50% 100%;
	}



																		/* -- Room-specific items -- */
#accommodations-rooms .room {
	width: 100%;
	overflow: hidden;
}
.room .gallery-single {
	width: auto;
	padding: 0;
	margin: 0 0 0 20px;
	float: right;
	border: none;
	background: none;
}
.room .gallery-single li {
	width: auto;
}
	.room .gallery-single .image {
		width: 200px;
		height: 200px;
		background: none;
		border: none;
	}

#accommodations-rooms .mini-gallery li {
	width: auto;
	margin: 10px 15px;
}
#accommodations-rooms .mini-gallery .image {
	width: 150px;
	height: 150px;
	background: none;
	border: none;
}
#accommodations-rooms .mini-gallery li img {
	width: 150px;
	height: 150px;
}

																		/* -- Services-specific items -- */
#services .mini-gallery li, #services-dining .mini-gallery li {
	width: auto;
	height: auto;
	margin: 10px 10px;
}
#services .mini-gallery .image, #services-dining .mini-gallery .image {
	width: 150px;
	height: auto;
	background: none;
	border: none;
}
#services .mini-gallery li img, #services-dining .mini-gallery li img {
	width: 150px;
	height: 150px;
}




	
																		/* -- Rate-specific items -- */
.rate {
	background: url(i/primary-divider.gif) no-repeat 50% 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.rate strong {
	color: #C3A688;
}
.rates table {
	width: 100%;
	margin-bottom: 2em;
}
	.rates table td, .rates table th {
		padding: 2px;
	}
	.rates table .odd td, .rates table .odd th {
		background: #F3E9E0;
	}
	.rates table em {
		color: #C3A688;
		font-style: normal;
	}


																		/* -- Reviews-specific items -- */
#reviews .rating {
	background: url(i/primary-divider.gif) no-repeat 50% 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


																		/* -- News-specific items -- */
#news .section {
	background: url(i/primary-divider.gif) no-repeat 50% 100%;
	margin-bottom: 20px;
}
#news .pagination, #news .pagination ul {
	background: none;
}
#news .pagination .last {
	float: right;
}


																		/* -- Location-specific items -- */
#about-map .map-wrap-2 {
	width: 500px;
	height: 370px;
	padding: 21px 29px;
	background: url(i/homepage-jqscroll-bg.jpg) no-repeat 0 0;
}
#location_map {
	width: 500px;
	height: 350px;
	position: relative;
}
#about-map .map-wrap-2 p a, #about-map .map-wrap-2 p a:visited {
	padding-top: 8px;
	display: block;
	text-align: center;
	color: #fff;
}

																		/* -- Hours-specific items -- */
.hours span {
	display: block;
}
	.hours .closed {
		color: #C3A688;
	}


																		/* -- Inquiry form-specific items -- */
fieldset {
	border: none;
	margin-bottom: 40px;
}
fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
}
label {
	font-size: 1.2em;
	margin-right: 10px;
	float: left;
}
dl.inquiry {
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: url(i/primary-divider.gif) no-repeat 50% 0;
	margin-top: 10px;
	padding-top: 20px;
}
.inquiry dt {
	width: 160px;
	float: left;
	clear: left;
	font-size: 1em;
	padding-bottom: 5px;
}
.inquiry dd {
	width: 380px;
	float: left;
}
.inquiry input {
	width: 380px;
}
.inquiry dt.required {
	font-weight: bold;
	width: 150px;
	padding-left: 10px;
	background: url(i/form-required.gif) no-repeat 0 4px;
}
.label-preferred-rooms, .input-preferred-rooms {
	margin-top: 20px;
}
.input-preferred-rooms ul {
	margin: 0;
}
.input-preferred-rooms li {
	font-size: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
}
.input-preferred-rooms li input {
	width: auto;
	float: left;
	margin-right: 5px;
}
.input-preferred-rooms li label {
	font-size: 1em;
}

.input-send-to-me-too input {
	width: auto;
	float: left;
	margin-right: 5px;
}

.input-send-to-me-too label {
	font-size: 1em;
}

/* manual breaks */
.label-work-telephone, .input-work-telephone, .label-organization, .input-organization {
	margin-top: 20px;
}

/* specific form elements */
#reservation_inquiry_number_of_guests, #reservation_inquiry_postal_code {
	width: 95px;
}
#reservation_inquiry_city, #reservation_inquiry_province, #reservation_inquiry_country {
	width: 190px;
}
.input-work-telephone input, .input-home-telephone input, .input-mobile-telephone input {
	width: 190px;
}
.input-arrival-date input, .input-departure-date input {
	width: 190px;
	float: left;
	margin-right: 10px;
}
.short-tip {
	color: #C3A688;
}



.form-button {
	margin: 0 0 20px 130px;
}
	.form-button input {
		font-size: 1.2em;
		font-weight: bold;
		text-shadow: #866623 -1px -1px 0;
		color: #e6ca88;
		background: #57361d url(i/content-nav-bg.gif) no-repeat -225px -4px;
		padding: 10px 20px;
		border: solid 1px #885e3b;
		border-color: #966c25 #533616 #533616 #966c25;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		cursor: pointer;
	}

	.form-button input:hover {
		color: #ffd05e;
		text-shadow: #75561c -1px -1px 0;
	}
.errorExplanation {
	margin: 1em 0 2em 0;
	padding: 20px;
	color: #fff;
	background: #f33 url(i/error-bg.gif) repeat-x 0 0;
	border: solid 1px #b00;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	.errorExplanation h2 {
		font: normal bold 1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
		color: #fff;
	}
.fieldWithErrors {
	background: #ffadad;
	padding: 10px;
	margin: 0 0 1px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	.fieldWithErrors label {
		color: #800;
		font-weight: bold;
	}
	

																		/* -- Accessibility Tweaks -- */
.hide {
	display: none;
}

/* ADDED BY ANDREW FORWARD */
.site-translate { padding: 20px 0 0 0; }

#content-secondary #secondarycontent-tweets ul { margin: 0; padding: 0 10px 0 2px; }