/*********************************************************************************************

Theme Name: Ambassador
Theme URI: http://www.hermesthemes.com/themes/ambassador/
Version: 1.1.8
Author: HermesThemes.com
Author URI: http://www.hermesthemes.com/
Description: Ambassador is an exclusive WordPress Theme for Hotels and other related businesses.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, orange, red, white, light, two-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, holiday

The PHP code portions of this theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the HermesThemes.com Proprietary Use License below.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page Structure: Common elements  ---  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Navigation  ------------------------  header.php
4.  Page Structure: Main Content  ------  
5.  Content Blocks ---------------------  
6.  Single Post / Page -----------------  single.php, page.php
7.  Comments Styling  ------------------  comments.php
8.  Page Structure: Footer  ------------  footer.php
9.  Misc  ------------------------------
10. Buttons, Forms  --------------------
11. Slideshow  -------------------------
12. Media Queries  ---------------------

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
b, strong { font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul li {list-style-type: none; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
nav ul, nav ol, 
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form, blockquote { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/********************************************************************************************* 

1. Page Structure: Common layout elements

*********************************************************************************************/

::-moz-selection{background:#00aeef; color:#fff; }
::selection{ background:#00aeef; color:#fff; }

a { color: #1c97d4; text-decoration:none; }
a:hover { color: #ef4832; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }

body {
	background-color: #f5f5f5;
	color: #666;
	font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.3em;
	text-align: center;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title-widget a {
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title-widget a:hover {
	color: #ef4832;
}

#container {
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	width: 100%;
}

div.wrapper {
	margin: 0 auto;
	padding: 0 30px; 
	text-align: left; 
	width: 940px;
}

div.wrapper-center {
	text-align: center;
}

div.cleaner,
div.divider {
	margin:0;
	clear: both; 
	font-size:1px; 
	height: 1px;  
	line-height: 1px; 
}

div.divider {
	background-color: #fff;
	border-top: solid 1px #e1e1e1;
	margin: 10px 0;
}

div.divider-blank {
	border: 0;
	margin: 20px 0;
}

div.divider-main {
	border-top: solid 4px #222;
	border-bottom: solid 1px #e5e5e5;
	height: 4px;
	margin: 10px 0 20px;
}

.title-xl {
	font-size: 50px;
	line-height: 56px;
}

.title-l {
	font-size: 34px;
	line-height: 46px;
}

.title-m {
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
}

.title-s {
	font-size: 16px;
	line-height: 24px;
}

.title-xs {
	font-size: 13px;
	line-height: 22px;
}

.title-center {
	text-align: center;
}

.title-caps {
	font-weight: normal;
	text-transform: uppercase;
}

.title-ornament {
	background: transparent url(images/back-heading-ornament.png) no-repeat bottom center;
	padding-bottom: 20px;
}

.type-custom {
	letter-spacing: 1px;
	/* font-family: Georgia, serif; */
}

.title-widget {
	margin-top: 0;
	margin-bottom: 20px;
}

/********************************************************************************************* 

2. Page Structure: Header

*********************************************************************************************/

header {
	z-index: 10;
}

header .wrapper-logo {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

#logo {
	display: inline;
	float: left;
	margin-right: 20px;
}

/* Header Contact Info */
.header-additional {
	clear: right;
	display: inline;
	float: right;
	margin-top: 20px;
	text-align: right;
}

.header-additional a {
	color: #1c97d4;
}

.header-additional a:hover {
	color: #cc333f;
}

.hermes-contact {
	font-size: 12px;
	line-height: 24px;
	padding-right: 24px;
	background: transparent url(images/back-header-entypo.png) no-repeat top right;
}

.hermes-contact.telephone {
	background-position: right 0;
}

.hermes-contact.address {
	background-position: right -20px;
}

.hermes-contact.email {
	background-position: right -40px;
}

.hermes-contact span.label {
	color: #666;
}

.hermes-contact span.value {
	color: #cc333f;
	font-weight: bold;
}

/* Top Menu (Secondary) */

#menu-top {
	display: inline;
	float: right;
}

#menu-top a {
	color: #999;
}

#menu-top .current-menu-item a,
#menu-top a:hover {
	color: #333;
}

#menu-top li {
	border-left: solid 1px #e7e7e7;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 17px;
	margin-left: 10px;
	padding-left: 10px;
}

#menu-top li:first-child {
	border-left-width: 0;
	margin-left: 0;
	padding-left: 0;
}

/* Footer Contact Info */

.wrapper-footer-contacts {
	background: #2b2b2b url(images/back-menu-default.png) repeat-x top left;
}

.footer-additional {
	clear: both;
	padding: 10px 0;
	text-align: center;
}

.footer-additional a {
	color: #b5d9e8;
}

.footer-additional a:hover {
	color: #fff;
}

.footer-additional .hermes-contact {
	background: none;
	display: inline-block;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	padding-right: 0;
}

