@charset "UTF-8";
body {
	background-color: white;
	font-family: 'Roboto Slab',"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font:10px;
	color:#777;
	font-weight:300;
}

.gridContainer.clearfix #header img,.gridContainer.clearfix #footer img {
	display: block;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

/*Links*/
a {color:#aa8588;}
.booking{ 
	display:block; 
	width:95%;
	
	color: white;
	
	padding:10px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:  3px 3px 10px 1px #e5e5e5;
	box-shadow:  3px 3px 10px 1px #e5e5e5;
	
	
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
	margin:0.8em 0;
	
	text-align:center;

}
a.booking { text-decoration:none; font-weight:700; color:#A77074; font-size:1.1em}

/*Colors*/
.pink{ 
	color:#f4bbc1; 
	text-shadow: 1px 1px 2px #aa8588; 
	filter: dropshadow(color=#aa8588, offx=1, offy=1);
}
.lightgrey{color:#CCC;}

#welcome { text-align: center; }



.fotnot{
	font-size: 0.8em;
	font-style: italic;
}

h1,h2,h3 {
	color: #666;
	font-weight: normal;
	letter-spacing: -0.05em;	
}

h2{ 
	color:#fff;
	background-color:#aa8588;
	margin:0 0 0.5em 0;
	padding:0.2em 0.5em;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	}

h3{ 
	color:#aa8588;
	border-bottom:dotted thin #aa8588;
	}

/* Mobile settings */
h1 {font-size: 1.05em;}
h2 { font-size: 1em; }
h3 {font-size:1em; margin:0.5em 0 0 0; font-weight:bold;}

#info, #poem, #locate{ font-size:0.9em; margin-bottom:1.2em;}

#footer { text-align:center; padding: 1em 0 2em; border-top:#E2E2E2 2px dotted; margin-top:0.5em;}

#footer {  font-size: 2em;}

/* Google Maps*/
#map-canvas{display:block; float: none; width: 100%; height: 300px;}
#pano { visibility:hidden; display:none; width:1px; height:1px;}

@media only screen and (min-width: 481px) {
h1 { font-size: 1.1em; }
h2 {font-size:1em;}
h3 {font-size:1em; margin:0.9em 0 0 0; }
.info{ font-size:0.8em;}
#footer {  font-size: 3em;}
/* Google Maps*/
#map-canvas{display:block; float:left; width: 50%; height: 300px;}
#pano { visibility: visible; display:block; float:left; width: 50%; height: 300px;}

@media only screen and (min-width: 769px) {
h1 { font-size: 1.3em; }
h2 {font-size:1.1em;}
h3 {font-size:1em; margin:0.8em 0 0 0;}
#footer {  font-size: 3em;}
/* Google Maps*/
#pano { visibility:hidden; display:none;  width:1px; height:1px;}
#map-canvas{display:block; float: none; width: 100%; height: 300px;}