/* 



Theme Name: Lamoon 




Theme URI: http://themes.uxbarn.com/redirect.php?theme=lamoon_wp



Description: Lamoon is a sleek, sharp and clean responsive WordPress theme for your resort and hotel business. It was designed in the purpose of being the best suit for reflecting your modern image to the website. However, by its flexibility, you will be able to adapt for not only the resort business but for every kind of business you have or even your personal pages.



 



Author: UXbarn



Author URI: http://themeforest.net/user/UXbarn?ref=UXbarn



Version: 3.1



License: GPL, Envato License



License URI: http://codex.wordpress.org/GPL, http://wiki.envato.com/support/legal-terms/licensing-terms/



Tags: light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-menu, featured-image-header, featured-images, sticky-post, theme-options



*/







/* Table of Content



 ==================================================



 #Site Styles



 #Page Styles



 #Layouts and Plugins



 #Media Queries







 /* #Site Styles



 ================================================== */



body {



	background: #8E8E8E;



	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;



}







/* Lamoon v2.2 */



/* Class for applying to any other custom/plugin headings which should not display the line */



.no-line {



	background: none !important;



}



/* Lamoon v2.2 */







/***** Headings, Paragraph and List *****/



h1, h2, h3, h4 {



	background: url('images/heading-line.gif') center repeat-x;



	color: #222;



	font-family: 'Vollkorn:400italic';



	font-style: italic;



	font-weight: bold;



	line-height: 1em;



	margin-bottom: 0;



}







h1 span, h2 span, h3 span, h4 span {



	background-image: url('images/content-bg.gif');



	display: inline-block;



	padding: 0 25px;



}







h3 span, h4 span {



	padding: 0 15px;



}







h1 {



	font-size: 35px;



	font-weight: normal;



	margin-bottom: 15px;



	margin-top: 15px;



}







#logo h1 {



	font-size: 38px;



	background: none;



}







h2 {



	font-size: 24px;



	font-weight: bold;



	margin-bottom: 15px;



	margin-top: 15px;



}







h3 {



	font-size: 21px;



	font-weight: bold;



	margin-bottom: 15px;



	margin-top: 15px;



}







h4 {



	font-size: 18px;



	margin-bottom: 5px;



	margin-top: 5px;



}







span.left {



	padding-left: 0;



}







span.footer {



	background: #eee;



	/*color: #444;*/



}







h1.center, h2.center, h3.center, h4.center {



    text-align: center;



}



h1.left, h2.left, h3.left, h4.left {



    text-align: left;



}



h1.left span, h2.left span, h3.left span, h4.left span {



    padding-left: 0;



}



h1.blog, h2.blog, h3.blog, h4.blog {



	background: none;



	font-family: 'Lato', sans-serif;



	font-style: normal;



	line-height: 1.3em;



	margin: 15px 0;



	



}



h1.blog a, h2.blog a, h3.blog a, h4.blog a {



	color: inherit;



	text-decoration: none;



}







.blog.sticky {



	background: url('images/pin.png') left center no-repeat !important;



	padding-left: 40px;



}







.nobg {



	background: none;



}







p {

font-size:12pt; line-height:190%;

	margin: 0;



	margin-bottom: 15px;



	margin-top: 15px;



}


#footer p { font-size:10pt !important;} 




.center {



	text-align: center;



}







ul, ol {



	margin-top: 20px;



	margin-bottom: 20px;



}







ul li {



	margin-bottom: 5px;



}







#page ul, #page .container.section ul, #post-content ul, #room-info ul {



	list-style: square;



	margin-left: 30px;



}







#blog ul {



	list-style: square;



	margin-left: 30px;



}







/*** WP Specific Classes ***/



/* WP Gallery shortcode */



.gallery {



	



}



.gallery-item {



	display: inline-block;



	float: none !important;



	margin-top: 0 !important;



	margin-bottom: 30px;



	vertical-align: top;



}



.gallery.gallery-columns-6 .gallery-item {



    margin-right: 5px;



}



.gallery.gallery-columns-6 .gallery-item:last-of-type {



	margin-right: 0 !important;



}



.gallery-item a {



	border: none !important;



    display: inline-block;



    line-height: 0;



}







.gallery-item img {



	background: #EEE;



}



.gallery-caption {



	font-size: 13px;



}







.alignleft {



	float: left;



	margin: 8px 8px 8px 0;



}







.alignright {



	float: right;



	margin: 8px 0 8px 8px;



}







.aligncenter {



	



}







.sticky {



	



}







.gallery-caption {



	



}







.bypostauthor {



	



}







a img.alignright {



    float: right;



    margin: 5px 0 20px 20px;



}







