/** 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: 0px; font: 42px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; text-transform:uppercase;}	
h2 { line-height: 35px; margin-bottom: 0px; font: 24px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; text-transform:uppercase;}	
h3 { line-height: 35px; margin-bottom: 0px; font: 22px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; text-transform:uppercase;}	
h4 { line-height: 14px; margin-bottom: 7px; font: 14px "Open Sans", Arial, sans-serif; font-weight: 600; color: #333333; text-transform:uppercase;}	
h5 { line-height: 14px; margin-bottom: 7px; font: 21px "Open Sans", Arial, sans-serif; font-weight: 600; }	
p { margin: 0 0 7px 0; color: #666666;}	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;}		
a:hover { 		
	color: #024ca6; 			
	-webkit-transition: all 0.3s ease;		
	-moz-transition: all 0.3s ease;		
	-o-transition: all 0.3s ease;		
	transition: all 0.3s ease;		
	text-decoration: none;	
}	

/* #Site Styles================================================== */
* { 	-moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; 	box-sizing: border-box; 	}
img {	max-width: 100%;}
ul {	}
ul li {	list-style-type: circle;}
.error{	color: #ffdd0f ; font-size: 9px; float: right;}
.floatLeft{	float: left;}
.floatRight{	float: right;}
.alignLeft{	align: left;}
.alignRight{	align: right;}
.space_1line{	padding-top:21px;}
.band {	padding: 14px 0 0 0;	}
.container {}
.topnavi {	padding: 5px;	text-align: center;	text-transform: uppercase;	font-size: 12px;	font-weight: normal;}
.navi {	padding: 3px 0;	text-align: left;	text-transform: uppercase;	font-size: 12px;	font-weight: normal;}
.bottomnavi {	padding: 3px 0;	text-align: center;	text-transform: uppercase;	font-size: 12px;	font-weight: normal;	border-top: 1px solid #333333;	border-bottom: 2px solid #333333;}
.topnavi a, .topnavi a:visited, .navi a, .navi a:visited , .bottomnavi a, .bottomnavi a:visited  { margin: 0 4px 14px 10px; color: #333333; text-decoration: none; }
.topnavi a:hover, .topnavi a:focus , .navi a:hover, .navi a:focus , .bottomnavi a:hover, .bottomnavi a:focus { color: #024ca6; }
.divider_thick { border-bottom: 2px solid #333333; }
.divider_thin { border-bottom: 1px solid #333333; }
.logo {	border-bottom: 2px solid #333333;	text-align: center;	padding: 0 10px 0 10px;}
.social {	padding: 3px 5px 3px 0;	text-align: right;border-bottom: 2px solid #333333;}
.header{	}
.headerimg {	padding: 10px 0;}
.headerimg  img{	width: 100%;}
.address{	padding: 10px 0;	margin-bottom: 10px;	text-align: center;	border-bottom: 1px solid #333333;	}
.seemore{	padding: 8px 0;	text-align: right;	text-transform: uppercase;	font-size: 12px;	font-weight: bold;	}
.back{	padding: 8px 0;	text-align: left;	text-transform: uppercase;	font-size: 12px;	font-weight: bold;	}
.seemore a, .seemore a:visited , .back a, .back a:visited  { margin: 0 4px 14px 10px; color: #333333; text-decoration: none; }
.seemore a:hover, .seemore a:focus,.back a:hover, .back a:focus  { color: #024ca6; }
.btn_container{	margin: 5px auto 0;	text-align: center;}
a.btn { background: #9f9973; color: #ffffff; padding: 0px 15px; margin: 5px; text-decoration: none;}
a.btn:hover { 	background: #024ca6; color: #ffffff; 		-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;	text-decoration: none;}
.leadin {	padding: 0;	text-transform: uppercase;	font-size: 11px;	font-weight: bold;	color: #333333;}
.leadin a, .leadin a:visited  { color: #333333; text-decoration: none; }
.leadin a:hover, .leadin a:focus { color: #024ca6; }
.title {	padding: 0;	text-transform: uppercase;	font-size: 12px;	font-weight: bold;	color: #ffffff; margin: 0 0 5px 0;}
.title a, .title a:visited  { color: #000000; text-decoration: none; }
.title a:hover, .title a:focus { color: #024ca6; }
.rightcol{	
	border-left: 0px solid #ccc;		
	padding-right: 0px;
}
.leftcol{	}
.hotels_wrapper {	padding: 10px 10px 10px 10px; border:1px solid #6cffb1;	background: #ffffff; margin: 0 0 10px 0;  height: 440px; position: relative;}
.hotels_wrapper .title {	color: #333333;}
.hotels {	}
.hotels_header {	border-bottom: 2px solid #333333;	}
.hotel_content {	/*border-top: 1px solid #333333;	*/	padding: 10px 0 20px 0;}
.articles_wrapper {	padding: 20px 0 40px 0;	}
.articles_header {	border-bottom: 2px solid #333333;	}
.article {	padding: 0px 0 0 0;	}.article_content {	/*border-top: 1px solid #333333;	*/	padding: 10px 0 20px 0;}
.article_date {	background: #024ca6;	padding: 3px 10px;	color: #ffffff;}
.ibe_wrapper2 {	
	padding: 0px 10px 0px 10px;	
	background: #eee;	
}
.ibe_wrapper {	
	padding: 10px 10px 10px 10px;	
	background: #9f9973;	
	color: #ffffff;
}
.ibe_header {	
	border-bottom: 2px solid #eeeeee;	
}
.ibe {	
	padding: 0px 0 0 0;	
}
.ibe_content {	
	border-top: 1px solid #333333;		
	padding: 10px 0;
}
.ibe_wrapper h4 { color: #ffffff;}	
.promotions_wrapper {	padding: 20px 0 20px 10px;	}
.promotions_header {	border-bottom: 2px solid #666666;	}
.promotion {	padding: 0px 0 0 0;	}
.promotion_content {	/*border-top: 1px solid #333333;	*/	padding: 10px 0;	font-size: 11px;	line-height: 14px;}
.promotion_content .title {	
	padding: 0;	
	text-transform: uppercase;	
	font-size: 14px;	
	font-weight: bold;	
	line-height: 18px;
	float: left;
}
.promotion_content .rate_price {	
	padding: 5px 0;	
	font-size: 16px;	
	font-weight: bold;	
	line-height: 18px;
	float: right;
	color: #0151b6;
}
.promotion_content .rate_details {	
	padding: 0;	
	font-size: 12px;	
	font-weight: normal;	
	line-height: 14px;
	color: #ffffff;
}
.promotion_content .rate_booknow{	
	float: left;
    background: #024ca6;
    padding: 3px 15px;
    margin: 5px;
}
.promotion_content .rate_booknow a{	
    color: #000;
	font-weight:bold;
	font-size: 13px;
	text-decoration: none;
}
.promotion_content .rate_details ul {	}
.promotion_content .rate_details ul li {
	padding: 0px;
	margin: 0px;
}

.promotion_content .promotion_left{	margin: 0 6px 0 0;	padding: 0px;}	
.promotion_content .promotion_right{	margin: 0 -6px 0 0;	padding: 0px;}	

.usp_boxes {
	background: #6cffb1; padding: 0 4px; float: left; margin: 0 2px 0 0; color:#000000; font-size: 10px; width: auto;
}
.btn_alignbot {
	position:absolute; bottom:10px; margin: auto; width: 100%;
}


.contentpage {	padding: 0px 0 40px 0;	}.contentpage {	padding: 0px 0 0 0;	}
.contentpage_header {	border-bottom: 0px solid #333333;	}
.contentpage_content {	/*border-top: 1px solid #333333;	*/	padding: 10px 0 20px 0;}
/* #Page Styles================================================== */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 40%;
	float: left;
}

label.ibe{	display: block;	font-weight: bold;	font-size: 13px;  	margin-right: 5px;}
.ibe_dropdown{	width: 60px;	height: 25px;	margin-right: 7px;	margin-top: 2px;	margin-bottom: 0px;}
input[type="text"].ibe_text{	width: 100%;	margin: 2px 10px 0px 0;		padding: 4px 4px;	color: #777;	max-width: 100%;	background: #fff; }
input[type="text"].ibe_date{	width: 90px;	margin: 2px 10px 0px 0;		padding: 4px 4px;	color: #777;	max-width: 100%;	background: #fff; 	height: 25px;}
input[type="button"].ibe_submit{	background: #151916; 		padding: 8px 15px; 	margin: 5px; 	text-decoration: none;	border: 0px;	-moz-border-radius: 0px;	-webkit-border-radius: 0px;	border-radius: 0px;	color: #eee;	display: inline-block;	font-size: 12px;	font-weight: bold;	text-decoration: none;	text-shadow: none;	cursor: pointer;	margin-top: 25px;	margin-bottom: 0px;	vertical-align: bottom;	line-height: normal;	width: 100%;}
input[type="button"].ibe_submit:hover{	color: #333;	background: #dabc01;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;	}
input[type="button"].ibe_submit:active{	color: #024ca6;	background: #151916;	}

/* #Media Queries================================================== */	
/* Smaller than standard 960 (devices and browsers) */	
@media only screen and (max-width: 959px) {}	
/* Tablet Portrait size to standard 960 (devices and browsers) */	
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hotels_wrapper {	 height: 450px; }	
.btn_alignbot {
	position:absolute; bottom:10px; margin: auto; width: 100%;
}
}	
/* All Mobile Sizes (devices and browser) */	
@media only screen and (max-width: 767px) {}	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */	
@media only screen and (min-width: 480px) and (max-width: 767px) {	
.hotels_wrapper {	padding: 20px 0 10px 0;	background: #ffffff; height: auto; position: relative; border:0px;}
.rightcol{			border-left: 0px;			}			
.ibe_wrapper {			padding: 10px 10px 10px 10px;					}		
.promotions_wrapper {			padding: 10px 0 10px 0px;	}	
.btn_alignbot {	position:relative; bottom:none; margin: 15px auto auto auto; width: 100%;}
}	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */	
@media only screen and (max-width: 479px) {		
.hotels_wrapper {	padding: 20px 0 10px 0;	background: #ffffff;height: auto; position: relative; border:0px;}
.rightcol{			border-left: 0px;			}				
.ibe_wrapper {			padding: 10px 10px 10px 10px;					}		
.promotions_wrapper {			padding: 10px 0 10px 0px;					}	
.btn_alignbot {	position:relative; bottom:none; margin: 15px auto auto auto; width: 100%; }
}
/* #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; }
*/