@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 a {
		font-size: 150%;
		padding: .25em .5em;

		color: #FFF;
		background: #4D87C7;

		border-radius: 10px;
	}
	.showhide a:hover,
	.showhide a:focus
	.showhide a:active {
		color: #4D87C7;
		background: #EEE;
	}

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

	#slidecaption {
		font-size: 30px;
		font-weight: bold;
		color: #FFF;
		text-align: right;
	}

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

	.rates .ym-wbox > div {
		background: #444;
		color: #ccc;
	}
	.rates .ym-wbox > div div {
		//background: url( '/includes/' ) no-repeat left top;
	}
	.rates .title {
		font-size: 140%;
	}
	.rates .subtitle {
		font-size: 80%;
		margin-bottom: 1em;
	}
	.rates .booknow {
		font-size: 90%;
		font-weight: bold;
	}

	.loggedin {
		color: #C00;
	}
}

@media screen and ( max-width: 990px), screen and ( max-height: 580px ) {
	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: '';
	}
}