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

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* ********* HIDE THESE ITEMS ********* */
#thumb-tray, #slidecaption {
	display:none !important;
}

/* ********* MISC STRUCTURE STYLES ********* */
body, html {
	background:#fae0a9 url(../imgs/bg.jpg) bottom;
	background-attachment:fixed;
	border:0;
	color:#fff;
	margin:0;
	overflow-x:hidden;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
}

a {
	color:#faecb0;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

h1 {
	color:#fbf1c6;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	text-align:left;
	position:absolute;
	left: 245px;
	width: 460px;
	padding: 20px 0 0 0;
	top: 154px;
	text-transform:uppercase;
	text-shadow: #fff 0px 0px 6px;
}

h2 {
	color:#fbf1c6;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	padding:0 0 20px 0;
	/*border-top:1px solid #000;*/
	text-transform:uppercase;
}

h3 {
	color:#c08bbf;
	font-size:14px;
	font-weight:normal;
}

.link_item{

font-weight: bold;
text-decoration:none;
}
/* ********* Calendar Customise Colours ********* */
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #5987c6/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(http://www.clarecoasthotels.com/includes/css/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #5987c6/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #446797/*{borderColorHeader}*/; background: #5987c6/*{bgColorHeader}*/ url(http://www.clarecoasthotels.com/includes/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #ffffff/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #ccc/*{fcHeader}*/; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #5987c6/*{borderColorHighlight}*/;}


/* ******** SOCIAL MEDIA + SEARCH SLIDER ******** */	
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 102px;
    /**/right: -180px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 200px;
	margin-bottom:1px;
}
ul#navigation li a {
    display: block;
    margin-left: -8px;
    width: 210px;
    height: 26px;    
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    /*border:1px solid #AFAFAF;*/
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    /*opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
}

ul#navigation li.search div#cse-search-form {
    display: block;
    margin-left: -8px;
    width: 210px;
    height: 26px;    
    background:url(http://www.clarecoasthotels.com/includes/imgs/navicon-search-2.jpg) !important;
    background-repeat:no-repeat;
    background-position:center center;
}

ul#navigation .facebooknav a {
    background: #1d65a1 url(http://www.clarecoasthotels.com/includes/imgs/navicon-facebook.jpg);
} 
ul#navigation .twitternav a {
    background: #29b4df url(http://www.clarecoasthotels.com/includes/imgs/navicon-twitter.jpg);
}
ul#navigation .googleplusnav a {
    background: #be3829 url(http://www.clarecoasthotels.com/includes/imgs/navicon-google.jpg);
}
ul#navigation .linkedinnav a {
    background: #017fb1 url(http://www.clarecoasthotels.com/includes/imgs/navicon-linkedin.jpg);
}
ul#navigation .search div {
    /*background: #be3829 ;*/
    /*display:none;url(../imgs/navicon-search.jpg)*/
}

.mainnavbar {
	background:url(http://www.clarecoasthotels.com/includes/imgs/main-nav-bg.png) center;
	height:44px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
}

.logo {
	left: 20px;
	position: absolute;
	top: 60px;
	z-index: 1400;
}
.logo_right {
	right: 0px;
	position: absolute;
	top: 0;
	z-index: 99999;
	display: none;
}

/* ********* CONTENT SECTION OPEN / CLOSE ********* */
#contentdiv {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMTgwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzIzMTgwYiIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzIzMTgwYiIgc3RvcC1vcGFjaXR5PSIwLjM0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(35,24,11,1) 6%, rgba(35,24,11,0.56) 67%, rgba(35,24,11,0.34) 86%, rgba(125,185,232,0) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(35,24,11,1)), color-stop(67%,rgba(35,24,11,0.56)), color-stop(86%,rgba(35,24,11,0.34)), color-stop(99%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(35,24,11,1) 6%,rgba(35,24,11,0.56) 67%,rgba(35,24,11,0.34) 86%,rgba(125,185,232,0) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(35,24,11,1) 6%,rgba(35,24,11,0.56) 67%,rgba(35,24,11,0.34) 86%,rgba(125,185,232,0) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(35,24,11,1) 6%,rgba(35,24,11,0.56) 67%,rgba(35,24,11,0.34) 86%,rgba(125,185,232,0) 99%); /* IE10+ */
background: linear-gradient(to right,  rgba(35,24,11,1) 6%,rgba(35,24,11,0.56) 67%,rgba(35,24,11,0.34) 86%,rgba(125,185,232,0) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23180b', endColorstr='#007db9e8',GradientType=1 ); /* IE6-8 */
	/*display: none;*/
	direction: ltr;
	height: 100%;
	overflow: hidden;
	position: absolute;
	text-align: center;
	left:0;
	/*width: 400px;*/
	/*-- Cross Browser Opacity --*/
	/* IE 8 
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 	 /* IE 5-7
  	filter: alpha(opacity=80); */
	/* Netscape 
	-moz-opacity: 0.80;*/
	/* Safari 1.x 
	-khtml-opacity: 0.80;*/
	/* Good browsers 
	opacity: 0.80;
	z-index:0;*/
	
}
#contentdiv p {
	margin:0 0 20px 0;
}
#contentdiv ul{
		margin-left:20px;
		padding-bottom:20px;
}

