/* 
    Theme Name: Pension Robin Hood Theme 
    Description: Hand crafted custom made template for Pension Robin Hood by Webbro
    Version: 1.1 
    Author: Webbro
    Author URI: http://www.webbro.nl/ 
    */ 
    
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
/* ADDS */
#map-canvas{
	height: 200px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.wpcf7-text{
	width: 100% !important;
	max-width: 400px !important;
	font-family: 'Lato' !important;
	padding: 10px 15px !important;
	margin-bottom: 0 !important;
	border: 2px solid #afafaf !important;
	border-radius: 0 !important;
}
.wpcf7-textarea{
	width: 100% !important;
	max-width: 400px !important;
	font-family: 'Lato' !important;
	padding: 10px 15px !important;
	margin-bottom: 0 !important;
	border: 2px solid #afafaf !important;
	border-radius: 0 !important;
}
.wpcf7-submit{
	border: 2px solid #afafaf !important;
	background: none !important;
	padding: 14px 12px !important;
	font-family: "Lato" !important;
	font-weight: 700 !important;
	color: #000 !important;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	border-radius: 0 !important;
}

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	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; }


/* #Basic Styles
================================================== */
	body {
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Architects Daughter", "Times New Roman", serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
*/
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	/*ul, ol { margin-bottom: 20px; }*/
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	/*ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }*/

/img
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 0 rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  /*padding: 8px 10px;*/
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		/*color: #222;
		background: #ddd;*/ /* Old browsers */
		/*background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		/*background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		/* background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		/* background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		/* background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		/* background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		/*border: 1px solid #666;
		background: #ccc; /* Old browsers */
		/*background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		/*background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		/*background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		/*background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		/*background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		/*background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }
	  
/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

/*
 * Lamoon V1.0
 * By UXbarn
 * Themeforest Profile: http://themeforest.net/user/UXbarn?ref=UXbarn
 * Demo URL: http://themes.uxbarn.com/redirect.php?theme=lamoon
 * 7/24/2012
 */

/* Table of Content
 ==================================================
 #Site Styles
 #Page Styles
 #Layouts and Plugins
 #Media Queries

 /* #Site Styles
 ================================================== */
body {
	background: #FFF;
	color: #666;
	font-family: 'Lato';
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

img.bg {
	display: block;
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

/***** Headings, Paragraph and List *****/
h1, h2, h3, h4 {
	color: #222;
	line-height: 1em;
	margin-bottom: 0;
}

h1 span, h2 span, h3 span, h4 span {
	background: #FFF;
	display: inline-block;
	padding: 0 25px;
	font-family: "Architects Daughter";
	font-weight: 300;
	letter-spacing: 1px;
}

h3 span, h4 span {
	padding: 0 15px;
}

h1 {
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 30px;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

h3 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}

h4 {
	font-size: 18px;
	margin-bottom: 10px;
}

span.left {
	padding-left: 0;
}

span.footer {
	background: #eee;
	color: #444;
}

.nobg {
	background: none;
}

p {
	margin: 0;
	margin-bottom: 15px;
	line-height: 20px;
}

.center {
	text-align: center;
}

ul, ol {
	margin-top: 20px;
	margin-bottom: 20px;
}

ul li {
	margin-bottom: 5px;
}

/***** Button Styles *****/
.button {
	border: 2px solid #afafaf !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	-moz-box-shadow: 0 0 0 #6f6f6f !important;
	-webkit-box-shadow: 0 0 0 #6f6f6f !important;
	box-shadow: 0 0 0 #6f6f6f !important;
	color: #444;
	font-family: 'Lato' !important;
	font-weight: 700 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative !important;
	font-size: 12px;
	background: 0 !important;
}

.button:visited {
	text-decoration: none;
}

.button:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	left: 1px;
	top: 1px;
}

.button.gray {
	background: #afafaf;
}

.button.gray:hover {
	color: #000;
}

.button.black {
	background: #2D2D2D url('img/black-button.png') top repeat-x;
	color: #ddd;
	text-shadow: 0 1px #555;
}

.button.black:hover {
	color: #fff;
}

.button.blue {
	background: #1B62CD url('img/blue-button.png') top repeat-x;
	color: #eee;
	text-shadow: 0 1px #555;
}

.button.blue:hover {
	color: #fff;
}

.button.steel-blue {
	background: #597A99 url('img/steel-blue-button.png') top repeat-x;
	color: #eee;
	text-shadow: 0 1px #555;
}

.button.steel-blue:hover {
	color: #fff;
}

.button.brown {
	background: #9A662A url('img/brown-button.png') top repeat-x;
	color: #eee;
	text-shadow: 0 1px #555;
}

.button.brown:hover {
	color: #fff;
}

.button.red {
	background: #B13636 url('img/red-button.png') top repeat-x;
	color: #eee;
	text-shadow: 0 1px #555;
}

.button.red:hover {
	color: #fff;
}

.button.green {
	background: #2DA72D url('img/green-button.png') top repeat-x;
	color: #eee;
	text-shadow: 0 1px #555;
}

.button.green:hover {
	color: #fff;
}

.button.seagreen {
	background: #4DA568 url('img/light-green-button.png') top repeat-x;
	color: #efefef;
	text-shadow: 1px 1px #444;
}

.button.seagreen:hover {
	color: #fff;
}

.button.small {
	font-size: 12px;
	line-height: 1em;
	padding: 6px 20px 8px;
}

.button.medium {
	font-size: 14px;
	line-height: 1em;
	padding: 7px 22px 9px;
}

.button.large {
	font-size: 14px;
	line-height: 1em;
	padding: 12px 25px 12px;
}

/***** Form Styles *****/
input[type="text"], input[type="password"], input[type="email"], select {
	display: inline-block;
}

select {
	padding: 6px 4px;
}

input[type='submit'] {
	line-height: 0;
}

input[type='submit']:hover {
	border: none;
}

form label {
	font-weight: normal;
}

form label.required:before {
	content: '* ';
	font-weight: bold;
	font-size: 16px;
}

/***** Image Hovering Styles *****/
.hover {
	line-height: 0;
	position: relative;
}

.hover.one-third {
	width: 260px;
}

.hover.one-fourth {
	width: 200px;
}

.hover a {
	text-decoration: none;
}

.hover .readmore, .hover .photo {
	color: #333;
	display: none;
	height: 100%;
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 500;
}

.hover .readmore {
	background: #fff url('img/doc.png') no-repeat;
}

.hover .readmore .anchor:before {
	content: 'Read more...';
}

.hover .photo {
	background: #fff url('img/photo.png') no-repeat;
}

.hover .photo .anchor:before {
	content: 'View photo';
}

.hover .readmore span, .hover .photo span {
	display: block;
	font-size: 13px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.hover-icon {
	background: #333;
	box-sizing: initial;
	color: #fff;
	display: block;
	line-height: 1em;
	padding: 1px 5px 3px 5px;
	position: absolute;
}

/*** Hovering Icon Positions ***/
/* Right Top */
.hover-icon.rt {
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	right: 0;
	top: 0;
}

/* Left Top */
.hover-icon.lt {
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	left: 0;
	top: 0;
}

/* Right Bottom */
.hover-icon.rb {
	border-left: 1px solid #888;
	border-top: 1px solid #888;
	right: 0;
	bottom: 0;
}

/* Left Buttom */
.hover-icon.lb {
	border-right: 1px solid #888;
	border-top: 1px solid #888;
	left: 0;
	bottom: 0;
}

.hover:hover .hover-icon {
	display: none;
}

/***** Additional Margins *****/
.extra-margin.top {
	margin-top: 40px;
}

.extra-margin.bottom {
	margin-bottom: 40px;
}

/***** Block Quote Styles *****/
blockquote {
	background: #fff;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote.post {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-family: 'Vollkorn:400italic';
	font-style: italic;
	font-size: 18px;
	margin: 10px 17px;
	padding: 17px 15px 13px;
	width: 180px;
}

blockquote.post p {
	line-height: 1.4em;
}

blockquote.post cite {
	color: #333;
	display: block;
	float: right;
	font-family: 'Lato';
	font-size: 14px;
	font-style: normal;
	margin-top: 5px;
}

blockquote.post.float-left {
	float: left;
	margin-left: 0;
}

blockquote.post.float-right {
	float: right;
	margin-right: 0;
}

blockquote.full-width {
	background: #fff;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	margin: 20px 0;
	overflow: hidden;
	padding-bottom: 30px;
	width: 100%;
}

blockquote.full-width p {
	background: url('img/quote.png') no-repeat;
	color: #666;
	display: block;
	font-family: 'Vollkorn:400italic';
	font-size: 20px;
	font-style: italic;
	line-height: 1.4em;
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 35px;
	padding: 10px 70px 0 50px;
}

blockquote.full-width cite {
	color: #333;
	display: block;
	float: right;
	font-size: 16px;
	margin-top: 15px;
	margin-right: 70px;
}

/***** Table Styles *****/
table {
	border: 1px solid #e7e7e7;
	width: 100%;
}

table th, table td {
	border: 1px solid #ccc;
	padding: 5px;
}

table th {
	background: #ddd;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
}

table tbody td {
	background: #fff;
}

table tfoot td {
	background: #e5e5e5;
}

table tbody tr:hover td {
	background: #ededed;
}

/***** Tab Styles *****/
ul.tabs {
	margin-bottom: 0;
}

ul.tabs li a {
	background: #eaeaea;
}

ul.tabs li a.active {
	font-weight: bold;
}

ul.tabs-content {
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	padding: 30px;
}

/***** Message Box Styles *****/
.box {
	margin: 20px 0;
	padding: 20px 25px 20px 75px;
}

.box.success {
	background: #DEFFE8 url('img/success-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #7EDB9B;
	border-color: #C6FFD8 #7EDB9B #7EDB9B #C6FFD8;
}

.box.error {
	background: #FFE0E3 url('img/error-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #FF95A0;
	border-color: #FFD3D8 #FF95A0 #FF95A0 #FFD3D8;
}

.box.info {
	background: #DEEDFF url('img/info-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #83ADDE;
	border-color: #D1E8FF #83ADDE #83ADDE #D1E8FF;
}

.box.warning {
	background: #FFF7D1 url('img/warning-icon.png') no-repeat;
	background-position: 30px 50%;
	border: 1px solid #FFC952;
	border-color: #FFF0A2 #FFC952 #FFC952 #FFF0A2;
}

/***** Class for embed video *****/
.embed {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 0;
	overflow: hidden;
}

.embed iframe, .embed object, .embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*#content img {
 -moz-box-shadow: 0 2px 4px #888;
 -webkit-box-shadow: 0 2px 4px #888;
 box-shadow: 0 2px 4px #888;
 }*/

/* #Page Styles
 ================================================== */
#root-container {
	margin: 40px auto;
}

#wrapper {
	background: #fff   repeat;
	-moz-box-shadow: 0 5px 15px #444;
	-webkit-box-shadow: 0 5px 15px #444;
	box-shadow: 0 5px 15px #444;
}

