/*
	File: cssLoader.css
	Created: 13/08/10
	Created by: Barney scott
	Version: 1.00
	
	This CSS contains the layout, default styles and sitewide content styles for the site
	
*/

/* 
html5doctor.com Reset Stylesheet
v1.5 
Last Updated: 2010-08-12
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px dashed #D6C9D2;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ layouts */

body {
	background: #dcd8cc;
	font-family: 'Times New Roman', Times, serif;
	font-size: 10px;
	color: #6c696b;
	margin: 0;
	padding: 25px 0;
}

#container {
	padding: 0 25px 0 100px;
	*top: 50%;
	*height: 522px;
	*position: absolute;
	*margin-top: -261px;
}

@media (min-height: 522px) {

	#container {
		top: 50%;
		height: 522px;
		position: absolute;
		margin-top: -261px;
	}
	
}

	body.page_count_1 #container {
		width: 1025px;
	}

	body.page_count_2 #container {
		width: 1550px;
	}

	body.page_count_3 #container {
		width: 2075px;
	}

	body.page_count_4 #container {
		width: 2600px;
	}

	body.page_count_5 #container {
		width: 3125px;
	}

	body.page_count_6 #container {
		width: 3650px;
	}

	body.page_count_7 #container {
		width: 4175px;
	}

	body.page_count_8 #container {
		width: 4700px;
	}

	body.page_count_9 #container {
		width: 5225px;
	}

	body.page_count_10 #container {
		width: 5750px;
	}

	body.page_count_11 #container {
		width: 6275px;
	}

#PageHeader {
	background: #ccc9be;
	float: left;
	height: 500px;
	width: 500px;
}

.page {
	background: #fff;
	border: 25px solid #fff;
	float: left;
	height: 450px;
	margin: 0 0 0 25px;
	padding: 0;
	position: relative;
	width: 450px;
}

	img.page {
		border: 25px solid #fff;
		padding: 0;
	}

.page_group {
	margin-left: 550px;
}
	
	.page .subpage {
		position: absolute;
		top: -25px;
	}
	
	.page_group .subpage {
		left: -575px;
	}

.double_page {
	margin-right: 525px;
}
	
	.double_page .subpage {
		right: -555px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general styles */
/*
    The base styles for the whole site, setting up base font styles/colors etc.
    specific styles for specific areas done later to override these
    some ultra basic form styles set up here too
*/


h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 15px 0;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ custom classes */
/*
    Classes that your likely to use all over your site, like rss links, or a button style or something
    But not something thats going to be lots of lines of CSS - if it is, like 'calls to actions' in the right column,
    make a module css, callsToActions.css and put it in the /modules/ folder (remember to link it in the cssLoader.css)
*/


.columns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

.page p.intro {
	color: #b79fb1;
	font-size: 20px;
	line-height: 21px;
	width: 100%;
}

	.page p.intro a:link,
	.page p.intro a:visited {
		color: #b79fb1;
	}

	.page p.intro em {
		font-style: normal;
		font-weight: bold;
	}
	
	.page p a {
		color: #b79fb1;		
	}
	

dl.info {
	color: #b79fb1;
	}

	dl.info dt {
		border-bottom: 1px dashed #D6C9D2;
		font-size: 20px;
		font-weight: normal;
		line-height: 25px;
		margin-bottom: 5px;
		}

	dl.info dd {
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 25px; 
		}

.footer {
	bottom: 0;
	position: absolute;
}

/* Lightbox */
	
#DOMWindow {
	background: #a5a0a3 !important;
}

	#DOMWindow .close {
		background: url('../images/close.jpg') no-repeat;
		height: 17px;
		overflow: hidden;
		position: absolute;
		right: 9px;
		text-indent: -9999px;
		top: 9px;
		width: 17px;
	}

		#DOMWindow .close:hover,
		#DOMWindow .close:active
		#DOMWindow .close:focus {
			background-position: 0 -17px;
		}
	
	#DOMWindow h2 {
		border-bottom: 1px dashed #6c696b;
		color: #4e0e12;
		display: inline-block;
		font-size: 16px;
		font-weight: normal;
		line-height: 34px;
		padding-bottom: 5px;
		text-transform: capitalize;
	}
	
	#DOMWindow h3 {
		color: #6c696b;
		font-size: 13px;
		font-weight: bold;
		line-height: 15px;
	}
	
