@charset "utf-8";
/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*-----BODY -----*/
body{
	font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(../images/bg2.jpg);
}

/*-----CONTAINER -----*/
#container {
	min-width: 320px;
	max-width: 1140px;
	background: #A7CFDF; 	
}


/*-----HEADER -----*/
header{
	/*background: rgba(36,84,139,1);*/
	background: rgb(167,207,233); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(167,207,233,1) 0%, rgba(36,84,139,1) 0%, rgba(36,84,139,1) 20%, rgba(167,207,233,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,233,1)), color-stop(0%,rgba(36,84,139,1)), color-stop(20%,rgba(36,84,139,1)), color-stop(100%,rgba(167,207,233,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(167,207,233,1) 0%,rgba(36,84,139,1) 0%,rgba(36,84,139,1) 20%,rgba(167,207,233,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(167,207,233,1) 0%,rgba(36,84,139,1) 0%,rgba(36,84,139,1) 20%,rgba(167,207,233,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(167,207,233,1) 0%,rgba(36,84,139,1) 0%,rgba(36,84,139,1) 20%,rgba(167,207,233,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(167,207,233,1) 0%,rgba(36,84,139,1) 0%,rgba(36,84,139,1) 20%,rgba(167,207,233,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfe9', endColorstr='#a7cfe9',GradientType=0 ); /* IE6-9 */
}
h1 {
	font-family: 'Vollkorn', serif;
	font-weight: 700;
	font-size: 1.7em;
	padding-top: .5em;
	padding-bottom: .25em;
	text-align: center;
	margin-top: 0;
	color: #fff;
}


/*-----NAVigation -----*/
#navWrapper {clear: both;}
nav ul{display: none;}
div.bgcolor {
	background: rgba(36,84,139,1);
	
}
nav {
	min-width: 320px;
}
body#home a#home, body#rooms a#rooms, body#reserve a#reserve, body#directions a#directions {
	color: rgba(250,250,250,1);	
}


/*-----CONTENT -----*/
#content {
	clear: both;
	margin: 0 2%;	
}
address{
	text-align: center;
	margin-top: 2em;
	margin-bottom: .5em;
	font-size: 1.2em;	
}
h2 {
	font-size: 1.2em;
	text-align: center;	
	padding-bottom: .5em;
}

p {
	text-indent: 10px;
	padding: .25em 0;
}
p.center {
	text-align: center;	
}
p.flex-caption {
	text-align: center;	
}
p.progress{
	text-align: center;	
}
.special {
	padding-top: 1em;
	padding-bottom: 1em;
}
/*-------FORMS-----------*/
form {
	max-width: 400px;
	margin: .5em auto;
	width: 96%;	
}
fieldset {
	background: rgb(185, 205, 214);
	border: 1px solid #000;	
	margin: .5em auto;
	padding: .25em .5em;
	border-radius: .5em;
}
legend {
	margin-left: 10px;
	border: 1px solid #000;
	padding: .25em;
	border-radius: .5em;
	background-color: rgba(55,102,151,1);
	color: rgba(250,250,250,1);

}
label {
	display: block;	
	float: right;
	margin-right: 20%;
	margin-top: .5em;
	margin_bottom: .5em;
}
 label input{
	padding: .7em;
}
form input{
	margin: 0 auto;
	text-align: center;	
}
.submitBtn {
	background-color: rgba(55,102,151,1);
	border-radius: .5em;
	display: block;
	margin: 0 auto;	
	padding: .25em .5em;
	width: 30%;
	color: rgba(250,250,250,1);
	font-size: 1em;
}
.submitBtn.active {
	color: rgba(250,250,250,1);		
}
.submitBtn:hover {
	color: rgba(250,250,250,.7);	
	
}

/*---------COLUMNS------------*/
.row {
	width: 96%;
	margin: 0 auto;	
	padding-top: 1em;
}
.column {
	margin: 0 auto;	
}
.column ul {
	margin: .5em auto;	
}
.column ul li {
	text-align: center;	
}

/*-----IMAGES -----*/
#map  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.w50 img {
	width:100%;	
	max-width: 640px;
	margin-bottom: .5em;
}

/*----- SOCIAL LINKS -----*/
.social {
	padding-top: 1em;
}
.social ul {
	}
.social ul li {
	
}	
.twitter {
	float: right;
	width: 15%;	
	padding-top: .5em;
	margin-right: 5%;
}
.googlePlus {
	float: right;
	width: 15%;
	padding-top: .5em;	
	margin-right: 2%;
}


/*----- FOOTER -----*/
footer {
	min-width: 320px;
	max-width: 1140px;
	margin: 0 auto;
	padding: .5em 0;
	text-align: center;
	font-size: .7em;
	color: #000;
	background: rgb(167,207,223); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(167,207,223) 0%, rgb(35,83,138) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(167,207,223)), color-stop(100%,rgb(35,83,138))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(167,207,223) 0%,rgb(35,83,138) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(167,207,223) 0%,rgb(35,83,138) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(167,207,223) 0%,rgb(35,83,138) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(167,207,223) 0%,rgb(35,83,138) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

/*OTHER STUFF*/
div.keepOpen {clear: both;}