/***** Logo and Banner *****/
#logo {
	left: 30px;
	position: absolute;
	top: 20px;
	z-index: 999;
}

#banner {
	background: #eee;
	line-height: 0;
	min-height: 450px;
}

.banner-caption {
	border-radius: 0;
	font-weight: 300;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 5px 20px 5px 40px;
	position: absolute;
	bottom: 60px;
	width: 400px;
}

.banner-caption.left {
	left: 100px;
}

.banner-caption.right {
	right: 0;
}

.banner-caption h2 {
	background: none;
	font-family: 'Lato';
	font-size: 32px;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 10px;
}

.banner-caption.nobg {
	background: none !important;
}

.banner-caption.black {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .8);
}

.banner-caption.white {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .3);
}

.banner-caption.white h2 {
	color: #fff;
	/*text-shadow: 1px 1px 1px #333;*/
}

.banner-caption.black h2 {
	color: #333;
	/*text-shadow: 1px 1px 1px #ccc;*/
}

.banner-caption.white p, .banner-caption.black p {
	line-height: 1em;
}

.banner-caption.white p {
	color: #eee;
}

.banner-caption.black p {
	color: #333;
}

#sub-banner {
	line-height: 0;
	min-height: 220px;
}

/***** Main Menu *****/
#menu {
	margin-top: -25px;
	margin-bottom: 25px;
	position: relative;
	text-align: center;
	width: 100%;
}

