@import url(color.css);
@import url(typography.css);
@import url(normalise.css);

/* Layout CSS */

html {
text-align: center;
}

body {
position: relative;
margin: 0 auto;
text-align: left;
min-width: 770px;
max-width: 1280px;
border: 1px solid;
}

div#container {
position: relative;
}

div#branding {
height: 200px;
}

body div#branding {
height: 200px;
border-bottom: 1px solid;
z-index: 100 !important;
 }

div#branding a {
text-indent: -9999px;
height: 85px;
width: 160px;
position: absolute;
left: 5px;
top: 260px;
z-index: 10;
}

/* =nav */
div#nav_main {
width: 199px;
position: absolute;
top: 201px;
right: 0px;
border-left: 1px solid;
z-index: 100;
}

div#nav_main h2 {
display: none;
}

div#nav_main ul li {
border-bottom: 1px solid;
}

div#nav_main ul li a {
display: block;
padding: 5px 10px;
}

/* ========================== */

/* =content */

div#content {
position: relative;
min-height: 35em;
z-index: 6;
}

div#content h1 {
margin: 0.15em .2em 0.6em 0em;
}

div#content h2 {
margin: 0.5em 0em .5em 0em;
}


div#content h3 {
margin: .6em 0em;
}

/* =content_main */

div#content_main {
position: relative;
margin-left: 200px;
margin-right: 200px;
clear: none;
z-index: 7;
}

/* =p */

#content p {
margin: 0px 0px 1.2em 0px;
padding: 0px 10px 0px 0px;
}

div#content h1 + p {
	margin: 0px 0px .6em 0px;
}

div#content div#content_main h1 + p:first-letter {
padding: .3em .2em;
margin-right: .05em;
}

/* =img */
div#content_main img {
width: 300px;
clear: both;
padding: 4px 4px;
border: 1px solid;
z-index: 5;
}


.tour div#content_main img {
padding: 0px 0px;
}

.lodges div#content_main img#floorplan {
float: left;
max-width: 300px;
width: 40%;
clear: none;
}

div#content div#content_main ul li {
margin: 0px;
}


body div#container div#content div#content_main ul {
height: 100%;
}

div#content ul li {
	padding-left: 25px;
	line-height: 1.5em;
}

/* Percentage Image Layout */
div#content_main ul li {
	float: left;
	width: 40%;
	clear: left;
}

div#content_main img {
	float: right; 
	clear: right;
	width: 45%;
	max-width: 300px;
	margin: 0px 10px 10px 5px;
}
div#content_main .imgs img {
	width: 94%;
}

div#content_main .imgs {
	width: 48%;
	max-width: 300px;
float: right;
padding: 0px;
}

div#content_main h2 {
	clear: both;
}
/*
div#content_main ul + img {
	position: absolute;
	top: 20px;
	left: 10px;
}

div#content_main + ul {
	position: relative;
	background-color: blue;
	margin: 0 0 40px 0;
}
*/

/* ============================ */
.tour div#virtualtourintro {
width: 300px;
margin: 0px auto;
}

.avail div#content_main {
min-height: 850px;
margin-left: 10px;
}

body.avail {
min-width: 1000px;
}

.avail div#branding a,
.avail div#content_sub {
display: none;
}

.avail iframe {
width: 600px;
height: 648px;
}
.directions #mapdirections img {
	float: none;
	max-width: 400px !important;
	width: 95%;
	max-height: 400px;
	height: 95%;
	margin: 0px;
	outline: none;
}

.directions div#mapdirections {
	width: 95%;
	max-width: 400px;
	margin: 10px auto;
}

.contact div#addressoffice, 
.contact div#addresslodges {
width: 40%;
float: left;
}

/* =content_sub */

div#content_sub {
width: 160px;
top: 0px;
left: 0px;
position: absolute;
padding: 180px 5px 20px 25px;
z-index: 8;
}

div#content_sub h3 {
display: none;
}

div#content_sub blockquote p {
margin: 0px 0px 3px 0px;
}

div#content_sub blockquote p cite {
}

div#content_sub blockquote {
width: 120px;
padding: 10px 7px 10px 10px;
margin: 0px 0px 0px 3px;
}

/* =table */

table#rates,
table#rates caption {
width: 90%;
margin: 35px 5px 15px 5px;
padding: 0px;
}

table#rates caption {
margin-bottom: -12px;
}

table#rates th {
padding: 5px 5px 5px 5px;
}

table#rates td {
padding: 3px 5px;
}

/* Site Info */
div#site_info {
clear: both;
margin: 30px 0px 0px 0px;
border-top: 1px solid;
height: 112px;
padding-bottom: 20px;
position: relative;
z-index: 1;
}

div#site_info img {
position: absolute;
height: 300px;
width: 287px;
left: 0px;
top: -301px;
z-index: 1;
}


div#site_info h5 {
text-indent: -9999px;
}

p#copy, p#credit {
position: absolute;
top: 112px;
}

p#copy {
left: 25px;
}

p#credit {
right: 25px;
}