.footer-additional .hermes-contact .divider {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0 7px;
}

.footer-additional .hermes-contact span.label {
	color: #fff;
}

.footer-additional .hermes-contact span.value {
	color: #fff;
}

/********************************************************************************************* 

3. Navigation

*********************************************************************************************/

#menu-main-menu {
	text-align: center;
}

#menu-main .hermes-notice {
	color: #aaa;
	margin: 0;
	padding: 17px 0 0;
	text-transform: none;
}

#menu-main .hermes-notice a {
	display: inline;
	float: none;
	padding: 0;
}

#menu-main {
	background: #2b2b2b url(images/back-menu-default.png) repeat-x top left;
	border-top: solid 1px #111;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	min-height: 50px;
	position:relative;
	z-index: 50;
}

#menu-main li {
	display: inline-block;
	float: left;
	line-height: 30px;
	margin: 0 5px;
	position: relative;
}

#menu-main li li {
	background-color: #333;
}

#menu-main .cleaner {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	clear: both;
	float: none;
	display: block;
}

#menu-main li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#menu-main li:last-child {
	border-right: 0;
}

#menu-main a:hover, 
#menu-main .current-menu-item a, 
#menu-main a:active,
#menu-main .current-item a {
	color: #b5d9e8;
} 

#menu-main .current-item li a {
	color: #aaa;
}

#menu-main .dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
 	text-align: left;
	margin: 0;  
	padding: 10px 5px; 
	background: #272727; 
	text-transform: none; 
}

#menu-main .dropdown ul li {
	width: 100%;
	font-size: 12px;
	line-height: 22px;
 	margin: 0;
 	padding: 3px 0;
 	border-right: 0;
 	border-bottom: solid 1px #444;
}

#menu-main .dropdown ul li a {
	padding:6px 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: none;
}

#menu-main .dropdown ul li a:hover {
	
}

#menu-main a {
	color: #f5f5f5;
	padding: 10px;
	display: block;
	position: relative;
}

#menu-main li li a,
#menu-main .current-menu-item li a,
#menu-main li .current-menu-item a,
#menu-main li li a:hover {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#menu-main li li a {
	color: #aaa;
}

#menu-main li li a:hover {
	background-color: #333;
	color: #fff;
}

#menu-main .dropdown li:hover ul,
#menu-main .dropdown .sfHover ul {
	padding: 0;
	margin: 0;
	left:			0;
	top:			3.6em; /* match top ul list item height */
	z-index:		99;
	border-top: solid 2px #555;
}

#menu-main .dropdown li:hover li ul,
#menu-main .dropdown .sfHover li ul {
	border-top: solid 2px #555;
	top:			-999em;
}

#menu-main .dropdown li li:hover ul,
#menu-main .dropdown li .sfHover ul {
	left:			171px; /* match ul width */
	top:			-2px;
}

#menu-main .dropdown li li:hover li ul,
#menu-main .dropdown li .sfHover li ul {
	top:			-999em;
}

#menu-main .dropdown li li li:hover ul,
#menu-main .dropdown li li .sfHover ul {
	left:			171px; /* match ul width */
	top:			0;
}
 
#menu-main .dropdown li:hover, .dropdown li.sfHover,
#menu-main .dropdown a:focus, .dropdown a:hover, .dropdown a:active {
 	outline:		0;
}

#menu-main .dropdown li ul .sf-sub-indicator { display:inline; }


/********************************************************************************************* 

4. Page Structure: Main Content

*********************************************************************************************/

#content {
	position: relative;
}

.no-slideshow {
	padding-top: 0 !important;
}

#content div.wrapper {
	background-color: #fff;
	border-bottom: solid 4px #252525;
	padding: 30px;
	position: relative;
	z-index: 10;
}

#main {
	display: inline;
	float: left;
	margin: 0 2.1276% 0 0;
}

aside {
	display: inline;
	float: left;
	margin: 0 0 30px;
}

aside .widget {
	margin-bottom: 30px;
}

.textwidget li {
	list-style-type: square;
	line-height: 24px;
}

.textwidget iframe {
	width: 100%;
}

.widget li {
	line-height: 20px;
}

/* Hermes Photos Gallery */

#hermes-gallery {
	background-color: #333;
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}

.hermes-gallery-wrapper {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

#hermes-gallery img {
	display: block;
	height: auto;
	width: 100%;
}

#hermes-gallery span.gallery-shadow {
	background: transparent url(images/back-shadow-gallery.png) repeat-x top left;
	display: block;
	font-size: 1px;
	height: 2px;
	line-height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

#hermes-gallery .slide-title {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	text-align: center;
	text-shadow: #000 1px 1px 0;
}

/********************************************************************************************* 

5. Content Blocks

*********************************************************************************************/

div.widget .title-widget {
	margin-bottom: 20px;
}

/* Homepage Welcome Message */
.welcome-message {
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 20px;
	text-align: center;
}