#menu.home {
	margin-top: -30px;
}

#menu select {
	display: none;
}

#menu ul {
	-moz-box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	margin-bottom: 0;
	margin-top: 0;
}

#root-menu ul,
#root-menu{
	background: #b60013;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 16px;
	padding: 13px 10px 15px 10px;
}

#root-menu li {
	padding: 5px 8px;
	margin-top: 0;
	margin-bottom: 1px;
	position: relative;
	z-index: 999;
}

#root-menu a {
	color: #FFF;
	padding: 13px 15px 16px 15px;
	text-decoration: none;
	font-family: 'Lato';
	font-weight: 700;
	letter-spacing: 1px;
}

#root-menu a:hover {
	color: #ccc;
}

#root-menu a.active {
	color: #fff;
}

#root-menu a.active:hover {
	color: #fff;
}

#root-menu li:hover > a {
	color: #ccc;
}

#root-menu li:hover a.active {
	color: #fff;
}

#root-menu img {
	opacity: 1;
	vertical-align: middle;
}

#root-menu img:hover {
	opacity: 1;
}

/*** 1st-level submenu ***/
#root-menu li ul {
	background: rgb(51, 51, 51);
	background: rgba(34, 34, 34, .9);
	display: none;
	position: absolute;
	top: 37px;
	width: auto;
}

