@media screen {
	body {
		font-family: 'Arial', san-serif;
	}

	h1 {
		color: #FFF;
		font-family: 'Myriad Pro', sans-serif;
		font-size:140%;
		text-transform:uppercase;
	}

	p {
		color: #ddd;
		font-size:0.9em;
	}

	a {
		color: #ccc;
	}

	a:hover, a:focus {
		background-color: transparent;
	}

	nav li:hover {
		background-color:#ccc;
	}


/*---------- Logo Properties ----------*/
	header {
		background:url(../img/logo-sample-hotel.png) no-repeat 20px 14px;
	}

	header a:hover, a:focus {
		background:none;
	}

/*---------- Main Nav Properties ----------*/
	nav {
		background: rgba( 0, 0, 0, 0.8 );
		border-bottom:2px solid #666;
		-moz-box-shadow: 0px 2px 10px #000;
		-webkit-box-shadow: 0px 2px 10px #000;
		box-shadow: 0px 2px 10px #000;
	}

	nav a {
		color:#fff;
		font-size:85%;
		font-weight:bold;
		text-transform:uppercase;
	}

	nav .firstlevel > li li a {
		font-size:80%;
		font-weight:normal;
		padding-left: 12px;
	}
	nav.navleft li li a {
		color: #000;
		border-bottom: 1px solid #EEE;
	}
	nav li:hover {
	}
	nav li:hover > a {
		background: transparent;
	}
	nav li.active:hover {
	}

	nav.navleft .nav_bottom ul {
		border-top: 1px solid #626470;
	}

/*---------- Show / Hide Button Properties ----------*/
	.showhide {
		right:20px;
		top:62px;
	}

	.showhide a {
		width:auto;
	}

	.showhide .ym-wbox > a {
		background:none;
		border-radius: 5px;
		font-size:110%;
		padding:0 20px;
		/*-moz-box-shadow: 0px 2px 10px #000;
		-webkit-box-shadow: 0px 2px 10px #000;
		box-shadow: 0px 2px 10px #000;*/
	}

	.showhide .ym-wbox > a:hover {
		background:none;
		color:#fff;
	}

	#main {

	}

	#main .content {
		background-image: -webkit-gradient(
			linear, left top, right top, from( rgba( 18, 19, 37, 0.6 ) ),
			to( rgba( 255, 255, 255, 0 ) ), color-stop( 1, #FFF )
		);
		background-image: -moz-linear-gradient(
			left, rgba( 18, 19, 37, 0.6 ), rgba( 255, 255, 255, 0 )
		);
		color: #FFF;
	}

/*---------- Custom Scroll Bar Properties ----------*/
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background:#fff; /* rgba fallback */
		background:rgba(255,255,255,0.75);
		filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background:rgba(255,255,255,0.75);
		filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
	}

	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background:rgba(255,255,255,0.75);
		filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
	}

