@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;	
}
body, th, td, p {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #444444;
  line-height: 24px;
	margin: 0;
}

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #3c91cf;
  margin-bottom: 14px;
  line-height: 28px;
}
h2 {	
	font-size: 20px;
	color: #3c91cf;
	margin: 20px 0 20px 0;
	line-height: 24px;
	text-transform: none;
}
h2 a:link, h2 a:active, h2 a:visited {
	color: #3c91cf;
	text-decoration: none;
}
h2 a:hover {
	color: #3c91cf;
}
h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
  color: #3c91cf;
  line-height: 22px;
}
h3 a:link, h3 a:active, h3 a:visited {
	color: #BBBBBB;
}
h4 {
	font-size: 16px;
	color: #3c91cf;
	margin: 10px 0;
	line-height: 20px;
}
p {
	margin-top: 5px;
}
.entry p, .entry li {
	font-size: 12px;
}
.entry.room-category p, .entry.room-category li {
	font-size: 11px;
  line-height: 15px;
}
a:link, a:active, a:visited {
	color: #3c91cf;
	text-decoration: underline;
}
a:hover {
	color: #3c91cf;
	text-decoration: none;
}
a.link:link, a.link:active, a.link:visited {
	color: #444444;
	text-decoration: none;
	cursor: text;
}
a.link:hover {
	color: #444444;
	text-decoration: none;
	cursor: text;
}
.content a.link:link, a.link:active, a.link:visited {
	color: #444444;
	text-decoration: none;
	cursor: text;
}
.content a.link:hover {
	color: #444444;
	text-decoration: none;
	cursor: text;
}
img {
	border: 0;
}
th, td {
	vertical-align: top;
}
strong {
}

blockquote {
	background: top left no-repeat url(/skin/images/icon-blockquote.png);
	margin: 20px 0;
	padding: 10px 0 20px 75px;
	border-bottom: 1px solid #eeeeee;
}
blockquote p {
	margin-top: 0;
	font-style: italic;
}
blockquote .highlight {
	display: inline-block;
	color: #e4b741;
	margin-right: 20px;
}
blockquote .details {
	display: inline-block;
	margin-bottom: 10px;
	color: #3c91cf;
}

form {
	margin: 0;
}
input, select, textarea {
	background: #ffffff;
	padding: 10px 15px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
	border: 1px solid #dedede;
}
select {
	padding: 7px 8px;
}
li {
	list-style-position: inside;
}
/* Button - standard */
input.button, a.button {
  display: inline-block;
  width: auto;
  background: #e4b741;
  padding: 0 47px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  line-height: normal;
  border: 0;
  -webkit-transition: background 1s, color 1s;
  -moz-transition: background 1s, color 1s;
  -o-transition: background 1s, color 1s;
  transition: background 1s, color 1s;
  text-align: center;
  line-height: 40px;
	letter-spacing: 1.5px;
}
a.button {

}
input.button:hover, a.button:hover {
	background: #3c91cf;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
input.button.small, a.button.small {
	font-size: 14px;
	padding: 4px 10px 3px 10px;
}
/* Button - alternate */
input.button.alt, a.button.alt {
  background: #948764;
  color: #ffffff;
	font-size: 12px;
}
input.button.alt:hover, a.button.alt:hover {
	background: #75c6f1;
	text-decoration: none;
	cursor: pointer;
}


a.more {
  display: inline-block;
  background: 70px center no-repeat url(/skin/images/more-bg.png);
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #e4b53d !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 18px 0 0;
  height: 20px;
  line-height: 20px;
}
a.more:hover {
	color: #68c4f7 !important;
	background: 70px center no-repeat url(/skin/images/more-bg-hover.png);
	text-decoration: none;
}

em.highlight {
	display: inline-block;
	background: #e4b741;
	padding: 2px 5px;
	color: #FFFFFF;
}
.smalltext, .smalltext a {
	font-size: 11px;
	color: #999999;
	line-height: 14px;
}

.notification {
	margin: 10px 0;
	padding: 5px 20px 5px 30px;
	background: #f4f4f4 7px 7px no-repeat url(/skin/images/icon-notification.png);
	border: 1px solid #6DC361;
	color: #6b6b6b;
}
.warning {
	margin: 10px 0;
	padding: 5px 20px 5px 30px;
	background: #f4f4f4 7px 7px no-repeat url(/skin/images/icon-warning.png);
	border: 1px solid #bcbcbc;
	color: #6b6b6b;
}
.error {
	margin: 10px 0;
	padding: 5px 20px 5px 30px;
	background: #f4f4f4 7px 7px no-repeat url(/skin/images/icon-error.png);
	border: 1px solid #EA6B58;
	color: #6b6b6b;
}

/* FLOAT COLUMNS */
.left {
	float: left;
}
.mid {
	float: left;
}
.right {
	float: right;
}

/* FLOAT CLEARING */
.clearleft {
	clear: left;
	overflow: hidden;
	height: 0;
}
.clearright {
	clear: right;
	overflow: hidden;
	height: 0;
}
.clearboth {
	clear: both;
	overflow: hidden;
	height: 0;
}

/* Divider */
.div {
	overflow: hidden;
	margin: 35px 0;
	height: 1px;
	border-bottom: 1px solid #eeeeee;
}

/* Container with fade */
#container-outer-bg {
}
/* Container with additional bg image*/
#container-outer {
	position: relative;
	float: left;
	z-index: 2;
	width: 100%;
	min-width: 1340px;
	height: 100%;
	min-height: 650px;
  background: #222222;
	overflow: hidden;
}
/* Container */
#container {
}
.container {
	width: 100%;
	margin: 0 auto;
	height: auto;
	position: relative;
	display: block;
}
#header .container {
	width: 100%;
}
.container .left {
	width: 670px;
}
#footer .container .left {
	width: 585px;
	text-align: left;
}
#footer .container .right {
	width: 585px;
  text-align: right;
}
.container .right {
	width: 370px;
}