a img.alignnone {



    margin: 5px 20px 20px 0;



}







a img.alignleft {



    float: left;



    margin: 5px 20px 20px 0;



}







a img.aligncenter {



    display: block;



    margin-left: auto;



    margin-right: auto



}







.wp-caption {



    background: #fff;



    border: 1px solid #f0f0f0;



    max-width: 96%; /* Image does not overflow the content area */



    padding: 5px 3px 10px;



    text-align: center;



}







.wp-caption.alignnone {



    margin: 5px 20px 20px 0;



}







.wp-caption.alignleft {



    margin: 5px 20px 20px 0;



}







.wp-caption.alignright {



    margin: 5px 0 20px 20px;



}







.wp-caption img {



    border: 0 none;



    height: auto;



    margin: 0;



    max-width: 98.5%;



    padding: 0;



    width: auto;



}







.wp-caption p.wp-caption-text {



    font-size: 11px;



    line-height: 17px;



    margin: 0;



    padding: 0 4px 5px;



}







/***** Button Styles *****/



.button {



	border: none !important;



	-moz-border-radius: 0 !important;



	-webkit-border-radius: 0 !important;



	border-radius: 0 !important;



	-moz-box-shadow: 0 2px 2px #6f6f6f !important;



	-webkit-box-shadow: 0 2px 2px #6f6f6f !important;



	box-shadow: 0 2px 2px #6f6f6f !important;



	color: #444;



	font-family: 'Lato' !important;



	font-weight: normal !important;



	font-style: normal !important;



	font-variant: normal !important;



	position: relative !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 url('images/gray-button.jpg') top repeat-x;



}







.button.gray:hover {



	color: #000;



}







.button.black {



	background: #2D2D2D url('images/black-button.png') top repeat-x;



	color: #ddd;



	text-shadow: 0 1px #555;



}







.button.black:hover {



	color: #fff;



}







.button.blue {



	background: #1B62CD url('images/blue-button.png') top repeat-x;



	color: #eee;



	text-shadow: 0 1px #555;



}







.button.blue:hover {



	color: #fff;



}







.button.steel-blue {



	background: #597A99 url('images/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('images/brown-button.png') top repeat-x;



	color: #eee;



	text-shadow: 0 1px #555;



}







.button.brown:hover {



	color: #fff;



}







.button.red {



	background: #B13636 url('images/red-button.png') top repeat-x;



	color: #eee;



	text-shadow: 0 1px #555;



}







.button.red:hover {



	color: #fff;



}







.button.green {



	background: #2DA72D url('images/green-button.png') top repeat-x;



	color: #eee;



	text-shadow: 0 1px #555;



}







.button.green:hover {



	color: #fff;



}







.button.seagreen {



	background: #4DA568 url('images/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: 16px;



	line-height: 1em;



	padding: 8px 25px 10px;



}







.button.disabled {



	box-shadow: 0 0 0 white !important;



	color: #888;



	cursor: auto;



}







.button.disabled:hover {



	color: #888 !important;



}







.button.disabled:active {



	margin-left: 1px;



	margin-top: 1px;



}







/***** v3.0: New shortcodes *****/



/***** Dropcap Styles *****/



span.dropcap {



	float: left;



	font-size: 22px;



	font-weight: 600;



	margin: 3px 8px 3px 0;



	padding: 10px;



	text-transform: uppercase;



}







span.dropcap.dark {



	background: #666;



	color: #fff;



}







span.dropcap.light {



	background: #ddd;



	color: #333;



}







span.dropcap.simple {



	color: #333;



	padding-top: 0;



	padding-right: 7px;



	padding-left: 0;



}







/***** Highlight Styles *****/



span.highlight {



	border-radius: 3px;



	padding: 1px 7px;



}







span.highlight.dark {



	background: #666;



	color: #fff;



}







span.highlight.light {



	background: #ddd;



	color: #111;



}







/***** Dividers *****/



hr {



	border-color: #ccc;



	margin-bottom: 20px;



}







hr.divider {



	margin: 30px 0;



}







hr.divider.thin {



	border-color: #ccc;



}







hr.divider.light {



	border-color: #ccc;



	border-width: 1px;



}







hr.divider.bold {



	border-color: #666;



	border-width: 1px;



}







/***** Icons *****/



ul.the-icons {



	list-style: none !important;



	margin-left: 0 !important;



}







hr.divider.dashed {



	border-style: dashed;



}







/***** 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 {



	border: none !important;



	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('images/doc.png') no-repeat;



}







.hover .readmore .anchor:before {



	/*content: 'Read more...';*/



}







