@media screen {

	html {
		height: 100%;
	}
	body {
		height: auto;
	}

	header {
		position: fixed;
		top: 52px;
		left: 45px;
		height: 115px;
		width: 215px;
		z-index: 10000;
	}
	header h1 {
		display: none;
	}
	header a {
		display: block;
		height: 115px;
		width: 215px;
		margin: 0;
		padding: 0;
	}

	nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 42px;
		z-index: 12000;
	}

	#main {
		position: fixed;
		top: 42px;
		bottom: 42px;
		right: 0;
	}

	.ie #main {
	}

	.ym-wrapper {
		max-width: 990px;
		margin: 0 auto;
	}

	#main > .ym-wrapper.content {
		position: absolute;
		width: 390px;
		top: 0;
		bottom: 0;
		right: 0;
		padding: 80px 30px 68px 30px;
		z-index: 200;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.ie #main > .ym-wrapper.content {
	}
	#main > .ym-wrapper.content.hide {
		width: 0;
		overflow: hidden;
		padding: 80px 0 30px 0;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	#main > .ym-wrapper.content .ym-wbox {
		height: 100%;
	}

	.showhide {
		position: fixed;
		top: 67px;
		right: 0;
		z-index: 12000;
		max-width: none;
	}
	.showhide .ym-wbox {
		padding: 0;
		text-align: center;
		white-space: nowrap;
	}
	.showhide a {
		display: block;
		width: 160px;
		height: 28px;
		line-height: 28px;
	}

	.rates {
		position: fixed;
		bottom: 66px;
		left: 20px;
		height: 114px;
		z-index: 100;
	}

	.rates .ym-wbox > div {
		width: 120px;
		height: 110px;
		float: left;
		padding: 2px;
		margin: 0;
		overflow: hidden;
	}
	.rates .ym-wbox > div span {
		font-size: 90%;
	}

	.social_links {
		position: fixed;
		bottom: 50px;
		right: 20px;
		height: 30px;
		width: 150px;
		z-index: 300;
	}

	footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 42px;
		z-index: 10000;
	}
	footer .ym-wbox {
		padding: 0 1.5em;
		line-height: 42px;
		vertical-align: middle;
	}
	footer .address {
		display: inline-block;
		float: left;
	}
	nav.navbottom {
		position: relative;
		display: inline-block;
		float: right;
		top: auto;
		left: auto;
		right: auto;
	}

	#supersized, #supersized li, #supersized img {
		margin: 0;
	}
	#slidecaption {
		position: fixed;
		bottom: 100px;
		right: 0;
		min-width: 390px;
		padding: 30px;
		min-height: 30px;
		line-height: 30px;
		z-index: -1;

		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	h1 {
		margin-top: 0;
	}

	.gallery_simple li {
		width: 120px;
		height: 90px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		zoom: 1;
		*display: inline;
	}
	.gallery_simple img {
		max-width: 120px;
		max-height: 90px;
		width: 120px;
		height: 90px;
	}

	.ui-datepicker {
		z-index: 12000 !important;
		top: 280px !important;
	}
}

@media screen and ( min-width: 990px ) and ( max-height: 600px ) {
	header {
		left: 0;
	}
}

@media screen and ( max-width: 990px ) {
	header {
		top: 94px;
	}

	nav.navtop {
		height: 84px;
	}

	#main {
		top: 84px;
	}

	.showhide {
		top: 109px;
	}
}

@media screen and ( max-width: 990px ) and ( max-height: 600px ), screen and ( max-width: 760px ), screen and ( max-height: 480px ) {
	header {
		position: absolute;
		top: 5px;
		left: 5px;
	}

	.ym-wrapper {
		max-width: none;
	}

	nav {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		height: auto;
		margin-top: 300px;
	}
	nav.navtop {
		height: auto;
	}

	#main {
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
	}

	#main > .ym-wrapper.content {
		position: relative;
		display: block;
		width: auto;
		top: auto;
		bottom: auto;
		right: auto;
		margin: 0;
		padding: 2em;
		max-width: none;

		-webkit-transition: all 0 ease 0;
		-moz-transition: all 0 ease 0;
		-ms-transition: all 0 ease 0;
		-o-transition: all 0 ease 0;
		transition: all 0 ease 0;
	}
	#main > .ym-wrapper.content.hide {
		display: block;
		width: auto;
		overflow: visible;
		padding: 2em;

		-webkit-transition: all 0 ease 0;
		-moz-transition: all 0 ease 0;
		-ms-transition: all 0 ease 0;
		-o-transition: all 0 ease 0;
		transition: all 0 ease 0;
	}

	.showhide {
		display: none;
	}

	.rates {
		position: relative;
		bottom: auto;
		left: auto;
		right:auto;
		height: auto;
		z-index: 11000;
		overflow: hidden;
		max-width: 414px;
	}
	.rates .ym-wbox > div {
		margin: .5em;
	}

	.social_links {
		position: relative;
		bottom: auto;
		right: auto;
		height: auto;
		width: auto	;
		z-index: 300;
	}

	nav.navbottom {
		position: relative;
		display: block;
		top: auto;
		bottom: auto;
		margin: 0;
		overflow: visible;
		float: none;
	}

	footer {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		overflow: visible;
		height: auto;
	}
	footer .address {
		display: block;
		float: none;
	}

	#supersized {
		position: absolute;
		height: 300px;
		top: 0px;
		bottom: auto;
	}

	#supersized li {
		position: absolute;
		height: 300px;
	}

	#slidecaption {
		position: absolute;
		top: 200px;
		bottom: auto;
		right: 0;
		min-width: 200px;
	}
}