ul#root-menu li ul li {
	border-bottom: 1px solid #555;
	float: none;
	font-size: 13px;
	margin: 0;
	text-align: left;
}

ul#root-menu li ul li a {
	display: block;
	padding: 7px 20px;
}

ul#root-menu li ul li a:hover {
	/*background: #444;*/
}

/* 2nd-level submenu */
ul#root-menu li ul li ul {
	left: 211px; /* match with the 1st-level submenu's width */
	top: 0;
	width: 150px;
}

ul#root-menu li ul li span:first-child {
	display: none;
}

#content {
}

/***** Intro Section *****/
#intro {
	font-size: 16px;
	margin: 45px auto 25px auto;
	padding: 0 25px;
	text-align: center;
	width: 70%;
}

#intro p {
	line-height: 25px;
	margin-bottom: 30px;
}

#intro p + p span {
	font-family: 'Architects Daughter';
	font-size: 20px;
	font-style: italic;
	margin: 0 15px;
}

/***** Highlight Section *****/
#highlight {
	background: #fcf2ea;
	border: 1px dashed #edb082;
	border-width: 1px 0 1px 0;
	display: none;
	margin-bottom: 55px;
	text-shadow: 1px 1px #e7e7e7;
}

#highlight .highlight-img {
	line-height: 0;
}

#highlight .highlight-content {
	padding: 30px 20px 0 0;
}

#highlight .highlight-content h2 {
	color: #9d5117;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 27px;
	font-weight: 600;
}

#highlight .highlight-content span.price {
	color: #333;
	font-size: 18px;
}

/***** Features Section *****/
#feature div {
	text-align: center;
}

#sub div {
	text-align: center;
}

/***** Home Testimonial *****/
#home-testimonial {
	height: 240px;
}

/***** Reservation *****/
#content.reservation .box.success, #content.reservation .box.error {
	display: none;
	opacity: 0;
}

form#reservation-form {
	margin-bottom: 0;
}

form#reservation-form p {
	margin-bottom: 0;
}

form#reservation-form label {
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	width: 110px;
}

form#reservation-form input#checkout, form#reservation-form input#checkin {
	cursor: pointer;
}

form#reservation-form label[id="address-label"], form#reservation-form label[id="note"] {
	vertical-align: top;
}

form#reservation-form textarea {
	display: inline-block;
}

form#reservation-form #checkin, form#reservation-form #checkout, form#reservation-form #roomamt, form#reservation-form #extrabed, form#reservation-form #adultamt, form#reservation-form #childrenamt {
	width: 80px;
}

/***** Gallery *****/
ul#categories li {
	border-right: 1px solid #ccc;
	display: inline-block;
	font-size: 16px;
	padding: 0 10px;
}

ul#categories li.last {
	border: none;
}

ul#categories a {
	color: #888;
	text-decoration: none;
}

ul#categories a:hover {
	color: #333;
}

ul#categories a.active {
	color: #000;
	cursor: default;
	font-weight: bold;
}

#gallery {
	margin: 0 auto;
}

#gallery.three-columns, #gallery.four-columns {
	width: 860px;
}

#gallery div {
	line-height: 0;
	vertical-align: top;
}

#gallery.three-columns .photo-item {
	line-height: 0;
	margin: 0 13px 26px 13px;
	height: 170px;
	width: 260px;
}

#gallery.four-columns .photo-item {
	line-height: 0;
	margin: 0 7px 14px 7px;
	height: 120px;
	width: 200px;
}

/***** Blog *****/
#blog {
	margin-top: 50px;
}

.blog-item {
	border-bottom: 1px solid #dedede;
	margin-bottom: 30px;
}

#blog-content.float-right {
	float: right !important;
}

.blog-paging {
	text-align: center;
	width: 100%;
}

.blog-paging ul {
	list-style: none;
}

