/**
 *
 * Decorum Theme for Sitevalet
 * Created by Soma Design
 * http://somdaesign.ca/
 *
 */

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

/*===== Reset =====*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,
q:before,q:after { content:'';content:none; }
table { border-collapse:collapse;border-spacing:0; }


/*===== Basics =====*/
body {
	background:#f5f5f5 url(i/pattern.png) repeat;
	font:13px/18px 'hoefler text',constantia,georgia,'linux libertine',serif;
	color:#222;
}
hr.hide {
	display:none;
}
#page-content {
	border:4px double #aaa;
	background:url(i/page-content-bg.png) repeat;
	background:rgba(255,255,255,.4);
	padding:30px 0;
}
#page-content .outer-wrapper {

}

/*===== Links =====*/
a {
	text-decoration:underline;
	color:#000;
}
#header a, #content-nav a {
	text-decoration:none;
}

/*===== Basic Layout =====*/
.container-inner-wrapper {
	width:960px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
#content-primary {
	float:left;
	padding-left:30px;
	padding-right:60px;
	width:590px;
}
#content-secondary {
	float:left;
	padding-left:15px;
	width:225px;
	position:relative;
	top:-54px;
}

/*===== Header =====*/
#site-identity {
	padding:36px 0 18px;
}
.site-title {
	font-size:42px;
	line-height:36px;
}
.site-title a {
	color:#111;
}
.site-tagline {
	font-size:15px;
	font-style:italic;
}
#site-nav {
	position:absolute;
	right:0;
	top:0;
	margin-top:6px;
}
#site-nav li {
	float:left;
	border-left:1px solid #aaa;
}
#site-nav li.first {
	border-left-width:0;
}
#site-nav li a {
	display:block;
	padding:0 10px;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
}
#site-nav li a:hover, #content-nav li a:hover {
	background-color:#EEEEE7;
}

/*===== Content Nav =====*/
#content-nav {
	clear:both;
	text-align:center;
}
#content-nav li {
	display:inline;
}
#content-nav li {
	padding:0 5px;
}
#content-nav li a {
	display:inline-block;
	padding:3px 6px;
	text-transform:uppercase;
}
#content-nav li.selected a {
	border-bottom:4px solid #555;
	margin-bottom:-4px;
}
#content-nav li.first {
	padding-left:0;
}
#content-nav li.last {
	padding-right:0;
}

/*===== Dropdowns =====*/
#content-nav ul.dropdown {
	float:none;
}
#content-nav ul.dropdown li {
	float:none;
	line-height:inherit;
}
#content-nav ul.dropdown ul {
	top:19px;
	left:5px;
	border:1px solid #aaa;
	border-top-width:0;
	background:#fff;
	width:165px;
}
#content-nav ul.dropdown ul ul {
	left:99%;
	top:1px;
	width:66.7%;
}
#content-nav ul.dropdown ul li {
	float:none;
	display:block;
	text-align:left;
	padding:0;
	border-top:1px solid #ccc;
}
#content-nav ul.dropdown ul li a {
	display:block;
	text-transform:none;
	border-bottom-width:0;
}



