/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Typography (baseline corrections)
================================================== */

	body { font: 14px/21px "Open Sans", Arial, sans-serif;}
	
	/*h1 { line-height: 49px; margin-bottom: 14px; font: 49px "Open Sans", Arial, sans-serif; font-weight: 600; color: #91b155; text-transform:uppercase;}*/
	h1 { line-height: 49px; margin-bottom: 14px; font: 49px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; text-transform:uppercase;}
	h2 { line-height: 35px; margin-bottom: 0px; font: 28px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; margin-top: 10px;}
	h3 { line-height: 35px; margin-bottom: 7px; font: 21px "Open Sans", Arial, sans-serif; font-weight: 400; }
	h4 { line-height: 14px; margin-bottom: 7px; font: 14px "Open Sans", Arial, sans-serif; font-weight: 600; }
	h5 { line-height: 14px; margin-bottom: 7px; font: 14px "Open Sans", Arial, sans-serif; font-weight: 600; }

	p { margin: 0 0 7px 0; }
	p.lead { line-height: 21px; }


/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px;}
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

	hr { margin: 14px 0 28px;}
	
/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-top: 7px; margin-bottom: 7px; margin-left: 17px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-top: 7px; margin-bottom: 7px;}
	li { line-height: 16px; margin-top: 7px; margin-bottom: 7px;}
	
	
	

/* #Site Styles
================================================== */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

img {
	max-width: 100%;
}

.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.alignLeft{
	align: left;
}
.alignRight{
	align: right;
}
.space_1line{
	padding-top:21px;
}

.band {
	/*padding: 14px 0 0 0;*/
	padding: 0;
}
.band.header {	
}
.band.fold {
}
.band.ibe {
	padding: 0;	
}
.band.subcontent {
}
.band.footer {
	/*padding: 14px 0;	*/
}

.container {
	background: #ffffff;
}
.container.header {
	position: relative;
	border-bottom: 1px solid #CCC ;
}
.container.fold {
	position: relative;
}

.container.ibe {
	position: relative;
	border-bottom: 1px solid #CCC ;
}
.container.subcontent {
	position: relative;
	border-bottom: 1px solid #222 ;
	background: #222222;
}
.container.footer {
	position: relative;
	text-align: center;
	padding: 10px;
	background: #222222;
	color: #ccc;
	font-size: 12px;
}
.topnavi {
	position: absolute;
	bottom:0;
	right:10px;
	margin-bottom: 20px;
}