.hover .photo {



	background: #fff url('images/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 {



    width: 80%;



    text-align: right;



}







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('images/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;



	list-style: none !important;



	margin-left: 0 !important;



}







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;



	list-style: none !important;



	margin-left: 0 !important;



}







/***** Message Box Styles *****/



.box {



	color: #666 !important;



	margin: 20px 0;



	padding: 20px 25px 20px 75px;



}







.box.success {



	background: #DEFFE8 url('images/success-icon.png') no-repeat;



	background-position: 30px 50%;



	border: 1px solid #7EDB9B;



	border-color: #C6FFD8 #7EDB9B #7EDB9B #C6FFD8;



}







.box.error {



	background: #FFE0E3 url('images/error-icon.png') no-repeat;



	background-position: 30px 50%;



	border: 1px solid #FF95A0;



	border-color: #FFD3D8 #FF95A0 #FF95A0 #FFD3D8;



}







.box.info {



	background: #DEEDFF url('images/info-icon.png') no-repeat;



	background-position: 30px 50%;



	border: 1px solid #83ADDE;



	border-color: #D1E8FF #83ADDE #83ADDE #D1E8FF;



}







.box.warning {



	background: #FFF7D1 url('images/warning-icon.png') no-repeat;



	background-position: 30px 50%;



	border: 1px solid #FFC952;



	border-color: #FFF0A2 #FFC952 #FFC952 #FFF0A2;



}







::-moz-selection {



	background: #666;



	color: #fff;



	text-shadow: none;



}



::selection {



	background: #666;



	color: #fff;



	text-shadow: none;



}







/***** 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 url('images/content-bg.gif') 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: 250px;



}







#banner h1, 



#banner h2,



#banner h3,



#banner h4,



#banner h5 {



	background: none;



	color: inherit;



	font-family: inherit;



	font-style: inherit;



	font-variant: inherit;



	font-weight: inherit;



}







.banner-caption {



	background: rgb(0, 0, 0);



	background: rgba(0, 0, 0, .3);



	color: #fff;



	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;



	color: #fff !important;



	font-family: 'Lato' !important;



	font-size: 32px !important;



	font-weight: 300 !important;



	font-style: normal !important;



	font-variant: normal !important;



	margin-bottom: 10px;



}







.banner-caption.nobg {



	background: none !important;



}







.banner-caption.black {



	background: rgb(255, 255, 255);



	background: rgba(255, 255, 255, .5);



}







.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 p {



	line-height: 1em;



}







.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: 50px;



	position: relative;



	text-align: center;



	width: 100%;



	z-index: 999;



}







#menu.home {



	margin-top: -30px;



}







#menu.layerslider {



	margin-top: -25px;



}







#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;



}







ul#root-menu {



	background: #000 url('images/menu-bg.jpg') bottom repeat-x;



	display: inline-block;



	/*padding: 13px 40px 10px 40px;*/



	padding: 0 40px;



	min-height: 50px;



}







ul#root-menu > li > a {



	font-size: 16px;



}







ul#root-menu li {



	float: left;



	/*margin-top: 0;*/



	margin-top: 13px;



	margin-bottom: 1px;



	position: relative;



	z-index: 999;



}







ul#root-menu a {



	color: #888;



	padding: 13px 15px 18px 15px;



	text-decoration: none;



}







ul#root-menu a:hover {



	color: #ccc;



}







ul#root-menu a.active, ul#root-menu > li.current-menu-item > a, 



ul#root-menu > li.current-menu-ancestor > a { 



	color: #fff;



}







ul#root-menu a.active:hover,  ul#root-menu li.current-menu-item > a:hover {



	color: #fff;



}







ul#root-menu li:hover > a {



	color: #ccc;



}







ul#root-menu li:hover a.active, ul#root-menu li.current-menu-item:hover > a,



ul#root-menu > li.current-menu-ancestor:hover > a {



	color: #fff;



}







ul#root-menu img {



	opacity: 1;



	vertical-align: middle;



}







ul#root-menu img:hover {



	opacity: 1;



}







/*** 1st-level submenu ***/



ul#root-menu li ul {



	background: rgb(51, 51, 51);



	background: rgba(34, 34, 34, .9);



	display: none;



	position: absolute;



	top: 37px;



	/*width: 210px;*/



}







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;



	font-size: 13px;



}







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;*/



}







/* 3rd-level submenu */



ul#root-menu li ul li ul li ul {



	/*left: 151px;*/ /* match with the 2nd-level submenu's width */



	top: 0;



	/*width: 150px;*/



}







ul#root-menu li ul li span:first-child {



	display: none;



}







span.sf-sub-indicator {



	display: inline !important;



}