/* Header */
#header {
	position: relative;
	float: left;
	width: 100%;
	min-width: 1340px;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none;
	z-index: 9999;
}
#header .socialmedia {
	float: right;
  margin-right: 40px;
}
#header .socialmedia p {
	margin: 0;
  padding: 0;
  display: inline;
}
#header .logo {
	float: left;
	position: relative;
	z-index: 99;
}
#header .logo img {
	display: block;
}

/* Main Menu */
#menu {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	min-width: 1340px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 1.2px;
	background: #3c91cf;
	z-index: 1;
}
#menu ul {
	margin: 0;
  padding: 0;
  display: inline-block;
}
#menu li {
	background: none;
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#menu li:hover, #menu li.active {
	
}
#menu a:visited, #menu a:active, #menu a:link {
	display: inline-block;
	padding: 0 15px;
	color: #cbedff;
	text-decoration: none;
	line-height: 53px;
	width: auto;
}

#menu li:last-of-type a:visited, #menu li:last-of-type a:active, #menu li:last-of-type a:link {

}

#menu a:hover {
}
/* Sub menu */
#menu li ul {
  background: #3c91cf;
  position: absolute;
  display: none;
  width: 180px;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
  top: 53px;
  z-index: 999;
  text-align: left;
}
#menu li:hover ul {
	display: block;
}
#menu li:hover, #menu li.active {
}
#menu li.active a:link, #menu li.active a:active, #menu li.active a:visited {
	color: #ffffff;
	background: none;
}
#menu li:hover a:link, #menu li:hover a:active, #menu li:hover a:visited, #menu li:hover a:hover {
	color: #ffffff;
	background: none;
}
#menu .top.parent {
}
#menu li li {
	display: block;
	padding: 0;
	margin: 0;
	height: auto;
	border: 0;
	line-height: normal;
}
#menu li li:last-child {
}
#menu li ul a:link, #menu li ul a:active, #menu li ul a:visited {

}
#menu li:hover ul a:link, #menu li:hover ul a:active, #menu li:hover ul a:visited {
	color: #FFFFFF;
}
#menu li li:hover,  #menu li li.active, #menu li li:hover a:hover {
	color: #ffffff;
	background: #cbedff;
	border: 0;
}
#menu li li.active a, #menu li:hover li.active a  {
	color: #ffffff;
	background: #cbedff;
}
/* Alternate menu option */
#menu li.alt:hover {
}
#menu li.alt a {
	border: 1px solid #ffffff;
	line-height: 26px;
}
#menu li.alt a:hover {
	background: #f79700;
	color: #ffffff;
}

/* Custom Apartments Submenu */
#menu li ul.menu-subcategory {
	width: 650px;
	padding: 18px;
}

#menu li ul.menu-subcategory li {
	display: inline;
	float: left;
	background: none;
	width: 189px;
	height: 82px;
	padding: 10px;
	margin: 0;
}

#menu li ul.menu-subcategory li:nth-of-type(4),
#menu li ul.menu-subcategory li:nth-of-type(7),
#menu li ul.menu-subcategory li:nth-of-type(10),
#menu li ul.menu-subcategory li:nth-of-type(12) {

}

#menu li ul.menu-subcategory li div {
	display: block;
	margin: 0;
	padding: 0;
}

#menu li ul.menu-subcategory li div img {
	float: left;
	width: 50px;
	height: 60px;
	margin: 0 7px 7px 0;
	padding: 0;	
}