/*===== Content Primary =====*/
#page-title {
	padding-left:30px;
}
#page-title h1 {
	font-size:30px;
	font-weight:normal;
	line-height:36px;
	margin-bottom:18px;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#555;
	padding-right:300px;
}
#homepage-overview, #homepage-gallery {
	padding-left:30px;
}
#homepage-overview {
	width:506px;
	margin:0 0 48px;
}
#homepage-overview p {
	font-size:18px;
	line-height:2;
}
#content-primary .section {
	font-size:16px;
	line-height:24px;
}
#content-primary p, #content-primary h2, #content-primary h3, #content-primary ul, #content-primary ol {
	margin-bottom:12px;
}
#content-primary ol li {
	list-style: decimal outside;
	margin-bottom:3px;
}
#content-primary ul li {
	list-style: circle outside;
	margin-bottom:3px;
}
#content-primary h2 {
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:4px double #ccc;
	margin-top:36px;
}
#content-primary .section:first-child > h2 {
	margin-top:18px;
}
#content-primary h3 {
	font-size:21px;
	margin-top:18px;
}
#content-primary h2 + .item > h3:first-child {
	margin-top:24px;
}
#content-primary img {
	border:1px solid #aaa;
	padding:2px;
}
.image-left, .image-right {
	text-align: center;
}
.image-left {
	float: left;
	margin: 3px 20px 10px 0;
}
.image-right {
	float: right;
	margin: 3px 0 10px 20px;
}
table td, table th {
	padding-left:6px;
	padding-right:6px;
}
.mini-grid table, .rates table {
	width:100%;
	margin-bottom:24px;
}
.mini-grid td {
	border:1px solid #aaa;
	padding:2px 6px;
	font-size:14px;
	width:33%;
}
td.extra-detail span {
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}
.rates th {
	text-align:left;
}
.rates tbody th {
	font-weight:normal;
	width:33%;
}
.rates tr.odd td, .rates tr.odd th {
	background-color:#EEEEE7;
}
.mini-list li {
	list-style: circle outside;
	float:left;
	width:30%;
	margin-left:3%;
}
.interactive-gallery {
	padding-left:30px;
}
.gallery-single, .gallery-single ul {
	display:inline;
}
.mini-gallery li {
	display:inline;
	float:left;
	padding:0 30px 15px 0;
}
.caption {
	text-align:center;
	font-style:italic;
	font-size:13px;
	display:block;
}
p.hours span {
	display:block;
	padding-left:12px;
}

/*===== Sitemap =====*/
div#sitemap li li {
	margin-left:30px;
	list-style-type: circle;
}

/*===== Reservation =====*/
#reservation-form fieldset {
	float:left;
	width:45%;
	margin-right:4.5%;
	margin-top:36px;
}
#reservation-form legend {
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
	margin-bottom:18px;
}
#reservation-form input[type=text] {
	width:95%;
}
#reservation-form dd {
	margin-bottom:12px;
}
#reservation-form dt label {
	font-size:14px;
	line-height:1;
	display:block;
	cursor:pointer;
}
#reservation-form dt.required {
	font-weight:bold;
}
#reservation-form .short-tip {
	font-size:12px;
	line-height:1;
	padding-bottom:6px;
}
#reservation-form label[for=reservation_inquiry_preferred_rooms] {
	padding-top:18px;
}
#reservation-form .input-preferred-rooms {
	margin:9px 0;
	font-size:13px;
}
#reservation-form .form-button {
	clear:both;
	padding:18px 0;
}
#reservation-form .form-button input {
	background:#EEEEE7;
	border:4px double #aaa;
	padding:3px 10px;
	text-transform:uppercase;
	font-size:14px;
}

/*===== News =====*/
#news .item {
	padding:0 0 36px;
}
.published a {
	font-style:italic;
	font-size:13px;
}
.pagination {
	padding:18px 0;
}
.pagination .first {
	float:left;
}
.pagination .last {
	float:right;
}
.pagination a {
	font-style:italic;
}

/*===== Slideshow =====*/
#content-primary #homepage-gallery {
	height:381px;
	overflow:hidden;
}
#content-primary #homepage-gallery img {
	border:0 none;
	padding:0;
}
#homepage-gallery .jqGSContainer {
	border:1px solid #aaa;
	padding:2px;
}
#content-primary #homepage-gallery ul {
	margin:0;
}
#homepage-gallery .jqGSImgContainer {
	border:0 none;
}
#homepage-gallery li {
	list-style-type: none !important;
}
div .jqGSContainer .jqGSImgContainer ul li .jqGSTitle {
	padding:3px 5px 0;
	text-align:right;
}
div .jqGSContainer .jqGSPagination {
	top:-33px;
}
div .jqGSContainer .jqGSPagination ul li a {
	background:#000;
	border:1px solid #aaa;
	color:#fff;
	font-size:15px;
	line-height:1;
}
div .jqGSContainer .jqGSPagination ul li a.selected, div .jqGSContainer .jqGSPagination ul li a.selected:hover {
	background:#fff;
	border-color:#000;
	color:#000;
}
div .jqGSContainer .jqGSPagination ul li a:hover {
	border-color:#aaa;
	color:#fff;
	background:#666;
}