.welcome-message h1 {
	color: #444;
	font-size: 30px;
	font-weight: bold;
	line-height: 42px;
	margin: 0 0 20px;
}

/* 3 Featured Pages */

ul.featured-pages {
	margin-bottom: 39px;
}

.featured-pages .featured-page {
	display: inline;
	float: left;
	margin-right: 2.127659%;
	width: 31.91489%;
}

.featured-pages .featured-page.last {
	margin-right: 0;
}

.featured-pages .cleaner,
.hermes-attractions .cleaner {
	clear: both;
	display: block;
	height: 1px;
	font-weight: 1px;
	line-height: 1px;
}

.featured-pages .outer-frame {
	background-color: #eaeaea;
	border: solid 1px #e1e1e1;
	padding: 4px;
}

.featured-pages .frame {
	background-color: #f5f5f5;
	border: solid 5px #fff;
	padding: 10px;
}

.post-cover img:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	transition-duration: 0.3s;
}

.featured-pages .post-cover {
	background-color: #fff;
	border: solid 1px #eeeeee;
	margin-bottom: 10px;
	padding: 4px;
}

.featured-pages .post-cover img {
	height: auto;
	width: 100%;
}

.featured-pages .post-excerpt {
	font-size: 14px;
	line-height: 22px;
}

.featured-pages p {
	margin: 0;
}

.featured-pages span.more,
.hermes-posts span.more {
	display: block;
	font-size: 10px;
	margin: 5px 0 0;
	text-transform: uppercase;
}

/* Columns */

.hermes-column {
	display: inline;
	float: left;
	margin-right: 2.127659%;
	width: 31.91489%;
}

.hermes-column.wide {
	width: 65.95744%;
}

.hermes-column.full {
	width: 100%;
}

.hermes-column.last {
	margin-right: 0;
}

/* Hermes Posts Widgets */

.hermes-posts {
	margin-bottom: 20px;
}

aside .hermes-posts {
	margin-bottom: 0;
}