#openclosediv {
	left: 66px;
	position: absolute;	
	top: 227px;
	z-index: 20;
	/*-- Cross Browser Shadow 
	-moz-box-shadow: 0px 1px 6px #959595;
	-webkit-box-shadow: 0px 1px 6px #959595;
	box-shadow: 0px 1px 6px #959595;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cccccc');--*/
}

/* ********* CUSTOM SCROLL BAR ********* */
.content{
	/*background:#274147;*/
	height:70%;
	*height:300px;
	margin:0;
	font-size:14px;
	overflow:auto;
	padding:225px 1px 20px 0px;
	position:absolute;
	left:245px;
	width:510px;
	text-align:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#fdffff;
	line-height:16px;

}
.content li{
}
/*.content p:nth-child(even){color:#666; font-family:Georgia,serif; font-size:17px; font-style:italic;}
.content p:nth-child(3n+0){color:#666;}*/

/* ********* QUICKBOOK FORM STYLING ********* */
#quickbookheader {
	height:33px;
	left:19px;
	position:absolute;
	top:162px;
	width:265px;
	z-index:10;
}

#quickbook {
	background: url(../imgs/quickbook-bg.png);
	font-size: 9px;	
	position:absolute;
	right:30px;
	text-transform:uppercase;
	top:177px;
	vertical-align: middle;
	width:251px;
}

#portalQuickBookTable {
	margin:42px auto 12px auto;
	width:220px;
}

#portalQuickBookTable td {
	padding: 4px 0 4px 0;
}

#keyword, #ci_day, #ci_ym, #nights {
	color:#464646;
	font-size:11px;
	padding:4px;
	text-transform:uppercase;
	width: 114px;
	border: 1px solid #724f63;

}
img.ui-datepicker-trigger{
	top: 78px!important;
	*top: 78px;
	top: 82px\0/;
	position: absolute;
	left: 198px!important;
}
#keyword {
	/*display:none;*/
	width:220px;
}

#ci_day, #nights{
	width:55px;
}

#portalQuickBookButton {
	float:right;
}

.bestratecallback {
	margin:10px auto 0 auto;
	width:220px;
}

.bestratecallback ul {
	padding:0 0 10px 0;
	*margin-left:0px; /*-- IE 6 / 7 ONLY --*/
	*width:100%; /*-- IE 6 / 7 ONLY --*/
}

.bestratecallback li {
	border-bottom: 1px solid #4c2c48;
	list-style-type:none;
	/*text-align: right;*/
}

.bestratecallback li a {
	color: #fff;
	display:block;
	font-size:10px;
	padding: 6px 14px 6px 0;
	text-decoration: none;
	text-transform: uppercase;
}

.bestratecallback li a:visited {}

.bestratecallback li a:hover {
	color: #ffb9fa;
}