.topnavi a, .topnavi a:visited { margin: 0 4px 14px 7px; color: #333333; text-decoration: none; font-weight: bold; }
.topnavi a:hover, .topnavi a:focus { color: #aaaaaa; }

ul {
	margin: 
}

ul li {
	list-style-type: circle;
}

.disclaimer {
	padding: 10px;
	font: 10px/14px "Open Sans", Arial, sans-serif;
	color: #aaa;
}
	
	
	
/* #Page Styles
================================================== */
label.ibe{
	display: inline;
	font-weight: bold;
	font-size: 13px;  
	margin-right: 5px;
}
.ibe_dropdown{
	width: 60px;
	margin-right: 7px;
	margin-top: 2px;
}
input[type="text"].ibe_date{
	width: 100px;
	margin-right: 10px;
	margin-bottom: 7px;	
	padding: 3px 4px;
	color: #777;
	max-width: 100%;
	background: #fff; 
}
input[type="submit"].ibe_submit{
	background: #cc0000; /* Old browsers */
	background: #cc0000 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #cc0000 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #cc0000 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #cc0000 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #cc0000 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #cc0000 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #cc0000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 18px 20px;
	font-family: "Open Sans", Arial, sans-serif; 
	width: 100%;
}

input[type="submit"].ibe_submit:hover{
	color: #660000;
	background: #660000; /* Old browsers */
	background: #660000 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #660000 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #660000 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #660000 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #660000 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #660000 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #660000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 18px 20px;
	font-family: "Open Sans", Arial, sans-serif; 
}

input[type="submit"].ibe_submit:active{
	color: #990000;
	background: #990000; /* Old browsers */
	background: #990000 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #990000 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #990000 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #990000 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #990000 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #990000 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #990000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 18px 20px;
	font-family: "Open Sans", Arial, sans-serif; 
}

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

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #0e9ed7;
  border: 0px solid #aaa;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 10px 10px;
  font-family: "Open Sans", Arial, sans-serif; }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #ffffff;
	background: #0c7aa5; 
	border: 0px solid #aaa;}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	color: #ffffff;
	background: #0c7aa5; 
	border: 0px solid #aaa;}

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

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

.feedback{
	border-top: #000 3px solid;
	border-bottom: #000 3px solid;
    text-align:center;
	margin: 0 auto 10px;
	padding: 14px 0;
	width:100%;
	z-index: 6;
}
.feedback_header{
	margin: -28px auto 0;
	position: relative;
	z-index: 1;
}
.feedback_header_quote{
	margin-bottom: 14px; font: 21px "Open Sans", Arial, sans-serif; font-weight: 600; color:#666;
	background: #ffffff;
	padding: 0 10px;
	z-index: 3;
}
.feedback_header{
	line-height: 14px; margin-bottom: 7px; font: 21px "Open Sans", Arial, sans-serif; font-weight: 600; color:#666;
}
.guest_name{
	line-height: 7px; margin: 14px 0; font: 14px "Open Sans", Arial, sans-serif; font-weight: bold; color:#666;
	text-align:right;
}

.propertybox {
	
}

.benefits {
	font-weight: normal; margin: 0; font-size: 12px; color:#333;	
}
.price {
	font-weight: bold; margin: 0;	
}
.benefits ul{
	text-align: center;
	margin-left: 0;
	padding: 0 10px;
}
.benefits li{
	margin-left: 1px;
	font-size: 14px;
	list-style-type: none;
	line-height: 14px;
}
		
.country{
	font: 24px "Open Sans", Arial, sans-serif; font-weight: 800; color:#333; padding: 0 0 15px 0;
}	
.city{
	font: 14px "Open Sans", Arial, sans-serif; font-weight: 800; color:#333;
}
.hotelname{
	font: 16px "Open Sans", Arial, sans-serif; font-weight: 600; color:#666; text-align: left;
}
.hotelname a{
	font: 16px "Open Sans", Arial, sans-serif; font-weight: 600; color:#666; text-decoration: none;
}
.hotelname a:hover{
	font: 16px "Open Sans", Arial, sans-serif; font-weight: 600; color:#333;
}
.strike{
	text-decoration: line-through;
	font: 14px "Open Sans", Arial, sans-serif; font-weight: normal; color:#666;
	
}
.saleprice{
	font: 18px "Open Sans", Arial, sans-serif; font-weight: 600; color:#049afc;
}
.saletext{
	font: 16px "Open Sans", Arial, sans-serif; font-weight: 600; color:#049afc;
}
.bookNow {
    margin: 0 auto;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
}

.promo_text{
	font: 13px "Open Sans", Arial, sans-serif; font-weight: normal; color:#ccc;
	text-align: justify;
}

.promo_text h3{
	color:#ccc;
}

.details  {
	margin: 0 0 0 20px;
}

.details h2 {
	margin: 30px auto 0;
}


.floatimgleft {
	margin: 0 0px -5px 0px!important; 
	float:left!important;
}


.floatimgright {
	margin: 0 0 -5px 10px!important; 
	float:right !important;
}

.spacer{
	height: 68px;
}
.contenttext{
	padding: 20px;
	height: 650px;
}
#basic {
	width: 50%;
	background: #dadada;

}
#executive {
	width: 50%;
	background:#373737;
	color: #eeeeee;
}
#executive strong{
	color: #eeeeee;	
}
#basic  h2{
	color: #333333;
}
#executive   h2{
	color: #eeeeee;
}
#basic  .contenttext{
	color: #333333;
}
#executive   .contenttext{
	color: #eeeeee;
}

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.spacer{
			height: 105px;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.contenttext h2 {
			margin-top: 10px;
			color: #eeeeee;
		}	
		
		.contenttext{
			height: auto;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.contenttext h2 {
			margin-top: 10px;
			color: #eeeeee;
		}
		
		
		#basic {
			width: 100%;
		}
		#executive {
			width: 100%;
		}
		.spacer{
			height: 1px;
		}
		.contenttext{
			padding: 20px;
			height: auto;
		}
		
		.promo_text{
			padding: 10px;
		}
		
		h1 { line-height: 35px; margin-bottom: 0px; font:32px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; margin-top: 10px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.contenttext h2 {
			margin-top: 10px;
			color: #eeeeee;
		}
		.contenttext{
			height: auto;
		}
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.contenttext h2 {
			margin-top: 10px;
			color: #eeeeee;
		}
		.contenttext{
			height: auto;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/