.blog-paging li {
	display: inline-block;
	line-height: 1em;
}

.blog-paging li a {
	background: #eee;
	color: #888;
	display: block;
	height: 23px;
	padding-top: 7px;
	text-decoration: none;
	width: 32px;
}

.blog-paging li a:hover {
	background: #ddd;
}

.blog-paging li a.active, .blog-paging li a.active:hover {
	background: #ccc;
	color: #333;
	font-weight: bold;
}

.blog {
	background: none;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	line-height: 1.3em;
	margin: 15px 0;
}

.blog a {
	text-decoration: none;
}

.blog-item-meta {
	color: #888;
	font-style: italic;
}

.blog-item-meta a {
	text-decoration: none;
}

#post-content {
	border-bottom: 0;
}

#about-author, #comment-content, #comment-form-item {
	margin: 45px 0 10px 0;
	overflow: hidden;
}

#about-author h4, #comment-content h4 {
	background: none;
	font-family: 'Lato';
	font-style: normal;
	margin-bottom: 20px;
}

#author-photo {
	display: inline-block;
	margin-right: 15px;
	margin-top: 3px;
	width: 90px;
}

#author-description {
	display: inline-block;
	width: 80%;
	vertical-align: top;
	/*font-size: 13px;*/
}

#author-social {
	margin-top: 10px;
}

#author-social li {
	display: inline-block;
	margin-right: 3px;
	width: 20px;
}

#tags {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

#tags ul {
	margin: 0;
}

#tags ul:before {
	content: 'Tags: ';
	font-weight: bold;
	padding-right: 10px;
}

#tags ul li {
	display: inline-block;
	line-height: 1em;
}

#tags ul li:after {
	content: ', ';
}

#tags ul li.last:after {
	content: '';
}

#tags ul li a {
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

.comment-item {
	margin: 15px 0 25px 0;
	overflow: hidden;
}

.commenter-photo {
	display: inline-block;
	margin: 3px 10px 0 0;
	vertical-align: top;
	width: 10%;
}

.comment-post {
	display: inline-block;
	width: 85%;
}

p.comment-item-meta {
	margin-bottom: 5px;
}

.commenter-name {
	font-weight: bold;
	margin-right: 10px;
}

.comment-date {
	color: #aaa;
	font-style: italic;
}

form#comment-form {
	margin-bottom: 0;
	margin-top: 30px;
}

form#comment-form p {
	margin-bottom: 0;
}

form#comment-form label {
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	width: 70px;
}

form#comment-form label[id="comment-label"] {
	vertical-align: top;
}

form#comment-form textarea {
	display: inline-block;
	width: 80%;
}

.sidebar-item {
	margin-bottom: 30px;
	overflow: hidden;
}

.sidebar-item a {
	text-decoration: none;
}

.sidebar-item p {
	color: #888;
}

#search-form {
	margin-bottom: 0 !important;
}

#searchbox {
	float: left;
	margin-bottom: 0 !important;
	width: 200px;
}

#search-button {
	box-shadow: none;
	float: left;
	height: 30px;
	margin-bottom: 0 !important;
	margin-left: -10px;
	margin-top: 0;
	padding: 7px 10px;
}

#search-button:active {
	left: 0;
	top: 0;
}

ul#latest-events {
	list-style: none;
	margin-left: 10px;
	overflow: hidden;
}

ul#latest-events li {
	margin-bottom: 15px;
	overflow: hidden;
}

ul#latest-events li span {
	color: #888;
	display: block;
	font-size: 12px;
	font-style: italic;
}

ul#latest-events img {
	float: left;
	margin: 0 10px 0 0;
	vertical-align: top;
}

/***** Page Elements *****/
#content.elements h3.elements {
	font-family: 'Lato';
	font-style: normal;
	font-size: 16px;
	margin-bottom: 20px;
	text-align: left;
}

#content.elements div.section {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
}

#conteimg-videos.elements div.section {
	text-align: center;
}

/***** Contact *****/
#googleMap {
	min-height: 300px;
}

#googleMap img {
	max-width: none;
}

#content.contact a {
	text-decoration: none;
}

#content.contact .box {
	display: none;
	opacity: 0;
}

form#contact-form {
	margin-bottom: 0;
	margin-top: 20px;
}

form#contact-form p {
	margin-bottom: 0;
}

form#contact-form label {
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	width: 70px;
}

form#contact-form label[id="message-label"] {
	vertical-align: top;
}