.lightbox_page.js {
	border: 0;
	height: 500px;
	padding: 0;
	text-align: center;
	width: 500px;
}
	
	.lightbox_page .subpage {
		top: 0;
		right: -525px;
	}
	
	.page_group.lightbox_page .subpage {
		left: -550px;
		top: 0;
		right: 0;
	}

	.js .click_target {
		cursor: pointer;
	}

		.js .click_target h2 {
			background: none;
			border-bottom: 1px dashed #d6c9d2;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-family: 'Times New Roman', Times, serif;
			font-size: 20px;
			font-weight: normal;
			line-height: 40px;
			margin-top: 428px;
		}

	.js .lightbox_container {
		display: none;
		text-align: left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ block specific styles */
/* 
    Styles for sitewide elements, like navigation, header, toolbars, footer.
    Stuff that appears on most of the pages on a site.
*/
#PageHeader {
	clear: left;
	position: relative;
}

	#PageHeader h1 {
		background: url('../images/header.jpg') no-repeat;
		left: 0;
		bottom: 0;
		height: 265px;
		margin: 0;
		position: absolute;
		width: 500px;
	}

		#PageHeader h1 a:link,
		#PageHeader h1 a:visited {
			bottom: 20px;
			display: block;
			height: 74px;
			overflow: hidden;
			position: absolute;
			right: 24px;
			text-decoration: none;
			text-indent: -9999px;
			width: 386px;
		}

	#PageHeader nav {
		margin: 25px 25px 0 25px;
	}

		#PageHeader nav a:link,
		#PageHeader nav a:visited {
			color: #ece9e3;
			font-size: 20px;
			line-height: 26px;
			text-decoration: none;
			text-transform: lowercase;
		}

		#PageHeader nav a.current:link,
		#PageHeader nav a.current:visited,
		#PageHeader nav a:hover,
		#PageHeader nav a:active,
		#PageHeader nav a:focus {
			color: #4e0e12;
		}

.page.bordered {
	background: #fff url('../images/border.png') repeat-x left bottom;
}

.page {
}

	.page .page_title {
		border-bottom: 1px dashed #d6c9d2;
		color: #333a45;
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 16px;
		text-transform: capitalize;
		margin-bottom: 15px;
		padding-bottom: 8px;
	}
	
	.page p {
		-moz-break-inside: avoid-column;
		-o-break-inside: avoid-column;
		-webkit-break-inside: avoid-column;
		break-inside: avoid-column;
		width: 230px;
		*width: 230px;
	}
	
		.page p.columns {
			width: 450px;
		}
		
		.page #PagesNav ul {
			margin-bottom: 18px;
		}
		
			.page #PagesNav.columns ul {
				margin-bottom: 2px;
			}
		
			.page #PagesNav a:link,
			.page #PagesNav a:visited {
				color: #b79fb1;
				font-size: 20px;
				line-height: 21px;
				text-decoration: none;
				text-transform: capitalize;
			}
		
			.page #PagesNav a:hover,
			.page #PagesNav a:active,
			.page #PagesNav a:focus {
				text-decoration: underline;
			}

	h3 {
		color: #b79fb1;
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 5px;
	}
	
	.addendum {
		bottom: 18px;
		color: #A5A0A3;
		font-family: 'Times New Roman', Times, serif;
		font-size: 13px;
		position: absolute;
		width: 450px;
		*left: 0;
		*bottom: 34px;
	}
	
		small.addendum {
			bottom: 33px;
		}
	
	.price {
		color: #b79fb1;
		font-family: Arial, sans-serif;
		font-size: 14px;
	}

	.image_group {
		list-style: none;
		margin: -10px 0 0 -10px;
		*zoom: 1;
		*clear: both;
	}

		.image_group li {
			float: left;
			line-height: 0;
			margin: 10px 0 0 10px;
		}
		

			.image_group li figure {
				position: relative;
				*overflow: hidden;
			}

				.image_group li figure img {
					line-height: 15px;
				}

				.image_group li figure figcaption {
					background: #333a45;
					-webkit-border-radius: 11px;
					-moz-border-radius: 11px;
					border-radius: 11px;
					color: #fff;
					font-size: 11px;
					height: 15px;
					left: 7px;
					line-height: 15px;
					padding: 4px 0;
					position: absolute;
					text-align: center;
					top: 7px;
					width: 23px;
				}

	.page footer {
		bottom: 0;
		left: 0;
		position: absolute;
		width: 450px;
	}

		.page footer.bordered {
			border-bottom: 1px dashed #D6C9D2;
		}

	.page nav.in_page {
		bottom: -50px;
		position: absolute;
		right: -25px;
		width: 1025px;
	}

	.double_page nav.in_page {
		left: -25px;
	}

	.lightbox_page nav.in_page {
		bottom: -25px;
		left: 0;
	}

		.page nav.in_page.short {
			width: 500px;
		}

		.page nav.in_page .back {
			left: 0;
			*bottom: 0;
			position: absolute;
		}

		.page nav.in_page .more {
			position: absolute;
			*bottom: 0;
			right: 0;
		}

		.page nav.in_page a:link,
		.page nav.in_page a:visited {
			color: #333a45;
			font-family: Arial, 'Sans serif';
			font-size: 11px;
			text-decoration: none;
			text-transform: lowercase;
		}

		.page nav.in_page a:hover,
		.page nav.in_page a:active,
		.page nav.in_page a:focus {
			text-decoration: underline;
		}