.hermes-post {
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.hermes-events .hermes-event:last-child,
aside .hermes-post:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.hermes-posts .post-cover {
	background-color: #fff;
	border: solid 1px #f1f1f1;
	display: inline;
	float: left;
	margin-right: 20px;
	padding: 4px;
	width: 20.9677%;
}

.hermes-posts .post-cover img {
	height: auto;
	width: 100%;
}

.hermes-posts .post-excerpt {
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
}

.hermes-posts .excerpt-full {
	overflow: auto;
}

.hermes-posts p {
	margin: 0;
}

.hermes-posts .postmeta {
	color: #aaa;
	font-size: 12px;
	margin: 0 0 6px;
}

.title-post,
.hermes-posts .title-post {
	margin-bottom: 6px;
}

/* Hermes Testimonials Widget */

.widget blockquote.hermes-testimonial {
	background-color: #f3f3f3;
	border-bottom: solid 1px #e3e3e3;
	font-size: 16px;
	font-style: italic;
	line-height: 25px;
	padding: 20px 30px;
}

footer .widget blockquote.hermes-testimonial {
	background-color: #e9e9e9;
	border-bottom: solid 1px #e1e1e1;	
} 

.hermes-testimonial .post-cover {
	background-color: #fff;
	border: solid 1px #e3e3e3;
	display: inline;
	float: left;
	margin-right: 20px;
	padding: 4px;
}

div.widget blockquote.hermes-testimonial p {
	margin: 0;
}

div.widget figcaption.hermes-author {
	font-size: 12px;
	margin: 15px 0 0 31px;
}

/* Hermes Attractions Widget */

.hermes-attractions .hermes-attraction,
.hermes-gallery .hermes-photo {
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-right: 2.127659%;
	margin-bottom: 20px;
	text-align: center;
	width: 31.914893%;
}

.hermes-attractions .hermes-attraction.last,
.hermes-gallery .hermes-photo.last,
.hermes-gallery-widget-photo.last {
	margin-right: 0;
}

.hermes-attractions .hermes-attraction.first,
.hermes-gallery .hermes-photo.first,
.hermes-gallery-widget-photo.first {
	clear: left;
}

.hermes-attractions div.post-cover,
.hermes-gallery div.post-cover,
.hermes-rooms div.post-cover {
	background-color: #fff;
	border: solid 1px #eeeeee;
	margin-bottom: 10px;
	padding: 4px;
}

.hermes-attractions div.post-cover img,
.hermes-gallery div.post-cover img,
.hermes-rooms div.post-cover img {
	height: auto;
	width: 100%;
}

/* Hermes Gallery Widget */

.hermes-gallery-widget-photo {
	display: inline;
	float: left;
	margin: 0 4% 15px 0;
	width: 48%;
}

.hermes-gallery-widget-photo .post-cover {
	background-color: #fff;
	border: solid 1px #e3e3e3;
	padding: 4px;
}

.hermes-gallery-widget-photo .post-cover .attachment-thumb-loop-main {
	height: auto;
	width: 100%;
}

/* Hermes Testimonials */

.hermes-testimonials .hermes-testimonial {
	margin-bottom: 30px;
}

/* Hermes Rooms */

.hermes-rooms {
	margin-top: 20px;
}

.hermes-rooms-grid .hermes-room {
	display: inline;
	float: left;
	margin: 0 2.1276% 20px 0;
	padding-bottom: 15px;
	text-align: center;
	width: 31.9148%;
}

.hermes-room .post-cover {
	margin-bottom: 15px;
}

.hermes-rooms-list div.post-cover {
	border: 0;
	display: inline;
	float: left;
	margin-right: 2.1276%;
	padding: 0;
	width: 31.9148%;
}

.hermes-rooms-list .post-excerpt {
	display: inline;
	float: left;
	width: 65.9574%;
}

.hermes-room h2 {
	margin-bottom: 10px;
}

.hermes-room .thumb-attraction {
	height: auto;
	width: 100%;
}

.hermes-rooms-grid .hermes-room-last {
	margin-right: 0;
}

.hermes-room:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.hermes-room .value {
	color: #333;
}

.hermes-room .price,
.post-single .price {
	color: #cc333f;
}

.hermes-rooms-meta {
	margin-top: 10px;
	margin-left: 5px;
}

.hermes-room-meta {
	color: #999;
	font-size: 11px;
	list-style-type: square;
}

.hermes-room-meta .value {
	color: #333;
}

.hermes-room-meta .price {
	color: #cc333f;
}

/* Hermes Events */
.hermes-events {
	margin-bottom: 0;
}

.hermes-events .meta-date {
	font-size: 13px;
}

.hermes-events .value-time {
	font-weight: bold;
}

/* Hermes Connect Widget */

.hermes-connect .hermes-social {
	display: inline;
	float: left;
	margin: 0 2% 15px;
	width: 46%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.hermes-connect .hermes-social-clear {
	clear: both;
}

.hermes-icon-social {
	background: transparent url(images/sprite-social-icons.png) no-repeat top left;	
	display: block;
	margin: 0 auto 8px;
}

.icon-facebook { background-position: 0 0; }
.icon-twitter { background-position: -256px 0; }
.icon-foursquare { background-position: -96px 0; }
.icon-linkedin { background-position: -128px 0; }
.icon-rss { background-position: -160px 0; }
.icon-feedburner { background-position: -32px 0; }
.icon-tripadvisor { background-position: -224px 0; }
.icon-yelp { background-position: -288px 0; }
.icon-youtube { background-position: -320px 0; }
.icon-skype { background-position: -192px 0; }

.hermes-connect a {
	color: #999;
	display: block;
}

.hermes-connect a:hover {
	color: #333;
}

.hermes-connect li:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Hermes Related Pages */

.widget .hermes-related-page,
aside .widget .menu .menu-item {

	background: #fcfcfc url(images/back-related-shadow.png) repeat-x top left;
	border-left: solid 5px #e9e9e9;	
	line-height: 24px;
	margin-bottom: 5px;
	padding: 5px 10px;
}

.widget .hermes-related-page.current-page,
aside .widget .menu .menu-item.current-menu-item {
	border-left: solid 5px #7eccf3;	
}

.widget .hermes-related-page.current-page a,
aside .widget .menu .menu-item.current-menu-item a {
	color: #666;
	font-weight: bold;
}

/********************************************************************************************* 

6. Single: Post/Page Styling

*********************************************************************************************/

.post-single {
	color: #666;
	font-size: 14px;  
	line-height: 23px; 
	max-width: 100%;
}

.full-width .post-single {
	max-width: 100%;
}

.postmeta {
	margin: 0;
}

.post-meta p.postmeta {
	color: #999;
	font-size: 12px;
	margin: 10px 0 0;
}

.post-meta div.divider {
	border-top-color: #f1f1f1;
}

.post-single h2, 
.post-single h3, 
.post-single h4, 
.post-single h5, 
.post-single h6 {
	font-weight: bold;
	margin: 12px 0 12px;
	line-height: 1.25em; 
}

.post-single h1 {
	font-size: 32px;
	line-height: 36px;
}

.post-single h2 {
	font-size: 26px;
	line-height: 32px;
}

.post-single h3 {
	font-size: 22px;
	line-height: 26px;
}

.post-single h4 {
	font-size: 18px;
	line-height: 24px;
}

.post-single h5 {
	font-size: 16px;
	line-height: 22px;
}

.post-single h6 {
	font-size: 14px;
	line-height: 20px;
}

.post-single p {
	margin-top: 0;
	margin-bottom: 1.5em; 
}

.post-single img {
	margin-bottom: 20px; 
}

.post-single img.alignnone, 
.post-single img.aligncenter, 
.post-single img.alignleft, 
.post-single img.alignright {
	max-width: 100%;
	width:auto;
 	height:auto;
}

.post-single iframe {
	max-width: 100%;
}

.post-single textarea {
	max-width: 97%;
}

.full-width .post-single img.alignnone, 
.full-width .post-single img.aligncenter, 
.full-width .post-single img.alignleft, 
.full-width .post-single img.alignright {
	max-width: 100%;
	width:auto;
 	height:auto;
}

.post-single ul, 
.post-single ol {
	margin: 0 0 1em 1em; 
}
.post-single li ul, 
.post-single li ol {
	margin-bottom: 0; 
}
.post-single li {
	list-style-position: outside; 
	margin-left: 20px;
} 
.post-single ul li {
	list-style-type: square;
}
.post-single ol li {
	list-style-type: decimal; 
}
.post-single blockquote {
    color:#999;
    border-left: solid 3px #ececec;
    padding: 0 15px;
    margin: 10px;
}
.post-single a {
	text-decoration:none; 
}
.post-single a:hover {
	text-decoration:underline; 
	cursor: pointer; 
}

/********************************************************************************************* 

7. Comments Styling

*********************************************************************************************/

#hermes-comments {
	margin: 30px 0;
}

.commentlist .comment,
.commentlist .pingback,
.commentlist .trackback {
	border-bottom: solid 1px #e3e3e3;
	list-style-type: none;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.commentlist > .comment:last-child {
	border-bottom: 0;
	margin-bottom: 30px;
	padding-bottom: 0;
}

.commentlist .children {
	padding-left: 12.9032%;
}

.commentlist .avatar {
	background-color: #fff;
	border: solid 1px #eeeeee;
	padding: 4px;
	height: auto;
	width: 100%;
	max-width: 50px;
}

.commentlist .byuser .avatar {
	border-color: #ccc;
}

.commentlist .byuser .comment-author-name {
	color: #ef4832;
}

.commentlist .comment-author {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 60px;
	text-align: center;
}

.commentlist .comment-author-name {
	color: #252525;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	margin-bottom: 12px;
}

.commentlist .comment-timestamp {
	color: #999;
	font-size: 10px;
	text-align: right;
}

.commentlist .comment-bullet {
	color: #ccc;
	font-size: 11px;
	margin: 0 2px;
}

.commentlist .comment-body {
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
	padding-top: 5px;
}

.commentlist .comment-edit-link {
	font-size: 11px;
}

.comment-body p {
	margin: 0 0 1.5em;
}

.comment-awaiting-moderation {
	color: #999;
	font-style: italic;
}

.commentlist .reply {
	margin-top: 10px;
	text-transform: lowercase;
}

.commentlist .comment-reply-link {
	font-size: 11px;
	padding: 4px 10px;
}

/* Comment Form */

#respond .hermes-comment-label {
	color: #252525;
	display: block;
	font-weight: bold;
	margin: 0 0 8px;
}

#respond .hermes-comment-input {
	border: solid 1px #ddd;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 5px;
	width: 70%;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px; 
}