#content {



}







#content a {
	color:#0072d4 !important;
	font-weight:bold;
	text-decoration: underline;



}
#room-type {
	text-align:center;
	margin: 10px;
	clear:both;
	padding-top: 25px;
}

#room-type h1  {
	color: #222 ;
	font-family: 'Vollkorn:400italic';
	font-style: italic;
	line-height: 1em;
	margin-bottom: 0;
}
#room-type h1 span {
	background-color: #ffffff !important;
	background: #ffffff !important;
}
#room-type .no-line {
	background: url('images/heading-line.gif') center repeat-x !important;
}

#room {
	float: left;
	margin: 10px 9px;
	padding: 2px 5px;
	background:#fff url('images/photo.png') center no-repeat ;
}
#room a{
	color:#000000;
	font-weight:bold;
	font-size:16px;
}
#room a:visited{
	color: #F00;
}
#room a img {
	width: 100%;
	max-width: 250px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
#room a img:hover{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
	#room a img:visited{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
	
@media screen and (max-width: 959px) {
	#room {
	float: left;
	padding: 5px 45px;
	}
}
@media screen and (max-width: 768px) {
	#room {
	float: none;
	padding: 10px;
	}
}


/***** Intro Section *****/



#intro {



	font-size: 16px;



	margin: 20px auto;



	padding: 0 25px;



	text-align: center;



	width: 70%;



}







#intro p {



	line-height: 25px;



}







#intro p + p span {



	font-family: 'Vollkorn:400italic';



	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, form.reservation-form {



	margin-bottom: 0;



}







form#reservation-form p, form.reservation-form p {



	margin-bottom: 0;



}







form#reservation-form label, 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, 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"], form.reservation-form label.address-label, form.reservation-form label.note {



	vertical-align: top;



}







form#reservation-form textarea, 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, 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 {



	list-style: none !important;



	margin-left: 0 !important;



}







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;



	font-weight: bold;



}







#gallery-wrapper a {



	border: none;



}







#gallery {



	margin: 0 auto;



}







#gallery.three-columns, #gallery.four-columns {



	width: 860px;



}







#page-content.two-third.column #gallery.three-columns {



	width: 560px;



}







#page-content.two-third.column #gallery.four-columns {



	width: 450px;



	margin: 0 auto;



}







#gallery div {



	line-height: 0;



	vertical-align: top;



}







#gallery.three-columns .photo-item {



	float: left;



	line-height: 0;



	margin: 0 13px 26px 13px;



	height: 170px;



	width: 260px;



}







#page-content.two-third.column #gallery.three-columns .photo-item {



	margin-left: 5px;



}







#gallery.four-columns .photo-item {



	float: left;



	line-height: 0;



	margin: 0 7px 14px 7px;



	height: 120px;



	width: 200px;



}







/***** Blog *****/



#blog-content a {



	border: none;



}







.blog-item {



	border-bottom: 1px solid #dedede;



	margin-bottom: 30px;



}







#blog-content.float-right {



	float: right !important;



}







.blog-paging {



	margin-bottom: 50px;



	text-align: center;



	width: 100%;



}







.blog-paging a, .blog-paging span {



	background: #EEE;



	color: #888;



	display: inline-block;



	height: 20px;



	padding: 6px 1px 7px;



	text-decoration: none;



	width: 32px;



}







.blog-paging a:hover {



	background: #ddd;



}







.blog-paging .dots {



	background: none;



}







.blog-paging .current, .blog-paging .current:hover {



	background: #ccc;



	color: #333;



	font-weight: bold;



}







.comment-paging {



	margin-bottom: 50px;



	text-align: center;



	width: 100%;



}







.comment-paging a, .comment-paging span {



	background: #EEE;



	color: #888;



	display: inline-block;



	height: 20px;



	padding: 6px 1px 7px;



	text-decoration: none;



	width: 32px;



}







.comment-paging a:hover {



	background: #ddd;



}







.comment-paging .dots {



	background: none;



}







.comment-paging .current, .comment-paging .current:hover {



	background: #ccc;



	color: #333;



	font-weight: bold;



}







.post-paging ul {



    list-style: none !important;



    margin-left: 0 !important;



}



.post-paging ul li {



    float: left;



    margin-right: 10px;



}



.post-paging {



    overflow: hidden;



    font-size: 16px;



}



.post-paging a {



    font-weight: bold;



}







.blog-item-meta {



	color: #888;



	font-style: italic;



}







.blog-item-meta a {



	text-decoration: none;



}







#post-content {



	border-bottom: 0;



}