#menu li ul.menu-subcategory li div a,
#menu li ul.menu-subcategory li div a p  {
	background: none;
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

#menu li ul.menu-subcategory li div a.title {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 7px;
}

#menu li ul.menu-subcategory li div a:link, 
#menu li ul.menu-subcategory li div a:hover {
	text-decoration: none;
	background: none !important;
}

#menu li ul.menu-subcategory li.active,
#menu li ul.menu-subcategory li:hover {
	background-color: #685c3c;
}

#menu li ul.menu-subcategory li.active {

}



/* FEATURE - feature flash / image */
#feature {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1340px;
	height: 100%;
  min-height: 650px;
}
.featuremain {
	width: 100%;
	height: 100%;
	min-height: 650px;
}
.featuremain.slidepark {
	position: absolute !important;
	top: 0;
}
.featuremain .slide {
	background: center center no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.featureimage {
	position: absolute;
	background: center center no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	width: 100%;
	height: 100%;
	min-height: 650px;
	text-align: center;
}
.featureoverlay-fade {
	display: none;

}
.featureoverlay {

}
.featureoverlay p {

}
.featureoverlay p:nth-child(3) {

}
.featureoverlay a {
	color: #DD5D20;
	text-decoration: none;
}
.featureoverlay a:hover {
	color: #FFFFFF;
}

/* BOOKING - panel across page */
#booking {
	position: relative;
	background: #76c7f1;
	width: auto;
	height: 43px;
	padding: 10px 0 0 45px;
	margin: 0 0 0 -30px;
	text-align: left;
	float: left;
}
#booking h3 {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	text-align: right;
	line-height: 16px;
}
.bookingform {
  width: 680px;
}
.bookingform span.check-in, .bookingform span.duration {
	position: relative;
	display: inline-block;
	float: left;
	background: #046699;
	width: auto;
	text-align: left;
	line-height: 32px;
	margin-right: 10px;
}
.bookingform span.check-in {
	width: 228px;
}
.bookingform em {
	display: inline-block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	width: auto;
	padding: 0 10px;
	float: left;
	letter-spacing: 0.75px;
}
.bookingform span input {
	float: right !important;
  background: #ffffff;
  width: 110px;
  height: 32px;
  line-height: 32px;
  color: #444444;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 0 33px 0 0;
  text-align: right;
  border: none;
}
.bookingform span select {
	width: 103px;
	color: #666666;
	font-size: 13px;
	font-weight: 400;
	border: none;
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: url(/skin/images/arrow-down.png) no-repeat #ffffff;
	background-position: 80px 15px;
	text-indent: 0.01px;
	text-overflow: '';
	overflow: hidden;
	outline: none;
}
.bookingform span select::-ms-expand {
	display: none;
}
.bookingform span option {

}
.bookingbutton {
	position: relative;
	float: left;
	width: 107px;
	height: 32px;
	padding: 0;
}
.bookingbutton .button, a.button.roombooking {
  padding: 0;
  width: 192px;
  height: 42px;
  line-height: 42px;
}
.bookingbutton .button {
	width: 107px;
	height: 32px;
	line-height: 32px;
	background: none;
	border: 1px solid #ffffff;
	font-size: 12px;
}
a.button.roombooking {
	margin-top: 10px;
}

/* Panel - Search */
.search {
	float: right;
	line-height: 24px;
	margin-left: 20px;
}
.search input.clicknclear {
	background: #ededed;
	width: 180px;
	color: #666666;
	font-size: 12px;
	padding-bottom: 4px;
	border: 0;
}
.search input.button {
	float: right;
	width: auto;
	padding: 0;
	border: 0;
}



/* Phone */
.phone {
  background: left no-repeat url(/skin/images/icon-phone.png);
  padding-left: 35px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
}

/* Main Content */
.content {
	position: absolute;
	top: 133px;
	left: 25px;
	background: rgba(255,255,255,0.9);
	padding: 20px;
	width: 300px;
	height: auto;
	max-height: calc(100% - 320px);
	overflow-y: auto;
	overflow-x: hidden;
}
.content.no-top-pad {
	padding-top: 0;
}
.content .left {
	width: 70%;
}
.content .right {
	width: 28%;
}
.content.split .left {
	width: 48%;
}
.content.split .right {
	width: 48%;
}

.content p {
  margin: 15px 0;
}
.content blockquote p {
	margin: 0 0 10px 0;
}

.content.alt {
	background: none;
}
.content.alt .list {
	background: none;
}
.content.alt {
	padding: 0;
	margin: 0;
	background: #222222;
}
.content.alt p {
  margin-bottom: 5px;
  font-size: 13px;
}