#respond .hermes-comment-input:focus {
	background-color: #e1f2fa;
	border-color: #bdd8e5;
}

#respond .required_lab {
	color: #ef4832;
}

#respond .comment-form-p {
	margin: 0 0 15px;
}

#respond .form-submit {
	margin: 0;
}

#respond .comment-notes,
#respond .form-allowed-tags {
	display: none;
}

#respond #submit {
	
}

/* Reply Form */

.comment #respond {
	margin-top: 30px;
}

#reply-title {
	margin: 0 0 20px;
}

#reply-title a {
	color: #1c97d4;
}

#reply-title a:hover {
	color: #ef4832;
}

/********************************************************************************************* 

8. Page Structure: Footer

*********************************************************************************************/

footer {
	padding: 30px 0 20px;
}

footer a {
	color: #666;
}

footer a:hover {
	color: #00aeef;
}

footer .divider {
	margin: 20px 0;
}

footer .column {
	font-size: 13px;
	line-height: 20px;
	float: left;
	display: inline; 
	margin-right: 2.1276%;
	width: 14.8936%;
}

.column-narrow .post-cover {
	border: 0;
	display: block;
	float: none;
	margin: 0 0 15px;
	padding: 0;
	width: 100%;
}

.column-narrow .post-excerpt {
	display: block;
	float: none;
	margin: 0;
	width: 100%;
}

footer .column-wide {
	line-height: 21px;
	width: 48.9364%;
}

footer .column-last {
	margin-right: 0;
}

footer p.title {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px;
}

footer li {
	line-height: 22px;
}

footer p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 1em;
}

.hermes-credit {
	color: #999;
	display: inline;
	float: right;
	margin: 0;
}

.hermes-credit a {
	color: #999;
}

.hermes-credit a:hover {
	color: #333;
}