#about-author, #related-posts, #comment-content, #commentform-item {



	margin: 45px 0 10px 0;



	overflow: hidden;



}







#about-author h4, #related-posts h4, #comment-content h4, #respond h3 {



	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-photo img, .comment-author img {



	opacity: 1 !important;



}







#author-description {



	display: inline-block;



	width: 80%;



	vertical-align: top;



	/*font-size: 13px;*/



}







#author-social {



	margin-top: 10px;



	margin-left: 0 !important;



	list-style: none;



}







#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 span.tag-title {



	font-weight: bold;



	padding-right: 10px;



}







#tags a {



	border-bottom: 1px dotted #666;



	text-decoration: none;



}







#related-posts li {



	



}







#post-nav {



	font-size: 18px;



	font-style: italic;



	margin: 25px 0 25px 0;



	text-align: center;



	width: 100%;



	vertical-align: top;



	border: 1px solid #d9d9d9;



	border-width: 1px 0;



	padding: 15px 0;



}







#post-nav a {



	display: inline-block;



	text-decoration: none;



	width: 250px;



	vertical-align: top;



}







#post-nav a:first-child {



	/*margin: 0 40px 0 0;*/



	text-align: left;



}







#post-nav a+a {



	text-align: right;



}







#respond {



	/*position: relative !important;*/



}







#respond h3 small {



	float: right;



    font-size: 13px !important;



    font-weight: normal !important;



    margin-left: 15px !important;



    margin-top: 3px;



}







#respond h3 small a {



	border-bottom: 1px dotted #666;



}







.comment.depth-2, .parent.depth-2 #respond, .comment.depth-3, .parent.depth-3 #respond, .comment.depth-4, .parent.depth-4 #respond, .comment.depth-5, .parent.depth-5 #respond {



	margin-left: 40px;



}







.reply a {



	border-bottom: 1px dotted #666 !important;



}







.comment-item, .comment {



	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, .comment-date a {



	color: #aaa !important;



	font-style: italic;



}







.parent.comment-item {



	margin-bottom: 0;



}







form#commentform {



	margin-bottom: 0;



	margin-top: 30px;



}







form#commentform p {



	margin-bottom: 0;



}







form#commentform label {



	display: inline-block;



	margin-right: 5px;



	text-align: right;



	width: 70px;



}







form#commentform label[id="comment-label"] {



	vertical-align: top;



}







form#commentform textarea {



	display: inline-block;



	width: 80%;



}







form#commentform #submit {



	margin-left: 75px;



}







p.logged-in-as {



	margin-bottom: 15px !important;



}







.sidebar-item {



	margin-bottom: 45px;



	/*overflow: hidden;*/



}







.sidebar-item a {



	text-decoration: none;



}







.sidebar-item p {



	color: #888;



}







#sidebar-content a {



	border: none;



}







.search-form {



	margin-bottom: 0 !important;



	overflow: hidden;



}







.searchbox {



	float: left;



	margin-bottom: 0 !important;



	width: 200px !important;



}







#footer .searchbox {



    width: 160px !important;



}







.search-button {



	box-shadow: none !important;



	float: left;



	height: 30px;



	margin-bottom: 0 !important;



	margin-left: -10px;



	margin-top: 0;



	padding: 7px 10px !important;



}







.search-button:active {



	left: 0;



	top: 0;



}







ul#latest-events {



	list-style: none;



	/*margin-left: 10px;*/



	margin-left: 0;



	overflow: hidden;



	margin-bottom: 0;



}







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;



}







#content.images-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, form.general-contact-form {



	margin-bottom: 0;



	margin-top: 20px;



}







form#contact-form p, form.general-contact-form p {



	margin-bottom: 0;



}







form#contact-form label, form.general-contact-form label {



	display: inline-block !important;



	margin-right: 5px;



	text-align: right;



	width: 70px;



	font-weight: normal !important;



}







form#contact-form label[id="message-label"], form.general-contact-form label.message-label {



	vertical-align: top;



}







form#contact-form textarea, form.general-contact-form textarea {



	display: inline-block;



	width: 80%;



}







#search-404 {



	margin: 30px auto 100px;



	width: 250px;



}







/***** Footer *****/



#footer {



	background: #eee;



	color: #666;



	font-size: 12px;



	padding: 20px 0;



	padding-bottom: 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 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;



}







#footer-gallery p {



	clear: left;



	margin-right: 15px;



	text-align: right;



}







#page-content.float-right {



	float: right !important;



}











/***** Widgets *****/



ul.no-bullets {



	list-style: none !important;



	margin-left: 0 !important;



}







ul.widget-thumbnail {



	list-style: none !important;



	/*margin-left: 10px;*/



	margin-left: 0 !important;



	overflow: hidden;



	margin-bottom: 0;



}