form#contact-form textarea {
	display: inline-block;
	width: 80%;
}

/***** Footer *****/
#footer {
	background: #eee;
	color: #666;
	font-size: 12px;
	padding: 20px 0;
	text-shadow: 1px 1px 1px #ddd;
	filter: dropshadow(color=#ddd, offx=1, offy=1);
}

#footer div {

}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer-about span {
	display: block;
}

#footer-events, #footer-offers, #footer-gallery {
	margin-top: 25px;
}
#footer-events h5{
	font-family: "Architects Daughter";
	font-size: 14px;
}

#footer-events ul, #footer-offers ul, #footer-gallery ul {
	margin-top: 26px;
}

#footer-events li, #footer-offers li {
	margin-bottom: 10px;
}

#footer-offers li {
	overflow: hidden;
}

#footer-offers li img {
	float: left;
	margin: 3px 8px 0 0;
}

#footer-gallery .thumb {
	height: 50px;
	width: 50px;
}

#footer-gallery ul {
	margin-left: 10px;
}

#footer-gallery li {
	float: left;
	margin: 5px 13px 0 0;
	width: 50px;
	height: 50px;
}

#footer-gallery li img{
	width: 50px !important; 
	height: 50px !important; 
}

#footer-gallery p {
	clear: left;
	margin-right: 15px;
	text-align: right;
}

/***** Copyright *****/
#copyright {
	background: #333;
	color: #ccc;
	font-size: 12px;
	padding: 8px 0;
}
#copyright #text{
	text-align: center;
	float: none;
	margin-top: 0;
}

#text {
	display: block;
	float: left;
	margin-top: 5px;
}

#text a {
	border-bottom: 1px dotted #ccc;
	color: #fff;
	text-decoration: none;
}

#social {
	float: right;
	margin-top: 3px;
	margin-bottom: 0;
	line-height: 0;
}

#social li {
	float: left;
	margin-right: 8px;
}

#social a {
	font-size: 16px;
	color: white;
	padding-left: 25px;
	text-decoration: none;
	line-height: 2em;
	text-transform: uppercase;
}

#social li a {
	opacity: .3;
}

#social li a:hover {
	opacity: 1;
}

#social img {
	height: 25px;
	line-height: 0;
}

/* #Layouts and Plugins
 ================================================== */

/***** Sections and Columns *****/
.section {
	margin-bottom: 40px;
	width: 860px;
}
.zvr-widget--type3 .zvr-widget-container{
	margin: 20px auto;
}
.zvr-widget .section{
	width: 300px;
}

.section.header {
	border: none !important;
	margin-bottom: 20px;
}

.section .full-width.column {
	margin-left: 0;
	width: 860px;
}

.section .half.column {
	margin-left: 20px;
	margin-right: 20px;
	width: 410px;
}

.section .one-third.column {
	margin-left: 20px;
	margin-right: 20px;
	width: 260px;
}

.section .two-third.column {
	margin-left: 20px;
	margin-right: 20px;
	width: 560px;
}

.section .one-third.column:first-child, .section .one-fourth.column:first-child, .section .two-third.column:first-child, .section .half.column:first-child, .section .three-fourth.column:first-child, .section .one-third.column.first {
	margin-left: 0;
}

.section .one-third.column:last-child, .section .one-fourth.column:last-child, .section .two-third.column:last-child, .section .half.column:last-child, .section .three-fourth.column:last-child {
	margin-right: 0;
}

/* In the case of :last-child not supported by browsers, .last class needs to be used. */
.section .one-third.column.last, .section .one-fourth.column.last, .section .two-third.column.last, .section .half.column.last, .section .three-fourth.column.last {
	margin-right: 0;
}

.section .one-fourth.column {
	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
}

.section .three-fourth.column {
	margin-left: 10px;
	margin-right: 10px;
	width: 640px;
}

.section.end {
	margin-bottom: 0;
}

/***** FlexSlider plugin *****/
.flexslider {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}

.flexslider .slides {
	background: #FFF;
	line-height: 0;
	margin: 0;
}

.flexslider:hover .flex-next {
	right: 20px;
}

.flexslider:hover .flex-prev {
	left: 20px;
}

.flexslider .slides > li {
	margin: 0;
}

.flex-control-nav {
	background: #FFF;
	position: static;
}

/***** jQuery UI *****/
.ui-datepicker {
	font-family: 'Lato', sans-serif;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0;
}