/* Cascading grid layout */
.c-grid {
}
.col2 .item *, .col3 .item * {
	margin-left: 20px;
	margin-right: 20px;
}
.col2 .item {
	width: 50%;
}
.col3 .item {
	width: 33%;
}


/* FORM - Standard forms, eg. Enquiry */
.form {
	margin: 15px 0;
}
.form th {
	width: 100px;
	padding: 5px 10px 5px 5px;
	text-align: right;
	font-weight: 400;
	line-height: 37px;
	white-space: nowrap;
  font-size: 12px;	
}
.form td {
	width: 170px;
	padding: 5px 5px 5px 5px;
	color: #666666;
	font-size: 12px;
}
.form td em {
	display: block;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
}
.form td.required {
	background: right 7px no-repeat url(/skin/images/icon-required.png);
}
.form input {
	width: 75%;
}
.form.small input {
	width: 160px;
}
.form textarea {
	width: 75%;
}
.form.small textarea {
	width: 160px;
}
.form input.short {
	width: 80px;
}
.form input.captcha {
	width: 40px;
	margin-left: 10px;
}
.form input.button {
	width: auto;
}
.form table td {
	width: auto;
	border: 0;
	padding: 0;
}
.form.searchpage {
	margin: 0 auto;
}
.form.searchpage td {
	width: auto;
	padding: 5px;
	text-align: center;
}
.form.searchpage input {
	width: 250px;
	margin: 5px 0;
}
.form.searchpage .button {
	width: auto;
}
.form td em.required {
	background: right no-repeat url(/skin/images/icon-required.png);
	line-height: 22px;
	padding-right: 20px;
}
.form .none {
	width: auto !important;
	border: 0;
	padding: 0;
}