ul.widget-thumbnail li {



	margin-bottom: 15px;



	overflow: hidden;



}







ul.widget-thumbnail li span, ul.widget-no-thumbnail li span {



	color: #888;



	display: block;



	font-size: 12px;



	font-style: italic;



}







ul.widget-thumbnail img {



	float: left;



	margin: 0 10px 0 0;



	vertical-align: top;



}







.footer-widget .square.widget-no-thumbnail {



	margin-left: 17px;



}







ul.widget-no-thumbnail li {



	margin-bottom: 5px;



}







.widget-gallery, .flickr-badge-container {



	margin-left: 10px;



	margin-bottom: 0;



	overflow: hidden;



}







.widget-gallery li, .flickr_badge_image {



	float: left;



	margin: 5px 12px 0 0;



	width: 50px;



}







.widget-gallery + p {



	clear: left;



	margin-right: 15px;



	text-align: right;



}







ul.square.bullets li ul.children {



	margin: 5px 0 10px 20px;



	list-style: square;



}







.footer-widget {



	margin-top: 25px;



	margin-bottom: 30px;



}







.footer-widget .less-margin-top {



	margin-top: -20px;



}







.widget-contact-info span {



	display: block;



}







.sidebar-item .twtr-widget {



	font-family: 'Lato', sans-serif !important;



}







.sidebar-item #twtr-widget-1 .twtr-doc, .sidebar-item #twtr-widget-1 .twtr-hd a, .sidebar-item #twtr-widget-1 h3, .sidebar-item #twtr-widget-1 h4 {



	background-color: #888 !important;



}







.twtr-hd h3, .twtr-hd h4 {



	font-family: 'Lato', sans-serif !important;



	background: none !important;



}







#twtr-widget-1 .twtr-tweet a {



	color: #1B7FAC !important;



}







.twtr-doc, .twtr-timeline {



	-moz-border-radius: 0 !important;



	-webkit-border-radius: 0 !important;



	border-radius: 0 !important;



}







form.widget-contact-form {



    margin-bottom: 0;



}







form.widget-contact-form p {



    margin-bottom: 0



}







.footer-widget form.widget-contact-form input[type="text"], .footer-widget form.widget-contact-form textarea {



    margin-bottom: 5px;



    width: 80%;



}







.footer-widget form.widget-contact-form label, .footer-widget form.widget-contact-form input, .footer-widget form.widget-contact-form textarea {



    font-size: 11px !important;



}







.widget-testimonials {



	



}







.widget-testimonials blockquote.full-width p {



    font-size: 18px;



    margin-left: 15px;



    padding-left: 40px;



    margin-right: 15px;



    padding-right: 0;



}



.widget-testimonials blockquote.full-width cite {



    margin-right: 15px;



    font-size: 14px;



}







.footer-widget .widget-testimonials blockquote.full-width {



	margin:0;



}







.footer-widget .widget-testimonials blockquote.full-width p {



    font-size: 16px;



    margin-top: 20px;



    margin-left: 10px;



    padding-left: 35px;



    margin-right: 10px;



    padding-right: 0;



}



.footer-widget .widget-testimonials blockquote.full-width cite {



    margin-right: 15px;



    font-size: 12px;



}







/***** Shortcodes *****/



.google-map {



	border: 1px solid #ddd;



}



.google-map img {



	max-width: none !important;



}







.google-map a {



	border-bottom: none !important;



}











/***** Copyright *****/



#copyright {



	background: #333;



	color: #ccc;



	font-size: 12px;



	padding: 8px 0;



	min-height: 30px;



}







#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 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;



}







.section.header {



	border: none !important;



	margin-bottom: 20px;



}







.section .full-width.column {



	margin-left: 0;



	width: 860px;



}







.section .half.column,



.section .one-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 .one-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 .one-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 .one-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;



}







/***** Layouts in Two-Third Width *****/







.two-third.column .container.section {



    width: 560px;



}







.two-third.column .full-width.column {



    width: 560px;



}







.two-third.column .one-third.column {



    width: 173px;



    margin-left: 10px;



    margin-right: 10px;



}







.two-third.column .half.column,



.two-third.column .one-half.column {



    width: 270px;



    margin-left: 10px;



    margin-right: 10px;



}







.two-third.column .two-third.column {



    margin-left: 10px;



    margin-right: 10px;



    width: 365px;



}







.two-third.column .one-fourth.column {



    width: 125px;



}







.two-third.column .three-fourth.column {



    margin-left: 10px;



    margin-right: 10px;



    width: 415px;



}







