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


/*******************
HEADER
********************/


header {
	background-color: #20333a;
	margin: 0;
	padding: 0;
	color: #889598;
	text-align: center;
	}
	
header a {
	color: #889598;
	text-decoration: none;
	}
	
header img {
	display: block;
	margin: 0 auto;
	padding: 0;
	opacity: .7;
	max-width: 100%;
	}
	
h4 {
	font-size: 3em;
	}
	
/**header h1, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Cardo', serif;
	font-weight: 700;
	}
	
header h1 {
	margin: 10px 0px;
	font-size: 3em;
	}
	
header h3 {
	margin-bottom: 10px;
	padding: 5px 0;
	}**/
	
	
	
	
	
/*******************
NAV
********************/

nav {
	background-color: #2a454e;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
nav ul {
	padding: 0;
	margin: 0 5%;
	list-style: none;
	}
	
nav li {
	display: block;
	margin: 0;
	padding: 5px 30px;
	}
	
nav a {
	margin: 0;
	padding: 5px 15px;
	color: #889598;
	text-decoration: none;
	font-family: 'Cardo', serif;
	font-weight: 400;
	}
	
nav a:hover {
	color: black
	}
	
nav a.selected {
	color: black;
	}
	
	
	
/*******************
BODY
********************/	

.interior {
	padding:0;
	margin:auto 0;
	/**min-height: 70%;**/
	background-color: black;
	}
	
	
.body-text {
	margin: 0 10%;
	max-width: 80%;
	padding: 25px 0;
	line-height: 1.9;
	color: #889598;
	text-indent: 0px;
	}
	
.body-text p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	text-align: center;
	}
	
	
.body-text h3 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: 'Cardo', serif;
	font-weight: 700;
	border-top: 1px solid #2a454e;
	}
	
#announced {
	margin: 5px 0 30px 0;
	padding: 0;
	font-size: 1.1em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #2a454e;
	}
	
#happening {
	text-align: left;
	font-size: 2em;
	border-bottom: 1px solid #2a454e;
	color: #889598;
	padding: 0px 0px 6px 0px;
	}
	
	
#homephotos img {
	max-width: 35%;
	border: 4px solid #2a454e;
	}
	
#homephotos img:hover {
	border: 4px solid #889598;
	}
	
	
.body-text a {
	color: #889598;
	text-decoration: none;
	}
	
.body-text a:hover {
	text-decoration: none;
	color: #2a454e;
	}
	
.body-text p img {
	max-width: 90%;
	margin: 10px;
	}
	
.side-photo img {
	max-width: 50%;
	float: left;
	margin: 10px 20px 20px 0px;
	}
	
p.quote {
	text-align:center;
	margin: 7px 0;
	padding: 0;
	font-size: 1.1em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	}
	
span {
	color:#2a454e;
	} 
	
	
	
	
	
/*******************
MEDIA
********************/
	
.media-text {
	margin: 0 10%;
	max-width: 80%;
	padding: 10px 0;
	line-height: 1.9;
	color: #889598;
	text-align: center;
	}
	
.media-text p {
	margin: 75px auto 0;
	padding: 0;
	font-size: 2em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	}

audio {
	margin: 10px auto 75px;
	padding: 20px 0 0 0 ;
	display: block;
	border-top: 1px solid #2a454e;
	}
	
.media-text p.quote {
	text-align:center;
	margin: 0px 0 20px 0;
	padding: 0;
	font-family: 'Cardo', serif;
	font-weight: 400;
	font-size: 1.3em;
	}
	
p.quote2 {
	text-align:center;
	margin: 10px 0 30px;
	padding: 0;
	font-size: 1.3em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	}
	
p.feature {
	text-align:center;
	margin: 10px 0 30px;
	padding: 0;
	font-size: 1.3em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	}
	
p.feature a {
	color: #2a454e;
	}
	
p.feature a:hover {
	text-decoration:none;
	}
	
span {
	color: #2a454e;
	
	}
	
	

	
	
/*******************
CONTACT
********************/	

.contact-text {
	margin: 0 10%;
	max-width: 80%;
	padding: 40px 0;
	line-height: 1.9;
	color: #889598;
	text-align: center;
	}
	
.contact-text img {
	width: 300px;
	max-width: 60%;
	border-radius: 60%;
	border: 4px solid #889598;
	}
	
.contact-text p {
	margin: 20px 0;
	padding: 0;
	font-size: 1em;
	font-family: 'Cardo', serif;
	font-weight: 400;
	}
	
.contact-text a {
	color: #497180;
	}
	

.contact-text a:hover {
	text-decoration:none;
	color: #497180;
	}



	
	
/*******************
FOOTER
********************/

footer {
	margin: 0;
	padding: 20px 0 0 0;
	background-color: black;
	}
	
footer p {
	color: #2a454e;
	margin: 0 10%;
	padding: 20px 0px;
	border-top: 1px solid #2a454e;
	max-width: 80%;
	text-align:right;
	font-family: 'Cardo', serif;
	font-weight: 400;
	opacity:.8;
	}


footer img {
	padding-top: 11px;
	padding-bottom:8px;
	width: 40px;
	float: right;
	}
	
#booking {
	color: #889598;
	font-size: 1.3em;
	}

#booking a {
	color: #889598;
	}
	
#booking a:hover {
	text-decoration:none;
	color: #497180;
	}