#PageFooter {
	clear: both;
	color: #333a45;
	font-family: Arial, 'Sans serif';
	font-size: 11px;
	line-height: 12px;
	padding-top: 10px;
	width: 500px;
}

	#PageFooter #Fudge {
		float: right;
	}

		#PageFooter #Fudge a:link,
		#PageFooter #Fudge a:visited {
			color: #333a45;
			text-decoration: none;
			text-transform: lowercase;
		}

		#PageFooter #Fudge a:hover,
		#PageFooter #Fudge a:active,
		#PageFooter #Fudge a:focus {
			text-decoration: underline;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page specific styles */

/* Home */

.partners {
	list-style: none;
}

	.partners a:link,
	.partners a:visited {
		color: #b79fb1;
		font-size: 20px;
		line-height: 21px;
		text-decoration: none;
	}

	.partners a:hover,
	.partners a:active,
	.partners a:focus {
		text-decoration: underline;
	}
	
/* Rooms */

.room_details {
	list-style: none;
	margin: 0;
	*zoom: 1;
	*clear: both;
}

	.room_details li {
		margin: 0;
	}
		
	.page footer.contact {
		border-bottom: 0;
		border-top: 1px dashed #D6C9D2;
		color: #b79fb1;
		font-family: Arial 'Sans serif';
		font-size: 14px;
		height: 20px;
		line-height: 30px;
		width: 450px;
	}

		.page footer.contact a:link,
		.page footer.contact a:visited {
			color: #b79fb1;
			text-decoration: none;
		}

		.page footer.contact a:hover,
		.page footer.contact a:active,
		.page footer.contact a:focus {
			text-decoration: underline;
		}
			
/* Offers & promotions */

#TermsPage.js {
	background: #6c696b;
}

/* Restaurant */
#Menus.js {
	background: #4e0e12 url('../images/restaurant/menu.jpg') no-repeat;
}

.lightbox_content .tab_handles {
	list-style: none;
	text-align: center;
}

	.lightbox_content .tab_handles li {
		border-bottom: 1px dashed #6C696B;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		line-height: 34px;
		margin-left: 60px;
		padding-bottom: 5px
	}

		.lightbox_content .tab_handles li:first-child {
			margin-left: 0;
		}

		.lightbox_content .tab_handles li:hover,
		.lightbox_content .tab_handles li:focus,
		.lightbox_content .tab_handles li.current {
			border-color: #4e0e12;
			color: #4e0e12;
		}

.menu {
	color: #363636;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}

	.menu ul {
		list-style: none;
		margin: 0 0 30px 0;
	}

		.menu ul li {
			font-size: 16px;
			line-height: 30px;
			margin-bottom: 5px;
		}

	.menu .price {
		border-bottom: 1px dashed #6C696B;
		border-top: 1px dashed #6C696B;
		color: #363636;
		display: inline-block;
		padding: 10px;
		font-family: 'Times New Roman', Times, serif;
	}

/* Gallery */

#Gallery {
	list-style: none;
}

/* Contact */

.footnote {
	bottom: 25px;
	color: #a5a0a3;
	margin-bottom: 0;
	position: absolute;
}

	.footnote a:link,
	.footnote a:visited {
		color: #a5a0a3;
	}

#Directions {
	list-style: none;
	margin: -20px 0 0 -20px;
	*zoom: 1;
}

	#Directions .group {
		float: left;
		margin: 20px 0 0 20px;
		width: 214px;
	}

		#Directions .group ol {
			list-style: none;
			margin: 0;
		}

		#Directions .group ol li:nth-child(even) {
			color: #a5a0a3;
		}


.error_bg{
/*  display:none;*/
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
  background:#000;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter:alpha(opacity=60);
}

.error_info{
/*  display:none;*/

  height: 200px;
  width: 500px;
  padding:20px;

  position: absolute;
  top:200px;
  left: 50%;
  margin-left: -250px;

  box-shadow: 0px 0px 10px #181818;
  -moz-box-shadow: 0px 0px 10px #181818;
  -webkit-box-shadow: 0px 0px 10px #181818;

  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;

  background: #F2F2F2;
  z-index:99999;
}

.error_info h1{
  border-bottom: 1px dashed #D6C9D2;
  color: #333A45;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  text-transform: capitalize;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.error_info p{
  margin-bottom: 11px;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}

.error_info p.name {
  margin-top: 20px;
  font-family: 'Times New Roman', Times;
  font-size: 20px;
  font-style: italic;
}

.error_info b{
/*  color: #4F4F4F;*/
  font-size: 15px;
}

.error_close{
  position: absolute;
  right: -15px;
  top: -15px;
}