.two-third.column .half.column:first-child,



.two-third.column .one-half.column:first-child, 



.two-third.column .one-third.column:first-child, 



.two-third.column .two-third.column:first-child,



.two-third.column .one-fourth.column:first-child,



.two-third.column .three-fourth.column:first-child {



    margin-left: 0;



}



    



.two-third.column .half.column:last-child, .two-third.column .one-half.column:last-child, 



.two-third.column .half.column.last, .two-third.column .one-half.column.last,



.two-third.column .one-third.column:last-child, .two-third.column .one-third.column.last,



.two-third.column .two-third.column:last-child, .two-third.column .two-third.column.last,



.two-third.column .one-fourth.column:last-child, .two-third.column .one-fourth.column.last,



.two-third.column .three-fourth.column:last-child, .two-third.column .three-fourth.column.last {



    margin-right: 0;



}







.two-third.column .one-third.hover {



	width: 173px; 



}







.two-third.column .one-fourth.hover {



	width: 125px; 



}







#page-content.two-third.column .one-third.column .searchbox {



	width: 130px !important;



}







/***** FlexSlider plugin *****/



.flexslider {



	border: none;



	-moz-box-shadow: none;



	-webkit-box-shadow: none;



	box-shadow: none;



	margin: 0;



}







.flexslider .slides {



	background: url('images/content-bg.gif');



	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: url('images/content-bg.gif');



	position: static;



}







.flex-control-paging li a {



	border-radius: 5px !important;



}







/***** 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;



	font-family: 'Lato', sans-serif;



	font-size: 100%;



	line-height: 100%;



	



}







.ui-accordion .ui-accordion-header { 



	background: #f7f7f7;



	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;



	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e5e5e5 100%) !important;



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)) !important;



	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%) !important;



	background: -o-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%) !important;



	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%) !important;



	background: linear-gradient(to bottom,  #f7f7f7 0%,#e5e5e5 100%) !important;



	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;



	



	-moz-border-radius: 0;



	-webkit-border-radius: 0;



	border-radius: 0;



	



	border: none;



}







.ui-accordion-header.ui-state-active {



	background: #f2f5f6;



	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;



	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%) !important;



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)) !important;



	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;



	background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;



	background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;



	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;



	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;



	border-bottom: none !important;



}







.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; 



	color: inherit;



	border: none;



}







.ui-accordion .ui-accordion-content p {



	margin-bottom: 0;



	line-height: 20px;



}







.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;



}







/***** Skeleton Tabs *****/



.tabs a {



	border-bottom: none !important;



}







/***** WPML language selector in sidebar *****/



#lang_sel li {



	border: 1px solid #ccc;



}







#lang_sel ul ul {



	top: 24px !important;



}







#lang_sel ul ul li {



	border-top: none;



	left: -1px;



}







/***** To Top ******/



#toTop {



	z-index: 99;



}







/* #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: #000 url('images/menu-bg.jpg') repeat-x;



		-moz-box-shadow: 0 1px 5px #333;



		-webkit-box-shadow: 0 1px 5px #333;



		box-shadow: 0 1px 5px #333;*/



	}







	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;



	}



	



	#page-content.two-third.column #gallery.three-columns {



		width: 260px;



		margin: 0 auto;



	}







}







/* 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 {



		/*padding: 13px 0;*/



	}







	ul#root-menu li > a {



		padding-left: 12px;



		padding-right: 12px;



	}







	/* 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,



	.section .one-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%;



	}



	



	#post-nav a {



		width: 200px;



	}



	



	.comment.depth-2, .parent.depth-2 #respond, .comment.depth-3, .parent.depth-3 #respond, .comment.depth-4, .parent.depth-4 #respond, .comment.depth-5, .parent.depth-5 #respond {



		margin-left: 30px;



	}







	#sidebar-content.first {



		margin-right: 10px;



		width: 220px;



	}







	.searchbox {



		width: 150px !important;



	}



	



	/***** Layouts in Two-Third Width *****/







	.two-third.column .container.section {



	    width: 460px;



	}



	



	.two-third.column .full-width.column {



	    width: 460px;



	}



	



	.two-third.column .one-third.column {



	    width: 140px;



	    margin-left: 10px;



	    margin-right: 10px;



	}



	



	.two-third.column .half.column,



	.two-third.column .one-half.column {



	    width: 220px;



	    margin-left: 10px;



	    margin-right: 10px;



	}



	



	.two-third.column .two-third.column {



	    margin-left: 10px;



	    margin-right: 10px;



	    width: 300px;



	}



	



	.two-third.column .one-fourth.column {



	    width: 100px;



	}



	



	.two-third.column .three-fourth.column {



	    margin-left: 10px;



	    margin-right: 10px;



	    width: 340px;



	}







	.two-third.column .one-third.hover {



		width: 140px; 



	}



	



	.two-third.column .one-fourth.hover {



		width: 100px; 



	}



	



	#page-content.two-third.column .one-third.column .searchbox {



		width: 100px !important;



	}



	



	ul.tabs li a {



	    padding: 0px 15px;



	}



	



	#footer .searchbox {



	    width: 120px !important;



	}



}