/*---------- Quickbook Properties ----------*/
	.quickbook {
		background: rgba( 18, 19, 37, 0.8 );
		color: #FFF;
		-moz-box-shadow: 0px -2px 10px #000;
		-webkit-box-shadow: 0px -2px 10px #000;
		box-shadow: 0px -2px 10px #000;
	}

	.quickbookheader {
		background:#ccc;
		border-bottom: 0;
		font-size:100%;
		margin: 0 -24px .5em -24px;
		padding: 0.5em 1em .5em 1em;
		background-image: -webkit-linear-gradient(top, #ad9f6e, #978b63);
		background-image: -moz-linear-gradient(top, #ad9f6e, #978b63);
		background-image: -ms-linear-gradient(top, #ad9f6e, #978b63);
		background-image: -o-linear-gradient(top, #ad9f6e, #978b63);
		background-image: linear-gradient(top, #ad9f6e, #978b63);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ad9f6e', EndColorStr='#978b63');
		-webkit-box-shadow: 0 0 1px 1px rgba(205,189,131,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(205,189,131,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(205,189,131,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	}

	.quickbookheader span {
		display:none;
	}

	.quickbook label {
		padding: 0.5em 0 0.8em 0;
		font-size: 70%;
		text-transform: uppercase;
}

	.quickbook .date select, .quickbook .nights select {
		width: 4em;
		margin-right: 0.6em;
	}
	.quickbook .date #ci_ym {
		width: 8.4em;
	}

/*---------- Quickbook Book Now Button Properties ----------*/
	.quickbook .book {
		display: inline-block;
		margin-top: .5em;
		margin-left: 3.4em;
}

	.ym-button, .showhide, .rates span {
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		background-image: -webkit-linear-gradient(top, #ad9f6e, #978b63);
		background-image: -moz-linear-gradient(top, #ad9f6e, #978b63);
		background-image: -ms-linear-gradient(top, #ad9f6e, #978b63);
		background-image: -o-linear-gradient(top, #ad9f6e, #978b63);
		background-image: linear-gradient(top, #ad9f6e, #978b63);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ad9f6e', EndColorStr='#978b63');
		border: 1px solid #000;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		-webkit-box-shadow: 0 0 1px 1px rgba(205,189,131,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(205,189,131,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(205,189,131,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		color: #fff !important;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		font-size: 0.95em!important;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(151,139,99,.8);
		text-transform:uppercase;
	}
	.ym-button:hover, .showhide:hover, .rates span:hover {
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top, #978b63, #ad9f6e);
		background-image: -moz-linear-gradient(top, #978b63, #ad9f6e);
		background-image: -ms-linear-gradient(top, #978b63, #ad9f6e);
		background-image: -o-linear-gradient(top, #978b63, #ad9f6e);
		background-image: linear-gradient(top, #978b63, #ad9f6e);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#978b63', EndColorStr='#ad9f6e');
	}
	.ym-button:active {
		background-color: #bbb;
		background-image: -webkit-linear-gradient(top, #cbba80, #efdb97);
		background-image: -moz-linear-gradient(top, #cbba80, #efdb97);
		background-image: -ms-linear-gradient(top, #cbba80, #efdb97);
		background-image: -o-linear-gradient(top, #cbba80, #efdb97);
		background-image: linear-gradient(top, #cbba80, #efdb97);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cbba80', EndColorStr='#efdb97');
		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
		position: relative;
		top: 1px;
	}
	.ym-button:focus {
		outline: 0;
		background: #fafafa;
	}

	#slidecaption {
		background:none;
		background-image: -webkit-gradient(
		linear, left top, right top, from( rgba( 0, 0, 37, 0 ) ),
		to( rgba( 0, 0, 0, 0.8 ) ), color-stop( 1, #FFF )
		);
		background-image: -moz-linear-gradient(
			left, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 0.8 )
		);
		font-family: 'Times', serif;
		font-size:2em;
		text-transform:uppercase;
	}

/*---------- Offer Icons Properties ----------*/
	.rates {
		height:120px;
	}

	.rates .ym-wbox > div span {
		font-size: 0.8em!important;
		margin:-10px auto 0 auto;
		padding: 0 0.6em;
	}

	.rates .ym-wbox > div {
		background:none;
		height:100px;
		overflow:visible;
		padding:0;
		text-align: center;
		width:125px;
	}

	.rates .ym-wbox > div a:hover, a:focus {
		background:none;
	}

	.rates .ym-wbox img {
		border:5px solid #000;
		float:left;
	}

	.rates .ym-wbox > div img a:hover, a:focus {
		border:1px solid #999;
	}

/*---------- Footer Properties ----------*/
	.facebook, .twitter {
		float:right;
	}

/*---------- Footer Properties ----------*/
	footer {
		background: rgba( 0, 0, 0, 0.9 );
		border-top:2px solid #666;
		color: #FFF;
		-moz-box-shadow: 0px -2px 10px #000;
		-webkit-box-shadow: 0px -2px 10px #000;
		box-shadow: 0px -2px 10px #000;
	}

	footer .address {
		color:#ccc;
		font-size: 70%;
		text-transform: uppercase;
	}

	nav .firstlevel > li::after {
		color: #333;
	}

	footer nav a {
		font-size:70%;
		font-weight:normal;
	}

	.address span{
		color:#fff;
		padding:0 1em;
	}

/*---------- Links Page Type Additional Styles ----------*/
	div.content_links .text{
		color:#fff;
		display:block;
		font-size:85%;
		margin-bottom:10px;
	}

/*---------- Gallery Page Type Restructure ----------*/
	.page_layout_gallery_simple #main > .ym-wrapper.content {
		width: 575px;
		margin: 0 0 0 0;
	}

	.page_layout_gallery_simple .ym-wrapper.showhide, .page_layout_gallery_simple .cms_link_edit_text{
		display:none;
	}


}

@media screen and ( max-width: 990px ) and ( max-height: 600px ), screen and ( max-width: 760px ), screen and ( max-height: 480px ) {
	#main .content {
		background: transparent;
	}

	.showhide {
		display: none;
	}
}

@media screen and ( max-width: 480px ), screen and ( max-height: 580px ), screen and ( max-device-width: 480px ), screen and ( max-device-height: 580px ) {
	.quickbook .ym-wbox .quickbookheader, .quickbook .ym-wbox .quickbookcontent { display: none; }
	#mobile-booking-site-link { display: block !important; }
}