/********************************************************************************************* 

9. Misc

*********************************************************************************************/

.toggle_mobile_menu { display:none !important; } 

/* Pagination */
div.navigation {text-align: center; margin: 20px 0 25px; font-size: 11px; }
div.navigation p {margin: 0;}
div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #f1f1f1; color: #333; }
div.navigation .current { font-weight:bold; background-color: #1c97d4; color: #fff; padding: 7px 10px; line-height: 24px;}
div.navigation a:hover {
	background: none;
	background-color: #1c97d4; 
	color: #fff;
}

/* WordPress Search Widget */

#searchform label {
	display: none;
}

.widget_search #s {
	background-color: #f3f3f3;
	display: inline;
	float: left;
	border: solid 1px #ccc;
	font-size: 13px;
	margin: 0 3px 5px 0;
	padding: 6px 5px;
	width: 70%;
}

.widget_search #searchsubmit {
	border: none;
	display: inline;
	float: left;
}

/* Begin Images */
.post-single .aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
.post-single .alignright {	margin: 0 0 5px 20px;	display: inline;	}
.post-single .alignleft {	margin: 0 20px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/* Caption for images */
.post-single .wp-caption { background-color: #f3f3f3; border-bottom: solid 1px #e3e3e3; padding: 0 0 15px; }
.post-single .wp-caption img { background:none; margin: 0 0 15px; border:0 none; max-width:100%; width: 100%; height:auto; }
.post-single .wp-caption-text, .gallery-caption { color:#777; font-size:11px; line-height: 1.4em; margin:0 10px; }
.post-single .wp-caption.aligncenter { margin:0 auto 15px; }

/* [gallery] shortcode styling */
.post-single .gallery { margin: auto; text-align:center; clear:both; }
.post-single .gallery-icon {
	background-color: #fff;
	border: solid 1px #eeeeee;
	margin-bottom: 10px;
	padding: 4px;
}
.post-single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
.post-single .gallery img { width: 100%; height: auto; margin: 0; }
.post-single .gallery-caption { margin-left: 0; }

/* Recent Comments Widget */

.recent-comments-list .recent-comment,
#recentcomments .recentcomments {
	font-size: 12px;
	margin-bottom: 8px;
}

.recent-comments-list .post-cover {
	background-color: #fff;
	border: solid 1px #eeeeee;
	display: inline;
	float: left;
	margin-right: 10px;
	padding: 4px;
}

/* Recent Posts Widget */

.hermes-posts-recent .post-cover {
	width: 23.33%;
}

/* Twitter Widget */

.hermes-twitter-list .hermes-twitter-item {
	border-bottom: solid 1px #ececec;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.hermes-twitter-list .hermes-twitter-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

.hermes-follow-user {
	margin-top: 10px;
}

/* Gravity Forms Fixes */
.gform_wrapper .gform_heading {
	margin-bottom: 20px;
}

.gform_wrapper .gform_fields {
	margin-left: 0;
}

.gform_wrapper .gfield {

}

.gform_wrapper .gfield {
	list-style-type: none;
	margin-left: 0;
}

.gform_wrapper .gfield_label {
	font-weight: bold;
}

.gform_wrapper .gfield input,
.gform_wrapper .gfield .textarea {
	border: solid 1px #ccc;
	margin-bottom: 10px;
	padding: 5px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px; 
}

.gform_wrapper input[type=text] {
	min-width: 200px;
}

.gform_wrapper .gfield_required {
	color: #cc333f;
	margin-left: 2px;
}

/* WordPress check fixes */

.sticky,
.bypostauthor {
	
}

/********************************************************************************************* 

10. Buttons, Forms

*********************************************************************************************/

.button {
	display: inline;
}

input.button.gform_button,
.button,
#respond #submit,
#searchsubmit {
	font-weight: bold;
	text-align: center;
	padding: 15px 30px;
	border: solid 1px #2b849e;
	cursor: pointer;
	height: auto;
	color: #fff;                
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px;         
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

input.button.gform_button,
.button.blue,
#respond #submit,
#searchsubmit {
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #09509a 1px 1px 0;
}

.button.green {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3e783e 1px 1px 0;
}

.button.orange {
	background-color: #c98610;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
	background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
	background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
	background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
	background-image: -o-linear-gradient(top, #e49d1f, #c98610);
	background-image: linear-gradient(top, #e49d1f, #c98610);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
	border-color: #c98610 #c98610 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #bf831c 1px 1px 0;
}

.button.purple {
	background-color: #4f337d;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
	background-image: -moz-linear-gradient(top, #664a96, #4f337d);
	background-image: -ms-linear-gradient(top, #664a96, #4f337d);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
	background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
	background-image: -o-linear-gradient(top, #664a96, #4f337d);
	background-image: linear-gradient(top, #664a96, #4f337d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
	border-color: #4f337d #4f337d #382458;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3a2164 1px 1px 0;
}

.button.red {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #a8332d 1px 1px 0;	
}

.button.silver {
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #fff 1px 1px 0;
	color: #333;
}

.button.teal {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #2a819a 1px 1px 0;
}

input.button.gform_button:hover,
.button:hover,
#respond #submit:hover,
#searchsubmit:hover {
	background-position: 0 -15px;
	text-decoration: none;
}

input.button.gform_button:active,
.button:active,
#respond #submit:active,
#searchsubmit:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#searchsubmit,
#form-prebooking .button,
input.button.gform_button,
.button.submit {
	height: auto;
	font-size: 11px;
	padding: 7px 15px;
}

/* Booking Form */

#form-booking .hermes-label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}

#form-booking .hermes-input {
	border: solid 1px #ccc;
	width: 60%;
	padding: 4px 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#form-booking .hermes-input-small {
	min-width: 100px;
	width: 20%;
}

#booking-comments {
	height: 100px;
}

#hermes-form-success {
	color: #57a957;
	font-weight: bold;
}

#hermes-form-errors {
	color: #c43c35;
}

/* PreBooking Form */

#content div.wrapper-booking {
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	display: none;
}

#content div.wrapper-form {
	background: #262626;
	border-bottom: 0;
	padding: 20px 30px 15px;
}

.wrapper-booking .hermes-notice {
	margin: 0;
}

#form-prebooking p {
	color: #bbb;
	display: inline;
	float: left;
	font-size: 13px;
	margin: 0 30px 0 0;
	text-shadow: #000 1px 1px 0;
}