.bestrate {
	background: url(http://www.clarecoasthotels.com/includes/imgs/bestcall-sprite.png) no-repeat;
	background-position: 198px 0px;
}

.callback {
	border-bottom:0px !important;
	background: url(http://www.clarecoasthotels.com/includes/imgs/bestcall-sprite.png) no-repeat;
	background-position: 198px -23px;
}

/* ********* SPECIAL OFFERS ********* */
#offersection {
	background:#f7edc4;
	bottom:66px;
	height:90px;
	position:absolute;
	width:100%;
	z-index:10;
	/*-- Cross Browser Shadow --*/
	-moz-box-shadow: 0px 1px 6px #f7edc4;
	-webkit-box-shadow: 0px 1px 6px #f7edc4;
	box-shadow: 0px 1px 6px #f7edc4;
	/*---- Opacity Styles ----*/
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.specialoffers {
	bottom: 66px;
	left: 50%;
	margin-left:-314px;
	position:absolute;
	width:1070px;
	overflow: hidden;
	z-index:30;
}
.specialoffers a img {
	border:0;
}
.specialoffers img {
	/*border:1px solid #000;*/
	margin:0;
}
.specialoffersbook {
	bottom: 59px;
	left: 74px;
	position:absolute;
	z-index:30;
}
.specialoffersbook img {
	margin:0 105px 0 0;
}

/* ********* FOOTER BAR ********* */
.footerbar {
	background: #745b2f url(../imgs/footer-bg.jpg) bottom center;
	height:44px;
	left:0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:10;
}
.page_layout_simple_html_page .footerbar{	
	position:absolute;
}

.footerbar a, .footerbar a:visited {
	/*font-size:8px;*/
	color: #faecb0;	
	text-decoration:none;
	text-transform:uppercase;
}

.footerbar a:hover {
	color: #fff;
	text-decoration:underline;
}
.footerlinks {
	float:right;
	margin:7px 30px 0 0;
}

.footerlinks img {
	margin-left:4px;
}

.address {
	color:#faecb0;
	float:left;
	font-size:9px;
	line-height:16px;
	margin:8px 0 0 30px;
	text-transform:uppercase;
}

.socialflags {
	bottom:45px;
	position:absolute;
	right:20px;
	z-index:20;
}

/* ********* CSS3 CROSS BROWSER BUTTONS ********* */
.button
{
    /*margin: 10px;*/
    text-decoration: none;
    font: bold 16px 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
	text-transform:uppercase;
    color: #fff;
    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    
}

.button, .button span
{
    /*-moz-border-radius: .3em;
    border-radius: .3em;*/
	-moz-border-radius: .1em;
    border-radius: .1em;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    /*padding: 0.5em 2.5em;*/
	padding: 6px 14px 6px 14px;
    
    /* The background pattern */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

/* -- BLUE BUTTON -- */
.button-blue
{
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover
{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active
{
    background: #4477a1;
}

/* -- GREEN BUTTON -- */
.button-green
{
	background: #77a225;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#77a225) );
	background: -moz-linear-gradient(-90deg, #c8dd95, #77a225);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#77a225');
}

.button-green:hover
{
	background: #c8dd95;
	background: -webkit-gradient(linear, left top, left bottom, from(#77a225), to(#c8dd95) );
	background: -moz-linear-gradient(-90deg, #77a225, #c8dd95);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#77a225', EndColorStr='#c8dd95');
}

.button-green:active
{
	background: #77a225;
}

/* -- RED BUTTON -- */
.button-red
{
	background: #D82741;
	background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
	background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
}

.button-red:hover
{
	 background: #E84B6E;
	 background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
	 background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
	 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
}

.button-red:active
{
	background: #D82741;
}

#openclosediv, #quickbook, #offersection, .specialoffers, #supersized, .rates_wrapper{
	display: none;	
}

.page_layout_simple_html_page #openclosediv,
.page_layout_simple_html_page #quickbook,
.page_layout_simple_html_page #offersection,
.page_layout_simple_html_page .specialoffers,
.page_layout_simple_html_page #supersized,
.page_layout_simple_html_page .rates_wrapper{
	display: block;	
}



.page_layout_simple_html_page_and_static_html_fragment  #contentdiv,
.page_layout_simple_html_page_and_static_html_fragment  h1,
.page_layout_simple_html_page_and_static_html_fragment  .content{
	position: relative;	
}
.page_layout_simple_html_page_and_static_html_fragment  #contentdiv{
	width: auto;	
	background: none;
}
.page_layout_simple_html_page_and_static_html_fragment .content{
	width: auto;
	height: 100%;
	padding: 10px 1px 60px 0px;
	max-width: 990px;
	margin: 0 auto;
	left: 0;
	margin-top: 110px;
	background: #6F592A;
}
.page_layout_simple_html_page_and_static_html_fragment  h1{
	width: 990px;
	margin: 0 auto;
	top: 100px;
	background: #745b2f url(../imgs/footer-bg.jpg) bottom center;
	left: 0;
	text-align: center;
	padding: 8px 0px;
}
.page_layout_simple_html_page_and_static_html_fragment #quickbook, .page_layout_simple_html_page_and_static_html_fragment .ui-widget-content{
	display: none;	
}

.rates_wrapper{	
	position: fixed;
	width: 1050px;
	bottom: 160px;
	z-index: 9;
	text-align: right;
	left: 50%;
	margin-left: -525px;
}

.rates_wrapper .rate_box{
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
	background: #faecb0;
	border: 2px solid #745b2f;
	padding: 2px;
}

.rates_wrapper .rate_box span{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	padding: 2px 0;
}
.rates_wrapper .rate_box span.rate_title{
	background: #745b2f;
}
.rates_wrapper .rate_box span.rate_cta{
	color: #745b2f;
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 990px) {
	.specialoffers {
		left: 0%; 
		margin-left:0px; 
		width:auto; 
		text-align: center;
	}

	body,html {
		background-repeat:no-repeat !important;
	}
	.page_layout_simple_html_page .footerbar{	
		position:relative;
	}

	/*-- Hide all these items on mobile site --*/
	#offersection, #slidecaption, .specialoffersbook, #openclosediv, #controls-wrapper, #thumb-tray, .socialflags, #tray-button, #slide-list, #thumb-tray, #thumb-back, #thumb-forward, #toggle_weather {
		display:none !important;
	}

	.logo {
		left:50%;
		margin-left:-83px;
		z-index:10;
	}

	.logo img {
		height: 114px;
		width: 167px;
	}

	#quickbookheader {
		top:290px!important;	
		left:50%;
		margin-left:-132px;
	}

	#quickbook {
		top:285px!important;
		left:50%;
		margin-left:-125px;
	}

	.specialoffers {
		left:50%;
		margin-left:-92px;
		top:545px!important;
		width:177px;
		z-index:10!important;
	}

	.specialoffers img {
		float:left;
	}

	#prevslide {
		left:0px !important;
	}

	#nextslide {
		right:0px !important;
	}
	
	h1 {
		left:0;
		margin: 20px 0 0 0;
		padding: 10px 0 0 10%;
		position:relative;
		top: 0;
		width: 80%;
	}
	
	h2 {
		left:0;
		margin: 0 0 20px 0;
		padding: 10px 0 0 0;
		position:relative;
		top: 0;
		width: 80%;
	}
	
	.content {
		height:auto;
		left:0;
		padding: 0 0 0 10%;
		position:relative;
		width: 90%;
	}
	
	.mCSB_scrollTools {
		display:none !important;
	}	
	
	.mCustomScrollBox {
		height:auto !important;
	}
	
	.specialoffers {
		margin-left:-76px;
		top: 485px!important;
	}

	.address, .footerlinks {
		margin:10px 0 0 0;
		float: none;
	}

	.footerbar {
		background:#745b2f url(../imgs/footer-bg.jpg) top repeat-x;
		height:145px;
		text-align:center;
		top: 1135px;
	}

	.footerbar img {
	}

	#menu {
		left:0!important;
		margin-left:0!important;
		width:100%!important;
	}
	.logo{
		position: relative;
		top: auto;    left: auto;    right: auto;    height: auto;
		margin: 0 auto;
		text-align: center;
	}
	.logo_right{
		display: none;
	}
	#supersized {
		position: absolute;
		height: 300px;
		top: 0;
		bottom: auto;
	}

	#supersized li {
		position: absolute;
		height: 300px;
	}
	.ym-wrapper{
		max-width: none;
	}
	#quickbook{
		position: relative;
		top: auto !important;
		left: auto;    right: auto;    height: auto; width: auto;
		margin: 0 auto;
		text-align: center;
		background: #E5D297;
		border: 5px solid white;
	}
	.footerbar{
		position: relative;
		top: auto;
	}
	.specialoffers{
		position: relative;
		margin: 0 auto;
		top: auto!important;
		left: auto;    right: auto;    height: auto; width: auto;bottom: auto;
		padding: 15px 1px;
	}
	.specialoffers img{
		float: none;
	}
	#contentdiv{
		position: relative;
		top: auto;
		height: auto;
		width: 100% !important;
		margin: 0 auto;
		background: rgba(35, 24, 11, 0.6);
	}
	#portalQuickBookTable{
		margin: 0 auto;
	}
	.page_layout_simple_html_page_and_static_html_fragment  h1{
		width: auto;
		top: 20px;
	}
	.page_layout_simple_html_page_and_static_html_fragment .content{
		padding: 20px 40px 20px 40px;
		margin-top: 30px;
	}	
	.rates_wrapper{
		position: relative;
		width: 100%;
		bottom: auto;
		text-align: center;
		left: auto;
		margin-left: 0;
	}
}


@media screen and ( max-width: 480px) {
	#supersized {
		height: 200px;
		top:114px;
	}

	#supersized li {
		height: 200px;
	}
	.rates_wrapper{
		display: none;
	}
	
}
@media screen and ( max-width: 350px) {
	body{
		overflow: hidden;
	}
}
/*---------- End Layout for Mobile Styles ----------*/