/* PANELS */
.panel {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
}
.right .panel {
	margin-top: 38px;
}
.panel.faqs, .panel.news {
	height: 100%;
}
.panel.contact {
	padding: 55px;
}
.panel  h3 {
	margin: 0 0 20px 0;
	color: #ffffff;
	line-height: auto;
}
.panel ul {
	margin: 0;
	padding: 0;
}
.panel li {
	list-style: none;
	margin: 25px 0;
	padding: 0;
}
.panel li:last-child {
	border-bottom: 0;
}
.panel li em {
	font-size: 11px;
	font-style: normal;
}
.panel .title {
	margin-bottom: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.panel .title a {
  color: #ffffff;
  text-decoration: none;
}
.panel .title a:hover {
	color: #ffffff;
}
.panel .date {
	font-size: 11px;
	color: #666666;
}
.panel .details, .entry .details {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0;
  color: #666666;
  text-transform: uppercase;
}
.panel .details a, .entry .details a {
	color: #666666;
	text-decoration: none;
}
.panel .details a:hover, .entry .details a:hover {
	text-decoration: #underline;
}
.panel p {
	margin: 0;
}
.panel.contact p {
	margin: 55px 0 0 0;
}
.panel .more {
}
.panel .summary {
  line-height: 15px;
  margin-bottom: 10px;
	margin-top: 0;
  font-size: 11px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

/* Blog Panel */
.panel li.archive-more {
	text-align: center;
	padding: 5px 0 10px 0;
}

.newsletter .clicknclear {
	display: block;
	width: 270px;
	margin-bottom: 5px;
}

/* Panel - Special */
.special {
	position: absolute;
	right: 0;
	bottom: 80px;
	width: 300px;
	height: auto;
	margin: 35px 25px 0 0;
	background: rgba(60,145,207,0.9);
	z-index: 999;
	padding: 0 0 15px 0;
}
/* minimized version */
.special.minimized {

}
.special.minimized .image {
	display: none;
}
.special.minimized h4, .special.minimized h4 a {
	font-size: 14px;
	line-height: 22px;
}
.special.minimized h4 {
	margin-bottom: 0;
}
.special.minimized .text p {
	display: none;
}
/* ----------------- */

.special .image {
	position: relative;
	width: 260px;
	height: 153px;
	float: left;
	margin: 0 0 15px 20px;
	background: center center no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.special .image img {

}
.special .text {
	position: relative;
	display: inline-block;
	width: 260px;
	height: auto;
	margin: 0;
	padding: 0 20px;
	color: #FFFFFF;
	background: rgba(60,145,207,0.9);
	text-align: left;
	z-index: 2;
}
.special h3 {
	margin: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	width: 300px;
	height: 40px;
	text-transform: uppercase;
	text-align: center;
	background: none;
	padding: 0 0 0 0;
	z-index: 3;
}
.special h3 a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	width: 300px;
	height: 40px;
	text-transform: uppercase;
  display: inline-block;	
}
.special h4, .special h4 a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	color: #ffffff;
}
.special p {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  margin: 0 0 5px 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  float: left;
}
.special p:first-child {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	float: none;
}
.special p:last-of-type {

}
.special p:nth-child(2), .special p:nth-child(3) {
	width: 100px;
}
.special p:nth-child(3) {
	float: right;
}
.special strong, .special strong a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #ffffff;
}
.special p:first-of-type a {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.special a {
  color: #ffffff;
  text-decoration: none;
}
.special a:hover {
	color: #e4b741;
}
.special .button {
	padding: 0;
	color: rgba(60,145,207,1);
	background: #ffffff;
	margin: 10px 0 0 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 40px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	width: 260px;
	height: 40px;
}
.special .button:hover {
	color: #FFFFFF;
}



/* Social Media Widgets */
.socialwidgets {
	margin: 15px 0;
	padding-top: 10px;
}
/* Social media badges & boxes */
.socialbadges {
	margin: 15px 0;
}
.socialbadges div {
}


.side {
}
.side p {
	margin: 0 0 20px 0;
}
.side img {
}


/* List / Entry */
.list {
	background: none;
	padding-bottom: 1px;
}
.list.rooms {
	position: absolute;
	left: 50%;
	bottom: 130px;
	width: 720px;
	margin: 0 auto 0 -360px;
	padding: 0 15px 0 15px;
	text-align: center;
}
.list .entry {
  margin: 20px 0 30px 0;
  padding: 0 0 0 0;
}
.list .entry.accommodation {
	position: relative;
	display: inline-block;
	padding: 5px;
	width: 130px;
	height: auto;
	min-height: 88px;
	margin: 5px auto 0 auto;
	background: #3c91cf;
	text-align: center;
}

.list .entry.accommodation.active, .list .entry.accommodation:hover {
	background: #e4b741;
}

.list .entry.accommodation .image {
	position: relative;
	background: center center no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	width: 130px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.list .entry.accommodation .text {
	position: absolute;
	top: 60px;
	width: 150px;
	height: auto;
	padding: 0px 0px 5px;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	z-index: 1;
	margin-left: -10px;
}
.list .entry.accommodation .text h2 {
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.list .entry.accommodation .text h2 a {
	color: #ffffff !important;	
}
.list .entry.accommodation .text h2 a:hover {
	
}
.list .entry.room-details {
	padding-top: 20px;
}
.list .entry.room-category {
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  border: none;
  width: 360px;
  height: 112px;
  overflow: hidden;
  float: left;
}
.list .entry.room-category:hover {

}
.list .entry:last-child {
	border: 0;
}
.list .entry .images {
	float: left;
	width: 670px;
  padding-right: 30px;
}
.list .entry .images.room-category {
	width: 154px;
	height: 112px;
	margin-right: 15px;
	padding: 0;
}
.list .entry h2 {
	margin-top: 0;
}
.list .entry.room-category h2 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 5px;

}
.list .entry hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: none;
	margin: 20px 0;
	padding: 0;
}
.list .entry li {
	font-weight: 700;
}
.blog-image {
	display: block;
	margin: 5px 0 25px 0;
}

.entry.blogpost {
	margin-top: 38px;
}

/* Gallery */
.gallery {
	padding: 0;
	margin-top: 30px;
	margin-bottom: 50px;
}
.gallery.room {
	background: none;
	margin: 30px 0 0 0;
	padding: 0;
	position: relative;
	text-align: left;
}
.gallery.room a.travelreel {
  float: left;
  margin: 0 7px 3px 0;
}
.gallery.room.room-category {
	display: none !important;
}
.gallery h3 {
	margin: 0 0 30px 0;
}
.gallery img {
	display: inline-block;
	margin: 4px 4px 0 4px;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	border: 2px solid #ffffff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.gallery img:hover {
	border-color: #e4b741;
}
.gallery.room img {
	margin: 0 7px 3px 0;
}
.gallery.room a:last-of-type img {
	margin-right: 0;
}

/* Top Anchor */
div.top {
	margin: 20px 0;
	text-align: right;
	font-size: 11px;
	line-height: 20px;
}
div.top a {
	display: inline-block;
	background: #FFFFFF;
	padding: 0 10px;
	text-decoration: none;
	color: #999999;
	border: 1px solid #E3E3E3;
}
div.top a:hover {
	color: #FFFFFF;
	background: #E3E3E3;
}

/* Paging */
.paging {
	margin: 10px 0;
	text-align: right;
	font-size: 12px;
	color: #808080;
}
.paging a:link, .paging a:active, .paging a:visited {
	background-color: #ededed;
	padding: 2px 6px;
	color: #808080;
	text-decoration: none;
}
.paging a:hover, .paging em {
	background-color: #b0b0b0;
	padding: 2px 6px;
	color: #FFFFFF;
	font-style: normal;
}
.paging .options {
	margin: 0 40px;
}
.paging .result-count {
	margin-left: 10px;
}

.smalltext {
	font-size: 11px;
	color: #999999;
	line-height: 14px;
}
.bigtext {
	font-size: 30px !important;
	line-height: 30px !important;
}

.grid {
	width: 100%;
	border: 1px solid #e4b741;
	border-collapse: collapse;
}
.grid.short {
	width: 400px;
}
.grid th, .grid td {
	padding: 5px 10px;
	border: 1px solid #e4b741;
}
.grid th {
	text-align: center;
	padding: 5px 10px;
	border: 1px solid #e4b741;
	background: rgba(0,159,219,0.55);
	color: #ffffff;
}
.grid th em {
	font-weight: 400;
	font-size: 10px;
	line-height: 2px;
	white-space: nowrap;
}
.grid tr:nth-child(odd) {
	background-color: rgba(0,159,219,0.15);
}
.grid tr:nth-child(even) {
	background-color: #f5f3ee;
}
.plusbotmargin {
	margin-bottom: 20px !important;
}

/* FOOTER */
#footer {	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	color: #666666;
	padding: 0;
	margin: 0;
	width: 100%;
	min-width: 1340px;
	height: 80px;
	z-index: 999;
}
#footer .left, #footer .right {
	width: 40%;
	height: 38px;
	margin: 0;
	padding: 0;
}
#footer .left {
	padding-left: 25px;
}
#footer .right {
	padding-right: 25px;
	background: none;
	position: relative;
	float: right;
}
#footer .container {
	position: relative;
}
#footer .container:first-child {
	position: relative;
}
#footer .footerbottom .container:first-child {
	background: none !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}