#form-prebooking .last {
	margin-right: 0;
}

#form-prebooking .hermes-label {
	display: inline-block;
	line-height: 20px;
	margin-right: 5px;
}

#form-prebooking .hermes-input {
	border: solid 1px #ccc;
	width: 150px;
	padding: 4px 5px;
}

/********************************************************************************************* 

11. Slideshow

*********************************************************************************************/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .hermes-slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .hermes-slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .hermes-slides {display: block;} 
* html .hermes-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .hermes-slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .hermes-slides {zoom: 1;}

.carousel li {margin-right: 5px; }


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	background:url(images/hermes-arrows.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 43%;
	width: 60px;
	height: 60px;
	text-indent:-9999px; 
	z-index: 60;
	zoom: 1;
	filter: alpha(opacity=15);
	opacity: 0.15; 
	-webkit-transition: all .3s ease;
}

.flexslider:hover .flex-next {right: 5px; filter: alpha(opacity=40); opacity: 0.4; }
.flexslider:hover .flex-prev {left: 5px; filter: alpha(opacity=40); opacity: 0.4; }

#hermes-gallery a.flex-next { background-position:-60px 0; right:50px;}
#hermes-gallery a.flex-prev { background-position: 0 0; left:50px; }
#hermes-gallery a.flex-next:hover {	filter: alpha(opacity=80); opacity: 0.8; }
#hermes-gallery a.flex-prev:hover { filter: alpha(opacity=80); opacity: 0.8; }


/********************************************************************************************* 

12. Media Queries 

*********************************************************************************************/   
 