/*===== Rooms =====*/
.room {
	padding:0 0 36px;
}
.gallery-single .image img {
	float:left;
}
/*.room .image img {
	float:left;
	margin:3px 20px 0 0;
}*/

/*===== Sidebar =====*/
#content-nav-level2 {
	border:4px double #aaa;
	font-size:18px;
	line-height:24px;
	background:#fff;
	margin-bottom:36px;
}
#content-secondary #content-nav-level2 ul {
	background:#E6E6DF;
	padding:3px 0;
	margin-bottom:0;
}
#content-nav-level2 a {
	color:#000;
	text-decoration:none;
	display:block;
	margin:6px 0;
	padding:2px 15px;
}
#content-nav-level2 a:hover {
	text-decoration:underline;
}
#content-nav-level2 li.selected a {
	background:url(i/selected.png) no-repeat left 7px;
	margin-left:-1px;
	padding-left:16px;
}
#content-secondary #content-nav-level2 li ul {
	font-size:14px;
	line-height:18px;
	padding:0;
	margin:-6px 0 18px 30px;
}
#content-nav-level2 li li {
	list-style: circle outside;
}
#content-nav-level2 li li a, #content-nav-level2 li.selected li a {
	margin:0;
	padding:1px 0;
	background:none;
}
#content-secondary .section {
	margin-bottom:48px;
}
#content-secondary h2 {
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 6px;
	font-size:16px;
	border-bottom:1px solid #aaa;
}
#content-secondary p, #content-secondary ul, #content-secondary ol {
	margin-bottom:6px;
}
#content-secondary p {
	font-size:14px;
}
#content-secondary h3 {
	font-size:18px;
	margin-top:18px;
	line-height:24px;
	font-weight:normal;
}
#secondarycontent-news .date {
	font-style:italic;
}
#content-secondary .map-wrap-1 {
	border:1px solid #aaa;
	padding:2px;
	margin:18px 0 0;
}
#content-secondary .map-wrap-1 + script + p {
	text-align:right;
}
#content-secondary #side_map {
	height:219px;
	position:relative;
	width:219px;
}
#content-secondary .vcard .adr, #content-secondary .vcard .tel {
	float:none;
	margin:0;
	width:auto;
}

/*===== Gallery Page =====*/
#gallery #content-primary {
	float:none;
	width:auto;
	padding-right:30px;
}
#main-gallery li {
	display:inline;
}
#main-gallery img {
	margin:0 15px 15px 0;
}

/*===== Location =====*/
#about-map .map-wrap-1 {
	border:1px solid #aaa;
	padding:2px;
	position:relative;
	margin-bottom:72px;
}
#location_map {
	width:584px;
	height:400px;
	position:relative;
}
#about-map p {
	position:absolute;
	bottom:-30px;
	right:0;
	font-size:13px;
	margin:0;
}
#content-primary .vcard p {
	margin-bottom:6px;
}
.vcard .adr, .vcard .tel {
	float:left;
	width:45%;
	margin-right:4.5%;
}

/*===== Footer =====*/
#footer {
	clear:both;
	padding:36px 4px 18px;
}


/*===== Clearfixes  =====*/
.room:after, #page-content:after, #page-content .outer-wrapper:after, #content-nav:after, .section:after, .mini-gallery:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}


/* Added by Andrew Forward */
.site-translate { padding: 10px 0 20px 0; }
#content-secondary #secondarycontent-tweets ul { margin:5px 0 5px 20px; padding:0; }
.no-title #content-secondary { top: -20px; }
.no-title #content-primary { margin-top: -20px; }
#secondarycontent-trip-advisor { margin: auto; width: auto; }
#content-secondary #secondarycontent-book-now { margin-bottom: 20px; padding: 0px; }