* {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 100%;
  color: #2f1f04;
  background: #e3dacf;   /* url(images/shadow.png) repeat-x */
}
header, footer, nav, section, aside {display: block;}
h1, h2, h3, h4 {}
h1 {
  font-size: 4em;
  line-height: 1.5em;
  font-family: 'Cabin Sketch', sans-serif;
  font-weight: 700;
  font-variant-caps: small-caps;
  text-shadow: 3px 3px 3px #788e86;
}
h1 a { /* click for home */
  display: block;
}
h1 a:link, h1 a:visited { /* color of body */
  color: #3d2a0b;
}
h1 a:hover, h1 a:active {
  color: black;
}
h2 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin: .5em 3em;
  font-family: 'Lato', sans-serif;
  text-shadow: 4px 2px 6px #c1bfb8;
}
h3 {
	font-size: 1.5em;
	line-height: 1.5em;
}
h4 {
	font-size: 1.1em;
	line-height: 1.4em;
}
h5 {
	font-size: 0.9em;
	line-height: 1.4em;
}
p {
  font-size: 1.2em;
  line-height: 1.5em;
  text-indent: 0em;
  margin-top: 0.5em;
}
a:link, a:visited {
	color: #1675b1;
	text-decoration: none;
}
a:hover, a:active {
	color: #2f1f04;
/* 	text-decoration: underline; */
}
a img {border: none;}
ul {list-style: none;}
header {
  padding: .8em 0em;
  text-align: center;
}
header nav {
	font-size: 1.1em;
	line-height: 1.5em;
  font-family: 'Eagle Lake', cursive;
}
header nav a {
  padding: .2% 1.5%;
}
header nav ul {
	margin: 2% 0% 1%;
}
header nav li {
  display: inline;
}
header nav a:link, header nav a:visited {
  text-shadow:none;
}
header nav a:hover, header nav a:active {
  text-shadow: 4px 3px 3px #dbdbdb;
/*   background-color: #f0f0f0; */
}
header nav .selected {
  padding: .2% 1.5%;
  text-shadow: 4px 3px 3px #dbdbdb;
/*   background-color: #f0f0f0; */
}
footer {
	clear: both;
  text-align: center;
}
footer nav {
	font-size: 1em;
	line-height: 1.5em;
}
footer nav a {
  padding: .5em 1em;
}
footer nav ul {
	margin: 1% 0%;
}
footer nav li {
  display: inline;
  margin-top: 1em;
}
footer nav a:link, footer nav a:visited {
  text-shadow:none;
  color: #51587b;
}
footer nav a:hover, footer nav a:active {
  text-shadow: 4px 3px 3px #dbdbdb;
/*   background-color: #f0f0f0; */
	color: #cf7a00;
}
footer nav .selected {
  padding: 0% 4%;
/*   background-color: #f0f0f0; */
}
footer p {
	font-size: .8em;
	padding: .5em 0em;
	border-top: thin solid #51587b;
}
figure {}
figcaption {
  text-align: center;
}
audio {
  display: block;
  margin: 1em auto 0.3em;
}
/* Google map ---------------------------- */
#map { /* google map phone portrait */
  width: 100%;
  height: 320px;
  margin: 0em 1em 1em 0em;
}
@media all and (min-width: 420px) {
  #map { /* google map phone hz minimum */
  float: left;
  width: 300px;
  height: 375px;
/*   margin-right: 1em; */
  margin: 0em 1em 1em 0em;
/*   padding-bottom: 1em; */
  }
}
@media all and (min-width: 670px) {
  #map { /* google map above phone */
  float: left;
  width: 400px;
  height: 500px;
/*   margin-right: 2em; */
  margin: 0em 2em 1em 0em;
/*   padding-bottom: 0em; */
  }
}
#map iframe { /* fill map container */
  height: 100%;
  width: 100%;
}
/* IDs -------------------------------- */
#wrapper {
	width: 100%;
	max-width: 900px;
	margin: 0px auto;
	position: relative;
}
#content, #gallery {
  width: 90%;
	margin: 0% auto;
	clear: left;
	padding: 1em 0em;
	border-top: thin solid #51587b;
/* 	border-bottom: thin solid #51587b; */
	position: relative;
}
@media all and (min-width: 420px) { /* phone hz or larger*/
  #content {
    width: 94%;
    }  
}
#content h2 {
  text-align: center;
	font-size: 1.5em;
	line-height: 1.8em;
  font-family: 'Eagle Lake', cursive;
}
#content h3 {
  text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: .5em;
}
#content p {
	text-indent: 1em;
}
#slideBox, #photoBox {
  width: 100%;
  margin: 0em 0em 1em 0em;
}
#videoBox {
  max-width: 640px;
  margin: 0 auto;
}
#videoBox video {
  width: 100%;
  height: auto;
}
@media all and (min-width: 420px) { /* phone hz or larger*/
/*
  #slideBox, #photoBox {
    width: 50%;
    float: left;
    margin: 0em 2em 1em 0em;
  }
*/
}
#slideBox img, #photoBox img {
  width: 90%;
/*   min-height: 405px; */
}
#content p.info {
/*
  float: right;
  margin: 1em;
*/
}
#contact {
/*   color: #123507; */
  text-align: center;
  margin-top: 2em;
}
#contact p {
  font-size: 1.2em;
  line-height: 1.4em;
  text-indent: 0;
  margin: .8em 0em;
}
/* --------------------------------------------------------- */
.subText {
  clear: both;
  text-align: center;
  margin: 1em 0em;
}
.imgCenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.special {
	font-size: 2em;
	line-height: 2em;
  font-family: 'Eagle Lake', cursive;
}
.smallEm {
  font-style: italic;
  font-size: .9em;
}
.bigEm {
  font-style: italic;
  font-size: 1.5em;
}
.smTxt {font-size: .9em;}
.centerTxt {text-align: center; text-indent: 0em;}
.floatL {float: left;}
.floatR {float: right;}
.clearB {clear: both;}
/* --------------------------------------------------------- */
.callBox {
	color: #fff;
	font-size: 1.4em;
	line-height: 1.5em;
	background-color: #ff0000;
	width: 220px;
	text-align: center;
}
/* turn off mobile styling of phone link */
/*
a[href^=tel]{ 
  color:inherit;
  text-decoration:none;
}
*/
#gallery ul {
  list-style: none;
/*   position: relative; */
/*   width: 100%; */
/*   padding-left: .5em; */
  text-align: center;
}
#gallery li {
  margin: .4em;
/*   width: 20%; */
  display: inline-block;
/*   float: left; */
}
#gallery img {
/*   float: left; */
/*   margin: .5% auto; */
  width: 130px;
  height: 130px;
}
#gallery h4 {
  text-align: center;
  font-weight: normal;
}
.galCat {  /* gallery category selection */
  width: 40%;
  float: left;
  margin: 4%;
}
@media all and (min-width: 420px) {
  .galCat { /* phone hz minimum */
/*   float: left; */
  width: 30%;
  margin: 1.5%;
  }
}
@media all and (min-width: 670px) {
  .galCat { /* above phone */
/*   float: left; */
  width: 20%;
  margin: 2.4%;
  }
}
.galCat img {
  width: 100%;
}
.galCat h4 {
  text-align: center;
  font-family: 'Eagle Lake', cursive;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.2em;
}