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

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

	header h1 {
		background: transparent;
		color: #fff;
	}

	nav {
		background: #222;
	}

	nav .firstlevel ul {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
	}
	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: '|';
	}
	nav .firstlevel > li:last-child:after {
		content: '';
	}

	#main .content {
		background: #FFF;
	}

	.showhide {
		cursor: pointer;
	}

	.showhide .ym-wbox > a {
		font-size: 150%;
		padding: 4px 10px;

		color: #FFF;
		background: #4D87C7;

		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.showhide .ym-wbox > a:hover,
	.showhide .ym-wbox > a:focus
	.showhide .ym-wbox > a:active {
		color: #4D87C7;
		background: #EEE;
	}

	footer {
		background: #444;
		color: #ccc;
		font-size: 90%;
	}

	.quickbook {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
		color: #FFF;
	}
	.quickbook .hotel {
		display: none;
	}

	.rates .ym-wbox > div {
		background: #444;
		color: #ccc;
	}

	.loggedin {
		color: #C00;
	}

	.gallery_simple {
		list-style-type: none;
	}
}

@media screen and ( max-width: 990px) {
	nav .firstlevel ul {
		background: #444;
	}

	.rates {
		background: #222;
	}

	.quickbook {
		background: #222;
	}
}

@media screen and ( max-width: 480px) {
	nav .firstlevel ul {
		background: transparent;
	}
	nav li:hover {
		background-color: transparent;
	}
	nav li.active:hover {
		background-color: transparent;
		color:#fff;
		text-decoration:none;
	}
	nav .firstlevel > li:after {
		content: '';
	}
}