#footer ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 12px;
}
#footer p {
	margin: 0;
	color: #666666;
	font-size: 12px;
}
#footer .socialmedia p {
	 margin: 0;
  padding: 0;
  display: inline;
}
#footer a {
	text-decoration: none;
	color: #666666;
}
#footer a:hover {
	text-decoration: underline;
}

.footerbottom {
  background: #222222;
  font-size: 12px;
  color: #bbbbbb;
  padding: 5px 0;
  text-align: center;
}
/* Bottom footer menu */
.footermenu {
  float: left;
  width: auto;
  margin: 10px 0 0 0;
}
.footermenu ul {
	margin-left: 0 !important;
}
.footermenu li {
	float: left;
  margin: 0;
  padding: 0 10px 0 10px;
  background: url(/skin/images/bullet.png) right center no-repeat;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.footermenu li:first-child {
	padding-left: 0;
}
.footermenu li:last-child {
	background: none;
}
.footermenu li a {
	color: #3c91cf !important;
	font-size: 12px;
	text-transform: none;
}
.footermenu li a:hover {

}
.footermenu a {
	text-decoration: none;
}
.footermenu a:hover {
	text-decoration: underline;
}

/* Copyright & menu */
.copyright {
	width: auto;
	text-align: right;
	font-size: 12px;
	line-height: 38px;
}
#footer .copyright .container .left {
  margin: -8px 0 0 0;
  padding: 0;
  width: auto !important;
  float: left;
}
#footer .copyright .right {
	width: 100%;
	padding: 0;
	text-align: right;
}
.footer-tags {
	display: inline;
}
.footer-tags a {
	color: #666666;
}
.footer-tags p {
	display: inline-block;
	margin: 0;
	color: #666666;
}
.footer-tags .tag {
	padding: 5px 58px 5px 0;
	background: right no-repeat url(/skin/images/etourism-blue.png);
}

/* Vcard */
#footer .vcard {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	color: #666666;
	font-size: 12px;
	line-height: 38px;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  border-top: 1px solid #e5e5e5;	
}
.vcard .org {
  font-weight: 700;
}
.vcard .adr {

}
.vcard ul {

}
.vcard li {
	display: inline;
	background: url(/skin/images/bullet.png) center right no-repeat;
	padding: 0 10px;
}
.vcard li:first-child {
	padding-left: 0;
}
.vcard li:last-child {
	background: none;
	padding-right: 0;
}
.vcard a {
	color: #FA7234;
}
.vcard a:hover {
	color: #FFFFFF;
}
.infomenu {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-transform: none;
	color: #666666;
	line-height: 36px;
	border-bottom: 1px solid #e5e5e5;
}
.infomenu ul {
	margin: 0 auto !important;
	display: block;
	padding: 0;
}
.infomenu li {
	padding: 0 10px;
	list-style-type: none;
	display: inline-block;
	background: url(/skin/images/bullet.png) center right no-repeat;
	line-height: 36px;
}
.infomenu li:first-child {
	padding-left: 0;
}
.infomenu li:last-child {
	background: none;
}
.infomenu a {
	color: #666666;
}
.infomenu a:hover {
	color: #FA7234;
}


