@media screen {
	body {
		background: #999;
	}

	header {
		background: #444;
		color: #FFF;
	}

	header h1 {
		display: none;
	}
	header .logo {
		background: #222;
	}
	header .header_links {
		font-size: 70%;
		text-transform: uppercase;
	}
	header .header_nav li:after {
		content: '|';
		color: #FFF;
	}
	header .header_nav li:last-child:after {
		content: '';
	}

	#background {
		background: #FFF;
	}

	nav {
		background: #444;
	}
	nav.navtop {
		border-bottom: 4px solid #000;
	}
	nav.navtop.fixed {
		border-bottom: 0;
	}
	nav.navside {
		background: transparent;
	}

	nav .firstlevel ul {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
	}
	nav.navside li.active {
		background: #666;
	}
	nav li:hover {
		background-color: #4D87C7;
		color:#fff;
	}
	nav li:hover > a {
		color:#fff;
	}
	nav li.active:hover {
		background-color: #4D87C7;
		color:#fff;
		text-decoration:none;
	}
	nav .firstlevel > li:after {
		content: '|';
		color: #000;
	}
	nav .firstlevel > li:last-child:after {
		content: '';
	}
	nav.navside li:after {
		content: '>';
		color: #CCC;
	}
	
	nav.mobile {
		color: #FFF;
	}

	.quickbook {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
		color: #FFF;
	}
	.quickbook.fixed {
		background: #333;
	}
	.quickbook .ym-form > div.hotel {
	}
	.quickbook.fixed .ym-form > div.hotel {
	}
	.quickbook.fixed .ym-form > div.date {
		padding-left: 1em;
	}
	
	.scrolldown {
		background: #444;
	}

	#slidecaption {
		/*background: #666;*/
		background: rgba( 102, 102, 102, 0.75 );
		color: #FFF;
		font-size: 130%;
		text-align: center;
	}
	#slidecaption:empty {
		display: none;
	}
	
	.rates {
		background: #666;
	}
	.rates > div {
		background: #444;
		color: #FFF;
	}
	.rates .text {
		background: url( /includes_template5/img/offer-grad.png ) repeat-y right top;
		background: -moz-linear-gradient(right, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
	}
	.rates a, .rates a:hover, .rates a:focus {
		background: transparent;
		color: #FFF;
		text-decoration: none;
	}
	.rates.rates-imagewithbutton .text {
		background: #999;
	}
	
	.rates.rates-imagewithtext .booknow {
		background: #999;
	}
	
	#main .template-split .ym-gl {
		background: #666;
	}
	#main .template-menu .ym-gr {
		background: #666;
	}

	footer {
		background: #000;
		color: #FFF;
		font-size: 90%;
	}
	footer nav {
		background: transparent;
	}

	.loggedin {
		color: #C00;
	}

	.gallery_simple {
		list-style-type: none;
	}
	
	h1 {
		font-size: 200%;
	}
	
	.content-images > div {
		color: #000;
		background: #666;
	}
	.content-images a, .content-images a:hover, .content-images a:focus {
		background: transparent;
		color: #000;
		text-decoration: none;
	}
	.content-images .booknow {
		background: #999;
	}
	
	/*.content-images > div .text {
		background: url( /includes_template5/img/offer-grad.png ) repeat-y left top;
		background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
	}
	.content-images > div:last-child .text {
		background: url( /includes_template5/img/offer-grad.png ) repeat-y right top;
		background: -moz-linear-gradient(right, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
	}*/
	
	.breadcrumb li:after {
		content: '>';
		color: #000;
	}
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.page_layout_sitemap_selected .content {
		background: #FFF;
	}
	.page_layout_sitemap_selected .sitemap ul ul {
		color: #000;
	}
	.page_layout_sitemap_selected .sitemap ul ul a {
		color: #000;
	}
	
	/*-- Blog Standard Styling --*/
	.page_layout_Blog .content_subtitle
	{
		display: none;
	}
	.blog_post
	{
		margin: 2em 0 2em 0;
		margin: 0 0 0 0;
		border-bottom-color: #ccc;
		border-bottom-style: dotted;
		border-bottom-width: 2px;
	}
	.blog_title
	{
		font-size: 18px;
		font-weight: bold;
	}
	.blog_info, .no_posts
	{
		padding: 0 0 1em 0;
		padding: .75em 0 1em 0;
	}
	.blog_content
	{
		padding: 1em 0em;
		display: block;
		max-width: 835px;
	}
	.blog_content p
	{
		/*padding: 0px 20px 20px 0px;
		float: left;*/
		clear: right;
	}
	.blog_categories
	{
		margin-left: 2em;
	}
	.blog_post > hr
	{
		height: 0;
		line-height: 0;
		margin: 0 0 0 0;
		border: 0;
		border-top-width: 1px;
		border-top-style: solid;
		color: transparent;
		clear: left;
	}
	.blog_home
	{
		text-align: center;
		padding-top: 1em;
	}
	.page_layout_Blog #supersized, .page_layout_Blog .rates {
		display: none;
	}
	.page_layout_Blog #main {
		min-height: 400px;
		margin-top: 100px;
	}
	.page_layout_Blog #main .ym-wrapper.content {
		max-width: 640px;
	}
	/*-- End Blog Standard Styling --*/
}
@media screen and ( max-width: 1300px ){
	.page_layout_Blog #main .ym-wrapper{
		margin: 0;
	}
	
}
@media screen and ( max-width: 990px) {
	.rates {
		background: transparent;
	}

	.quickbook {
		background: transparent;
	}
	
	nav.navtop {
		background: #222;
	}

	nav li:hover {
		background-color: transparent;
	}
	nav li.active:hover {
		background-color: transparent;
		color:#fff;
		text-decoration:none;
	}
	nav .firstlevel > li:after {
		content: '';
	}
	
	#page {
		background: #444;
	}
	
	#main, nav.navmobile-index li {
		background: #666;
	}
	nav.navmobile-index li.promote {
		background: #fff;
	}
	#main .ym-wbox {
		padding: 1em;
	}
	/*-- Start Page Layout Styling for Blog --*/
	.page_layout_Blog .content h1 {
		margin: 0;
		padding-top: 22px;
	}
	
	.page_layout_Blog #main {
		margin-top:0;
	}
	/*-- End Page Layout Styling for Blog --*/
}