/* Tablet Landscape */
@media screen and (max-width: 1020px) {

	div.wrapper,
	div.wrapper-booking,	
	#content div.wrapper {
		padding-right: 3%;
		padding-left: 3%;
		width: 94%;
	}

	#form-prebooking .hermes-input {
		width: 140px;
	}

	/* Facebook Like Button */
	div.fb-like.fb_iframe_widget {
		width: 100% !important;		
	}
	
	.fb_iframe_widget { width: 100%!important }
	.fb_iframe_widget span { width: 100%!important; }
	.fb_iframe_widget span iframe { width: 100%!important; }
	
	.twitter-follow-button {max-width: 100%; }

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

	#form-prebooking .hermes-input {
		width: 110px;
	}

	#hermes-gallery a.flex-next { right:40px; }
	#hermes-gallery a.flex-prev { left:40px; }

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	#content div.wrapper-booking {
		display: none;
	}

	#hermes-gallery a.flex-next { right:30px; }
	#hermes-gallery a.flex-prev { left:30px; }

	footer .column {
		margin: 0 1.5% 20px;
		width: 30%;
	}
	
	footer .column-wide {
		clear: both;
		display: block;
		float: none;
		margin: 0;
		width: 100%;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	/* Make Menu Mobile-Device Friendly */

	#menu-main .wrapper {
		position: relative;
	}
	
	#menu-main .toggle_mobile_menu { 
		cursor: pointer;
		display: block !important; 
		background: transparent url(images/icon-lines.png) no-repeat top left; 
		height:48px; 		
		width:48px; 
		padding: 0;
		position: absolute; 
		top: 0; 
		right: 20px;
		z-index: 100;
	}

	.mobile-menu { display: none; }
	#menu-main li { display: block; float: none; margin-right: 0; }
	#menu-main a { color: #f5f5f5; padding: 8px 5px; }
	#menu-main li li a,
	#menu-main .current-menu-item li a {
		color: #bbb;
	}
	#menu-main a:hover,
	#menu-main li li a:hover { color: #b5d9e8; }

	#menu-main .current-menu-item a, 
	#menu-main .current-item a {
		color: #fff;
		padding-left: 10px;
	} 

	#menu-main .current-menu-item li a {
		background: none;
		padding-left: 0;
	} 
	
	#menu-main .dropdown ul { 
		background: none; 
		margin-left: 10px;
		display: block !important; 
		visibility: inherit !important; 
		position: relative; 
		top: 0; 
		left: 0;
		width: auto; 
	}
	
	#menu-main-menu {
		padding-bottom: 10px;
		text-align: left;
	}

	#menu-main .dropdown ul {
		position:		relative;
		top:			0;
		width:			100%; /* left offset of submenus need to match (see below) */
		margin: 0;  
		padding: 0; 
		background: none;  
	}
	
	#menu-main .dropdown ul li {
		width: auto;
		font-size: 11px;
		line-height: 22px;
	 	margin: 0 0 0 10px;
	 	padding: 0;
	 	border: 0;
	}
	
	#menu-main .dropdown ul li a {
		padding: 5px 12px;
		border-bottom: none;
	}
	
	#menu-main li li {
		background: none;
	}
	
	#menu-main li li a:hover {
		background: none;
	}
	
	#menu-main .dropdown li:hover ul,
	#menu-main .dropdown .sfHover ul {
		border-top: 0;
		padding: 0;
		margin: 0;
		position: relative;
		left:			0;
		top:			0; /* match top ul list item height */
	}
	
	#menu-main .dropdown li:hover li ul,
	#menu-main .dropdown .sfHover li ul {
		border-top: 0;
		top:			0;
	}
	
	#menu-main .dropdown li li:hover ul,
	#menu-main .dropdown li .sfHover ul {
		left:			0; /* match ul width */
		top:			0;
	}
	
	#menu-main .dropdown li li:hover li ul,
	#menu-main .dropdown li .sfHover li ul {
		top:			0;
	}
	
	#menu-main .sf-sub-indicator { display:none !important; }
	
	/* End Menu */
	
	#logo {
		display: block;
		float: none;
		margin-right: 0;
	}

	#logo img {
		max-height: 80px;
		width: auto;
	}
	
	.header-additional {
		display: block;
		float: none;
		text-align: center;
	}
	
	.hermes-contact {
		background: none;
		display: block;
		padding-right: 0;
	}
	
	.flex-direction-nav a { top: 33%; opacity: 0.4; filter: alpha(opacity=40); }
	#hermes-gallery a.flex-next { right:20px; }
	#hermes-gallery a.flex-prev { left:20px; }

	header div.wrapper {
		text-align: center;
	}
	
	#menu-main div.wrapper {
		text-align: left;
	}
	
	#menu-top {
		display: block;
		float: none;
		margin: 25px 0 10px;
		text-align: center;
	}
	
	#menu-top li {
		float: none;
	}
	
	.featured-pages .featured-page {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.featured-pages .post-cover {
		display: inline;
		float: left;
		margin-right: 5%;
		width: 30%;
	}
	
	.featured-pages .post-excerpt {
		display: inline;
		float: left;
		overflow: hidden;
		width: 60%;
	}
	
	.featured-pages .title-m {
		font-size: 16px;
		line-height: 21px;
	}

	.featured-pages div.post-excerpt {
		font-size: 11px;
		line-height: 16px;
	}

	#main {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	aside.hermes-column,
	.hermes-column.last {
		display: block;
		float: none;
		width: 100%;
	}

	.hermes-column.wide {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
		width: 100%;
	}
	
	aside.hermes-column .widget {
		display: inline;
		float: left;
		margin-right: 2%;
		margin-bottom: 15px;
		margin-left: 1%;
		width: 47%;
	}

	.title-s {
		line-height: 20px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	.welcome-message {
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 20px;
		text-align: center;
	}

	.welcome-message h1 {
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 15px;
	}

	.featured-pages .post-cover {
		display: block;
		float: none;
		margin-right: 0;
		padding: 1%;
		width: 98%;
	}
	
	.featured-pages .post-excerpt {
		display: block;
		float: none;
		overflow: visible;
		width: 100%;
		font-size: 12px;
		line-height: 19px;	
	}

	aside.hermes-column .widget {
		display: block;
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {

	.hermes-attractions .hermes-attraction {
		display: block;
		float: none;
		margin: 0 0 15px;
		width: 100%;
	}
	
	.hermes-room .post-cover {
		display: none;
	}
	
	.hermes-room .post-excerpt {
		display: block;
		float: none;
		width: 100%;
	}
	
	footer .column {
		display: blockl
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}

}