/* Social Media */
.socialmedia {
	line-height: 24px;
}
#footer .socialmedia {
  margin: 7px 0 0 auto;
}
.socialmedia a {
	display: inline-block;
	background-image: url(/skin/images/sprite-social.png);
	width: 24px;
	height: 24px;
	margin: 0 1px;
	line-height: 24px;
	vertical-align: top;
}
.socialmedia em {
	display: none;
}
.socialmedia a:first-child {
	margin-left: 0;
}
.socialmedia a.fb {
	background-position: 0 0;
}
.socialmedia a.fb:hover {
	background-position: 0 -24px;
}
.socialmedia a.twitter {
	background-position: -30px 0;
}
.socialmedia a.twitter:hover {
	background-position: -30px -24px;
}
.socialmedia a.gplus {
	background-position: -60px 0;
}
.socialmedia a.gplus:hover {
	background-position: -60px -24px;
}
.socialmedia a.linkedin {
	background-position: -90px 0;
}
.socialmedia a.linkedin:hover {
	background-position: -90px -24px;
}
.socialmedia a.rss {
	background-position: -120px 0;
}
.socialmedia a.rss:hover {
	background-position: -120px -24px;
}
.socialmedia a.pinterest {
	background-position: -150px 0;
}
.socialmedia a.pinterest:hover {
	background-position: -150px -24px;
}
.socialmedia a.instagram {
	background-position: -180px 0;
}
.socialmedia a.instagram:hover {
	background-position: -180px -24px;
}
.socialmedia a.youtube {
	background-position: -210px 0;
}
.socialmedia a.youtube:hover {
	background-position: -210px -24px;
}

/* Wraps around the heading, content and map */
.map-wrapper {
	padding: 0;
	position: relative;
}
.map-wrapper h3 {
	margin-top: 0;
}
.map-wrapper h3, .map-wrapper p {

}

/* Where the Google Map is inserted */
.map-container {
	width: 100%;
	height: 317px;
	clear: both;
}

/* The overlay popup window (which should be display: none by default) */
.map-info {
	display: none;
	color: #000000;
}
.marker-window {
	font-size: 14px;
	color: #000000;
}

/* Datepicker - colour changes */
#datepicker_div {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.datepicker_control {
	background: #e4b741;
}
.datepicker_header, .datepicker_header select {
	background: #046699;
	font-weight: 400;
	font-size: 13px;
	padding: 0;
}
.datepicker_header {
	padding-bottom: 8px;
}
img.datepicker_trigger {
	position: absolute;
	right: 5px;
	top: 8px;
}

/* Fancybox - lightbox, keep arrows on */
#fancybox-left-ico {
 left: 20px;
}
#fancybox-right-ico {
 right: 20px;
 left: auto;
} 
#fancybox-title{ text-align: center; font-size: 14px; }

#translate-widget {
	display: inline-block;
	margin-right: 20px;
}
#translate-widget a {
	text-decoration: none;
}

.travel_reel_footer {
	display: none;
}

.map-shadow {
	display: none;
	position: absolute;
	top: 148px;
	left: 0;
	width: 100%;
	min-width: 1340px;
	height: 6px;
	background: url(/skin/images/map-shadow.png) top left repeat-x;
	z-index: 9999;
}

.room-categories {
	padding: 0;
	background: #222222;
}

.menu-sublinks {
	
}

.menu-sublinks ul {
	list-style-type: none;
	padding: 0;
}

.menu-sublinks li {
  float: left;
  display: inline;
  width: 359px;
  height: 62px;
  padding: 10px;
  margin: 0 16px 10px 0;
  background: #333333;
}

.menu-sublinks li:hover, .menu-sublinks li.active {
	background: #555555;
}

.menu-sublinks li:nth-of-type(3),
.menu-sublinks li:nth-of-type(6),
.menu-sublinks li:nth-of-type(9),
.menu-sublinks li:nth-of-type(12),
.menu-sublinks li:nth-of-type(15) {
	margin-right: 0;
}

.menu-sublinks li a,
.menu-sublinks li a p {
  text-decoration: none;
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  color: #ffffff;
  float: left;
  clear: both;
  margin-bottom: 5px;
	cursor: pointer;
}
.menu-sublinks li a.title {
	font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  float: left;
  margin-bottom: 8px;
}
.menu-sublinks li a img {
	float: left;
  margin-right: 10px;
}

.menu-sublinks li a p {
	margin: 0;
	padding: 0;
}

