@charset "utf-8";

/* CSS Document */



/* Text styles */



body {

	font: normal 100% Arial, Helvetica, sans-serif;

}

td	{

	font: normal .85em Arial, Helvetica, sans-serif;

}

a:link {

	color: #CC0000;

}

a:visited {

	color: #CC0000;

}

a:hover {

	color: #CC0000;

}

a:active {

	color: #CC0000;

}	

a img {

	border: none;

}

h1	{

	font: normal 1.5em Arial, Helvetica, sans-serif;

}

h2	{

	font: normal 1.25em Arial, Helvetica, sans-serif;

}

h3	{

	font: normal 1.125em Arial, Helvetica, sans-serif;

}

h4	{

	font: normal 1em Arial, Helvetica, sans-serif;

}

h5	{

	font: normal italic 1em Arial, Helvetica, sans-serif;

}

h6	{

	font: normal 1em Arial, Helvetica, sans-serif;

	text-indent: .9375em;

}

.bodyBold	{

	font-weight: bold;

}

.mainNav	{

	font: bold .75em Verdana, Geneva, sans-serif;

}

a.mainNav:link	{

	color: #000000;

	text-decoration:none;

}

a.mainNav:visited	{

	color: #000000;

	text-decoration:none;

}

a.mainNav:hover	{

	color: #CC0000;

	text-decoration:none;

}

a.mainNav:active	{

	color: #CC0000;

	text-decoration:none;

}

img	{

	width:100%;

}

a.footer:link	{

	color: #000000;

	text-decoration:none;

}

a.footer:visited	{

	color: #000000;

	text-decoration:none;

}

a.footer:hover	{

	color: #CC0000;

	text-decoration:none;

}

a.footer:active	{

	color: #CC0000;

	text-decoration:none;

}

.resNav	{

	font: normal 1em Verdana, Geneva, sans-serif;

	color:#FFFFFF;

}

a.resNav:link	{

	color: #FFFFFF;

	text-decoration:none;

}

a.resNav:visited	{

	color: #FFFFFF;

	text-decoration:none;

}

a.resNav:hover	{

	color: #FFFFFF;

	text-decoration:underline;

}

a.resNav:active	{

	color: #FFFFFF;

	text-decoration:none;

}

.resText	{

	font: bold 1.30em Verdana, Geneva, sans-serif;

	color: #CC0000;

}

.resBtn	{

	padding:.75em;

	font: bold 1em Verdana, Geneva, sans-serif;

	color: #FFFFFF;

	background-color: #000000;

}

.google-maps	{

	position: relative;

	padding-bottom: 75%; // This is the aspect ratio

	height: 0;

	overflow: hidden;

}

.google-maps iframe	{

	position: absolute;

	top: 0;

	left: 0;

	width: 100% !important;

	height: 100% !important;

}







/* Layout Styles */



#wrapper {     

 	margin: auto;

	padding: 0;  

	max-width: 59.375em; /* 950 px */

}

#header	{ }

#logo {

	width: 25%;

	float: left; 

	margin:0 0 1em 0;

}

#mainNav	{
	width: 74%;
	float: right;
	text-align: right;
	margin-top: 70px;
}

#mainNav ul	{

	width:100%;

	list-style:none;

	margin:0;

	padding:0;

}

#mainNav li	{

	display:inline;

	width:16.666666%;

	padding: .75em 0 .75em 1.5em;

}

#reservation	{

	width: 25%;

	clear:both;

	float:left;

	background-color:#DFDFDF;

	text-align:center;

	line-height:2.5em;

	overflow:auto;

}

#mainPhoto	{ 

	width:74%;

	float:right;

}

#main	{

	clear:both;

}

#features	{

	width: 25%;

	float:left;

}

#subPhoto	{ 

	width:74%;

	float:right;

}

#content	{

	width:74%;

	float:right;

	margin-bottom:1em;

} 

#room	{

	padding: 1em 0 1em 0;

	clear:both;

}

#contentLeft	{

	width:25%;

	float:left;

}

#contentRight	{

	width: 73%;

	margin-left:2%;

	float:right;

}