/* All Mobile Sizes (devices and browser) */



@media only screen and (max-width: 767px) {



	h1 {



		font-size: 28px;



	}







	#logo {



		background: #ddd;



		padding: 15px;



		position: static;



		text-align: center;



	}







	#logo img {



		height: 75px;



	}







	.banner-caption {



		display: none;



	}







	#menu {



		background: #000 url('images/menu-bg.jpg') bottom repeat-x;



		height: 40px;



		margin: 0;



		margin-bottom: 50px;



		padding-top: 10px;



	}



	



	#menu.layerslider {



		margin-top: 0 !important;



	}







	ul#root-menu {



		display: none;



	}







	#menu select {



		color: #333;



		display: block;



		font-size: 14px;



		margin: 0 auto;



		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;



	}



	



	.two-third.column .one-third.hover {



		width: 260px; 



	}







	#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#commentform label, form#contact-form label {



		display: block;



		text-align: left;



	}







	form#commentform textarea, form#contact-form textarea {



		width: 90%;



	}



	



	



	.comment.depth-2, .parent.depth-2 #respond, .comment.depth-3, .parent.depth-3 #respond, .comment.depth-4, .parent.depth-4 #respond, .comment.depth-5, .parent.depth-5 #respond {



		margin-left: 20px;



	}



	



	form#commentform #submit {



		margin-left: 0;



	}











	.searchbox {



		width: 200px !important;



	}







	#footer-gallery ul, .widget-gallery {



		margin: 25px 0 0 0;



	}







	#copyright {



		text-align: center;



	}







	#social {



		float: none;



	}







	#social li {



		display: inline;



		float: none;



	}







	#text {



		float: none;



	}



	



	#page-content.two-third.column .one-third.column .searchbox {



		width: 200px !important;



	}



	



	#post-content .container.section {



		margin-left: -10px;



	}



	



	.two-third.column .one-fourth.hover {



		width: 200px;



	}



	.two-third.column .one-fourth.column {



		text-align: center;



	}



	



	ul.tabs li {



	    display: block;



	    float: none;



	}



	



	#footer .searchbox {



	    width: 80% !important;



	}







}







/* 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;



	}



	



	#page-content {



		margin-left: -10px;



	}







	.two-third.column .container.section {



		width: 400px;	



	}



	



	.section .full-width.column, .section .half.column, .section .one-half.column, .section .one-third.column, .section .two-third.column, .section .one-fourth.column, #footer .one-fourth.column, .section .three-fourth.column,



	.two-third.column .full-width.column,



	.two-third.column .half.column,



	.two-third.column .one-half.column,



	.two-third.column .one-third.column,



	.two-third.column .two-third.column,



	.two-third.column .one-fourth.column,



	.two-third.column .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;



	}



	



	#post-nav a {



		width: 160px;



	}



	



}







/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */



@media only screen and (max-width: 479px) {



	/* Solved unselectable menu on Android */



	img.bg {



		display: none !important;



	}



	#menu.home {



		margin-top: 0 !important;



	}



	.flex-direction-nav { 



		display: none !important;



	}



	/* Solved unselectable menu on Android */



	



	#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;



		



	}



	



	#page-content {



		margin-left: -10px;



	}



	



	.two-third.column .container.section {



		width: 280px;	



	}







	.section.header {



		margin-bottom: 20px;



		padding: 0 20px;



		width: 260px;



	}







	.section .full-width.column, .section .half.column, .section .one-half.column, .section .one-third.column, .section .two-third.column, .section .one-fourth.column, #footer .one-fourth.column, .section .three-fourth.column,



	.two-third.column .full-width.column,



	.two-third.column .half.column,



	.two-third.column .one-half.column,



	.two-third.column .one-third.column,



	.two-third.column .two-third.column,



	.two-third.column .one-fourth.column,



	.two-third.column .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%;



	}



	



	#post-nav a {



		width: auto;



		margin-bottom: 20px;



	}







	#footer-gallery ul {



		text-align: center;



		width: 100%;



	}







	#footer-gallery p {



		text-align: right;



	}



}





#hide-item {

	display:none !important;

}