.banner-right {
  position: relative;
	float: right;
  width: 258px;
	height: auto;
  border-radius: 10px;
	margin: 20px 0 0 0;
  background: rgba(119,119,119,0.8);
  border: 6px solid rgba(0,0,0,0.2);
}
.banner-right .lower {
  background: rgba(0, 0, 0, 0.4);
  width: 258px;
  margin-left: -6px;
  margin-bottom: -6px;
  text-align: center;
  padding: 6px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.banner-right .lower a.email {
  text-decoration: none;
  font-size: 14px;
  color: #e4b741;
  line-height: 40px;
  display: inline-block;
  width: 250px;
  text-align: center;
  background: none;
}
.bookingbanner {

}
.bookingbanner ul {
  list-style-type: none;
  margin: 10px 0 10px 0;
  padding: 0;
}
.bookingbanner li {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.5px;
}

.faqbanner {
	background: rgba(60,145,207,0.9);
	padding: 0;
	width: 400px;
	height: 83px;
	position: absolute;
	left: 25px;
	bottom: 270px;
	text-align: center;
}
.faqbanner p {
	display: inline-block;
	padding: 0;
	width: 390px;
	height: 73px;
	border: 1px solid #78b2da;	
}
.faqbanner p, .faqbanner p a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
}


.faqbanner p a strong {
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
}

.faqbanner p a:hover {
	text-decoration: underline;
}

/** ---------------------------------------------------- */
#blog-footer {
  position: absolute;
  bottom: 119px;
  left: 0;
  width: 151px;
  height: auto;
  background: #0075ac;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	padding: 12px 15px;
	overflow: hidden;
  height: 10px;
}
#blog-footer.expand {
	overflow: visible !important;
	height: auto !important;
}
#blog-footer .panel.blog {
  margin: 0;
  padding: 0;
}
#blog-footer .panel.blog h3 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #FFFFFF;
  text-align: left;
  text-transform: uppercase;
  line-height: 14px;
  background: none;
  font-weight: 400;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background: url(/skin/images/blog-collapse.png) right center no-repeat;
	cursor: pointer;
}
#blog-footer.expand .panel.blog h3 {
	background: url(/skin/images/blog-expand.png) right center no-repeat;
}
#blog-footer .panel.blog ul {
}
#blog-footer .panel.blog li {
  position: relative;
  float: left;
  width: auto;
  height: auto !important;
  margin: 0 0 40px 0;
  padding: 0;
}
#blog-footer .panel.blog li:last-child {
	margin: 0;
}
#blog-footer .panel.blog img {
  display: inline;
  float: left;
  margin: 12px 0;
}
#blog-footer .panel.blog .text {
	padding: 0;
}
#blog-footer .panel.blog .container {
	width: 100%;
}
iframe {
	display: none;
}
iframe#travel_reel_iframe {
	display: inherit;
}
div.g-recaptcha {
	width: 160px !important;
}
div.g-recaptcha iframe {
	display: inherit;
}
.travelreel-wrapper {
  position: relative;
  float: left;
  width: 270px;
  height: 120px;
  border-radius: 10px;
  margin: 15px 0 0 25px;
  overflow: hidden;
  z-index: 999;
}

.travelreel-wrapper p {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}

.travelreel-wrapper p a img.travel_reel_play {

}

.right-hand-banners {
	position: relative;
	float: right;
	background: rgba(51,51,51,0.8);
	color: #ffffff;
	margin: 8px 25px 0 0;
	padding: 20px;
	width: 260px;
	height: auto;
	max-height: calc(100% - 320px);
	overflow-y: auto;
	overflow-x: hidden;
}

.right-hand-banners p {
	color: #ffffff;
}

.right-hand-banners h2 {
	color: #ffffff;
}

.right-hand-banners ul {
	padding: 0;
	list-style-type: none;
}

.right-hand-banners li {
	padding-left: 1em; 
	text-indent: -.7em;
	font-size: 12px;	
}

.right-hand-banners li:before {
	content: "• ";
	color: #d5ad42; /* or whatever color you prefer */
	padding-right: 5px;
}

.right-hand-banners.blog li:before, .right-hand-banners.faq li:before, .right-hand-banners.news li:before {
	content: "";
}

.right-hand-banners li a {
	color: #d5ad42;
}

.content.room .subcontent {
	display: none;
}

.right-hand-banners.room > * {
	display: none;
}

.right-hand-banners.room > .subcontent, .right-hand-banners.room > .subcontent > * {
	display: inherit;
}

.right-hand-banners .panel .details, .right-hand-banners .entry .details {
	color: #ffffff;
}

.whiteboxbg {
	position: absolute;
	bottom: 3px;
	height: 53px;
	left: 15px;
	right: 15px;
	background: #ffffff;
	z-index: 0;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);	
}