/***** Accordion *****/
.ui-accordion { 
	border: 1px solid #ccc;
	width: 100%; 
	border-color: #ddd #ccc;
}

.ui-accordion .ui-accordion-header { 
	background: #f7f7f7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 );

	margin-bottom: 0;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: normal;
	margin-top: 0;
	padding: 0 12px;
}

.ui-accordion-header.ui-state-active {
	background: #f2f5f6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
}

.ui-accordion .ui-accordion-li-fix { 
	display: inline; 
}

.ui-accordion .ui-accordion-header-active { 
	border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header:focus {
	outline: none !important;
}

.ui-accordion .ui-accordion-header a { 
	display: block; 
	font-size: 1em; 
	padding: 12px; 
	text-decoration: none;
	font-weight: bold;
	color: #777;
}

.ui-accordion .ui-accordion-header.ui-state-active a {
	color: #222;
}

.ui-accordion-icons .ui-accordion-header a { 
	/*padding-left: 2.2em;*/ 
}

.ui-accordion .ui-accordion-header .ui-icon { 
	/*position: absolute; 
	left: .5em; 
	top: 50%; 
	margin-top: -8px;*/ 
}

.ui-accordion .ui-accordion-content { 
	background: #fff;
	padding: 25px; 
	border-top: 0; 
	position: relative; 
	/*top: 1px; 
	margin-bottom: 2px;*/ 
	overflow: auto; 
	display: none; 
	zoom: 1; 
}

.ui-accordion .ui-accordion-content p {
	margin-bottom: 0;
}

.ui-accordion .ui-accordion-content ul {
	list-style: square;
	margin-left: 30px;
}

.ui-accordion .ui-accordion-content-active { 
	display: block; 
}

.ui-accordion.toggle {
	margin-bottom: 15px;
}


/* #Media Queries
 ================================================== */

@media screen and (max-width: 1024px) {/* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px; /* 50% */
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	body {
		font-size: 13px;
	}

	#menu {
		background: #2F4123;
	}

	ul#root-menu {
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#highlight h2 {
		font-size: 22px !important;
		margin-bottom: 15px;
	}

	#highlight p {
		margin-bottom: 10px;
	}

	#highlight div.highlight-content {
		padding: 20px 5px 0 0;
	}

	#highlight span.price {
		font-size: 16px !important;
	}

	#banner {
		min-height: 200px;
	}

	.banner-caption {
		bottom: 40px;
	}

	#menu {
		margin-bottom: 50px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#menu.page {
		margin-top: -45px;
	}

	#menu {
		height: 50px;
		width: 100%;
	}

	ul#root-menu {
		background: #2F4123;
		display: inline-block;
		font-size: 16px;
		padding: 13px 40px 15px 40px;
	}

	ul#root-menu li > a {
		padding-left: 11px;
		padding-right: 11px;
		font-size: 13px;
	}

	/* 1st-level submenu */
	ul#root-menu li ul {
		top: 37px;
		width: 150px;
	}

	/* 2nd-level submenu */
	ul#root-menu li ul li ul {
		left: 151px;
	}

	#intro {
		padding: 0 10px;
		width: 90%;
	}

	.section {
		width: 700px;
	}

	.section .full-width.column {
		margin-left: 0;
		width: 700px;
	}

	.section .half.column {
		margin-left: 10px;
		margin-right: 10px;
		width: 340px;
	}

	.section .one-third.column {
		margin-left: 10px;
		margin-right: 10px;
		width: 220px;
	}

	.section .two-third.column {
		margin-left: 10px;
		margin-right: 10px;
		width: 460px;
	}

	.section .one-fourth.column {
		margin-left: 10px;
		margin-right: 10px;
		width: 160px;
	}

	.section .three-fourth.column {
		width: 520px;
	}

	.hover.one-third {
		width: 220px;
	}

	.hover.one-fourth {
		width: 160px;
	}

	blockquote.full-width p {
		font-size: 18px;
		margin-left: 40px;
		margin-right: 50px;
		margin-top: 35px;
		padding: 10px 25px 0 50px;
	}

	#gallery.three-columns {
		margin: 0 auto;
		width: 575px;
	}

	#gallery.four-columns {
		margin: 0 auto;
		width: 642px;
	}

	#blog-content {
		padding-right: 10px;
		width: 450px;
	}

	#blog-content.last {
		padding-right: 0;
		width: 450px;
	}

	#author-description {
		width: 75%;
	}

	#sidebar-content.first {
		margin-right: 10px;
		width: 220px;
	}

	#searchbox {
		width: 150px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 28px;
	}

	#logo {
		background: #2F4123;
		padding: 15px;
		position: static;
		text-align: center;
	}

	#logo img {
		height: 75px;
	}

	.banner-caption {
		display: none;
	}

	#menu {
		height: 40px;
		margin: 0;
		margin-bottom: 50px;
		padding-top: 10px;
	}

	ul#root-menu {
		display: none;
	}

	#menu select {
		color: #333;
		display: block;
		font-size: 14px;
		margin: 4px auto 0;
		padding: 5px;
		width: 80%;
	}

	.section.header {
		margin-bottom: 20px;
		padding: 0 20px;
		width: 360px;
	}

	.hover.half {
		width: 100%;
	}

	.hover.one-third {
		margin: auto;
		width: 260px;
	}

	.hover.one-fourth {
		margin: auto;
	}

	#content.room-content {
		text-align: center;
	}

	#gallery.three-columns {
		margin: 0 auto;
		width: 290px;
	}

	#gallery.four-columns {
		margin: 0 auto;
		width: 400px;
	}

	#gallery.four-columns .photo-item {
		width: 185px !important;
	}

	#about-author {
		text-align: center;
		width: 100%;
	}

	#author-photo {
		margin-right: 0;
		margin-bottom: 20px;
	}

	#author-description {
		width: 100%;
	}

	form#comment-form label, form#contact-form label {
		display: block;
		text-align: left;
	}

	form#comment-form textarea, form#contact-form textarea {
		width: 90%;
	}

	#searchbox {
		width: 200px;
	}

	#footer-gallery ul {
		margin: 25px 0 0 0;
	}

	#copyright {
		text-align: center;
	}

	#social {
		float: none;
	}

	#social li {
		display: inline;
		float: none;
	}

	#text {
		float: none;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#menu.page {
		margin-top: -17px;
	}

	#intro {
		width: 375px;
	}

	.section {
		width: 400px;
	}

	.section .full-width.column, .section .half.column, .section .one-third.column, .section .two-third.column, .section .one-fourth.column, #footer .one-fourth.column, .section .three-fourth.column {
		margin: 0 0 15px 0;
		padding: 0 10px;
		width: 380px;
	}

	.section .one-fourth.column {
		width: 180px;
	}

	.section .one-fourth.with-three-fourth.column {
		width: 380px;
	}

	.hover.one-fourth {
		width: 170px;
	}

	blockquote.full-width {
		width: 380px;
	}

	blockquote.full-width p {
		font-size: 18px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 35px;
		padding: 10px 25px 0 50px;
	}

	blockquote.full-width cite {
		float: right;
		margin-right: 25px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#menu.page {
		margin-top: -45px;
	}

	h1 {
		font-size: 24px;
	}

	#intro {
		width: 250px;
	}

	#intro p {
		font-size: 14px;
	}

	#intro p + p span {
		display: none;
	}

	.section {
		width: 280px;
	}

	.section.header {
		margin-bottom: 20px;
		padding: 0 20px;
		width: 260px;
	}

	.section .full-width.column, .section .half.column, .section .one-third.column, .section .two-third.column, .section .one-fourth.column, #footer .one-fourth.column, .section .three-fourth.column {
		margin: 0 0 15px 0;
		padding: 0 10px;
		width: 260px;
	}

	#home-testimonial blockquote.full-width p {
		font-size: 16px;
	}

	#home-testimonial blockquote.full-width cite {
		font-size: 13px;
	}

	blockquote.full-width {
		width: 260px;
	}

	blockquote.full-width p {
		background: none;
		font-size: 18px;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 20px;
		padding: 10px 25px 0;
	}

	blockquote.full-width cite {
		float: right;
		font-size: 14px;
		margin: 5px 15px;
	}

	blockquote.post {
		display: block;
		margin: 10px 0;
		width: 230px;
	}

	.commenter-photo {
		display: none;
	}

	#gallery.four-columns {
		margin: 0 auto;
		width: 214px;
	}

	#gallery.four-columns .photo-item {
		width: 200px !important;
	}

	form#reservation-form label {
		display: block;
		text-align: left;
	}

	form#reservation-form textarea {
		width: 90%;
	}

	#footer-gallery ul {
		text-align: center;
		width: 100%;
	}

	#footer-gallery p {
		text-align: right;
	}
}