#footer	{

	clear: both;

	border-top: 1px solid rgba(0, 0, 0, 0.2);

	padding-top:1em;

}

#caa	{

	width:7%;

	float:left;

}

#contactInfo	{

	width:75%; /* change width to 65% once CAA Approved */

	/*margin-left:3%; remove comment once CAA Approved, in order to accomodate caa div */

	float:left;

	font: normal .75em Arial, Helvetica, sans-serif;

}

#contactInfo a	{

	color:#000000;

	text-decoration:underline;

}

#contactInfo a:hover	{

	color:#CC0000;

	text-decoration: underline;

}

#reviews	{

	width:25%;

	float:left;

	text-align:right;

	font: normal .75em Arial, Helvetica, sans-serif;

}

#reviews img	{

	width:15%;

	padding-right:.5em;

}

#reviews a	{

	color:#000000;

	text-decoration:none;

}

#reviews a:hover	{

	color:#CC0000;

	text-decoration: underline;

}

#copyright	{

	width:25%;

	float:left;

	padding-top:.75em;

	text-align:right;

	font: normal .65em Arial, Helvetica, sans-serif;

}

#awards	{
	width:100%;
	text-align: center;
}

.awards {
	width: auto;
}


/*navigation will break at 870 px, change to drop down menu (list) */

@media screen and (max-width: 870px) {

#nav.js	{

	display: none;

}

#mainNav	{

	width:100%;

	margin:0;

	clear:both;

	padding:0;

	text-align:left;

}

#menu	{

	position: relative;

	display: block;

	padding: 1em;

	background:#000000;

	color:#FFFFFF;

	font-weight:bold;

	border-bottom: 1px solid rgba(0, 0, 0, 0.2);

	border-right: 3px solid rgba(0, 0, 0, 0.2);

	cursor:pointer;

}

.mainNav	{

	font: normal 1em Verdana, Geneva, sans-serif;

}

#mainNav li {

	display:block;

	width:90%;

	padding-left:3em;

	border-bottom: 1px solid rgba(0, 0, 0, 0.15);

}

/* add Make a Reserviation link to the top navigation bar */

#res_min	{

	position:relative;

	top:-3.3em;

	right: 0em;

	z-index:1;

	float:right;

	color:#FFFFFF;

	text-align:right;

	padding:1em;

}

#reservation	{

	display:none;

}

/* adjust layout */

#logo {

	width: 50%;

	margin-top:1em;

}

#mainPhoto	{ 

	width:100%;

}

#subPhoto	{ 

	width:100%;

}

/* adjust footer layout */

#contactInfo	{

	width:100%;

	clear:both;

	margin-left:0;

	margin-top:.5em;

}

#copyright	{

	clear:both;

	width:100%;

	float:left;

	text-align:left;

}

#caa	{

	display:none;

} 

#reviews	{

	display:none;

}

#caa_min	{

	width:50%;

	float:left;

	font: normal .75em Arial, Helvetica, sans-serif;

}

#caa_min img	{

	width:5em;

	padding-right:.5em;

}

#reviews_min	{

	width:50%;

	float:right;

	text-align:right;

	font: normal .75em Arial, Helvetica, sans-serif;

}

#reviews_min img	{

	width:3em;

	padding-right:.5em;

}

#reviews_min a	{

	color:#000000;

	text-decoration:none;

}

#reviews_min a:hover	{

	color:#CC0000;

	text-decoration: underline;

}

}



@media screen and (min-width: 870px) {

#menu	{

	display: none;

}

#res_min	{

	display:none;

}

#caa_min	{

	display:none;

}

#reviews_min	{

	display:none;

}

}



/* remove feature text below 800 px */

@media screen and (max-width: 800px) {

#features	{

	display:none;

}

#content	{

	width:100%

}

}



	

/* remove subphoto and adjust logo below 550 px */

@media screen and (max-width: 550px) {

#logo	{

	width:100%;

	margin-top:0;

}

#subPhoto	{

	display:none;

}

}



/* remove Make a Reserviation link from the top navigation bar below 300 px as it overlaps menu */

@media screen and (max-width: 300px) {

#res_min	{

	display:none;

}

#logo	{

	margin-top:.5em;

}

}