@charset "UTF-8";
/* CSS Document */

html {
	background-color: #333333;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto;
	padding: 0px;
}
body {
	margin: 0 auto;
	background: rgba(255,255,255,.21);
	padding: 0px;
	font-family: Palatino, Garamond, "Times New Roman", Times, serif;
}
h2 {
	background-color: #fff;
	background: rgba(255,255,255,.7);
	color: #cca119;
	padding: .3em;
	margin: 0 auto;
}
a, a:visited, a:link {
	color: #A37809;
	background-color:#fff;
	background: rgba(255,255,255,.3);
}
p {
	font-size: 1.2em;
}
#container {
	margin: 0 auto;
}
header, footer nav {
	display: block;
	font-size: 2em;
	background-color: #fff;
	background: rgba(255,255,255,.91);
	padding:.2em;
	text-align:center;
	margin: 0 auto;
}
nav {
    display: block;
    min-height: 1.2em;
    padding: 0;
    margin: 0 auto;
}
nav a {
	background: rgba(255,255,255,.1);
	display: inline-block;
	font-weight: bold;
	font-size:0.8em;
	color: #cca119;
	text-decoration: none;
	width: 7em;
	min-height: 1em;
	margin: 0;
}
nav a:visited, nav a:link {
	color: #cca119;
}
#main {
	padding: .5em;
	margin: 1em auto;
	font-size:1.1em;
}
#main div, #main div p {
	background: rgba(255,255,255,.71);
	padding: 1em;
	margin: 1em 0 0 0;
}
#main div {
	max-width: 1000px;
	margin: 1em auto;
}
#main div p {
	margin: .4em 0 0 0;
}
#main #rooms {
}
#main #rooms h3 {
	color: #cca119;
	margin: .4em 0 0 0;
}
footer {
	display: block;
	background-color: #fff;
	background: rgba(255,255,255,.71);
	padding:.2em;
	text-align:center;
	margin: 0 auto;
}
footer nav {
	font-size: 2em;
	background: rgba(255,255,255,.61);
}
.block {
	float: left;
	width:21em;
	min-height:10em;
	margin:10px;
	background-color: #DAD6C4;
	background: rgba(255,255,255,.21);
	
}
.floatLeftImage {
	float: left;
	margin: 0 2em 1em 0;
	clear: both;
}
.floatRightImage {
	float: right;
	margin: 1em 0 1em 2em;
}
.panoImageLink {
	float: left;
	padding: .5em;
	text-align: center;
	font-size: medium;
}

/* RESPONSIVENESS */

/* Small screen */
@media screen and (max-device-width: 480px),
screen and (max-width: 600px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		margin: 0;
	}
	body {
		margin: 0 auto;
	}
	img {
		width: 100%;
		height:auto;
	}
	hr {
		bottom: 0;
	}
	#container {
		margin: 0;
	}
	header {
		background-color: #fff;
	}
	nav {
		border-top: 1px solid #999;
	}
	nav a {
		position:relative;
		display: block;
		clear:both;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #999;
		font-size:1.2em;
		
	}
	#main div {
		margin: 1em 0 0 0;
	}
}
/* Desktop */
@media screen and (min-width: 860px) {
	html {
		background: url(../images/ToddHouse_2500px.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0 auto;
		padding: 0px;
	}
	nav {
		border-top: 1px solid #ddd;
	}
	nav a {
		font-weight:normal;	
		color: #cca119;
	}
	nav a:hover {
		background: #fff;
		color: #A37809;
	}
	nav a:visited {
		color: #cca119;
	}
	#main {
		font-size: 1.1em;
	}
	#main div {
		margin: 1em auto;
	}
	#main #rooms div {
		margin: 1em 0 0 0;
	}

	#main #rooms div {
		float:left;
		width: 43%;
		margin-right: 1em;
	}
	#main #panos div {
		margin: 1em;
	}
}