@charset "utf-8";
/* CSS Document */
html {background: url(../img/trees.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
 background-size: cover; background-color:#19781E}
body {font-family: Helvetica, Arial, sans-serif; line-height: 1.25;}
p, h1, h2, h3, h4, h5, h6, li, sub {color:#000}
a:link {color:#000}
a:visited {color:#333}
a:hover {color:#04F720}
a:active {color:#F00}
#wrapper {margin-top: 0.2em; background: #FFF; border: double #165211; moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 2px 2px #333;  -webkit-box-shadow: 1px 2px 2px #333; box-shadow: 2px 2px 3px #333; opacity:0.96; filter:alpha(opacity=96)}
#header {text-align:center; margin:auto auto 0.5em auto}
#homepic {margin: 0 0.5em}
#menu {text-align:center; margin: 0 auto 1.5em auto; position:relative; z-index: 5}
#menu ul {list-style: none; float: none; text-align:center; position:relative; z-index:4}
#menu ul li {display: inline-block; position: relative; z-index:5}
#menu ul li a {line-height: 38px; text-decoration: none; border:#CCC groove; color: #FFF; padding: .2em .8em; background: #FFF url(../img/bg.gif); font-size: large; font-weight: bold; margin:0.5em;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 3px #333;  -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333}
#menu ul li a:hover {color: #FFF; background: #FFF url(../img/bg2.gif)}
#menu ul li a:active {color: #CCC; background: #FFF url(../img/bg3.gif)}
#menu select {display: none}
@media (max-width: 601px) {
  #menu ul {display: none}
  #menu select {display: inline-block; border: 1px solid #000; margin: 0.4em auto; text-align: center; -webkit-appearance: none; font-family: Helvetica, Arial, sans-serif; background-color: #19781E; color: #FFF; padding: 4px 2px 4px 2px; text-align:center; border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
}
#homecon {margin: 0.3em auto}
.hometext h2 {text-align:center; margin-bottom: 0; font-size:xx-large; color:#268F28; text-shadow: 1px 1px 0 #333;}
.hometext {font-size: large; padding: 0 1em 0 1em; }
.phonenumber {text-align: center; margin: 0 auto}
.phonenumber p {color:#268F28; font-size: x-large; text-shadow: 1px 1px 0 #333; margin: 0.2em auto}
.centerp {text-align:center}
.centerpic {text-align: center; margin: auto}
.sitemap {text-align: center; margin: auto}
.sitemap li {display: inline; font-size: small}
#footer {margin-left: 1em; margin-bottom: 2em; font-size: small}
/*Pages*/
.pagecon {color:#268F28}
.photographs h2 {margin-top: 0}
.servicesinfo {padding: 0.5%; margin: auto}
.servicesinfo h2 {font-size: xx-large; text-align: center; margin-top: 0}
.servicesinfo h3 {font-size: x-large}
.servicesinfo p, .servicesinfo li {font-size: large}
.contactinfo {text-align: center}
.contactinfo h2 {text-align:center; margin-bottom: 0; font-size: x-large}
.contactinfo p {font-size: large}
.photographs {text-align:center}
.photographs figure {margin: 0.4em auto}
.vid {
	text-align:center;
	max-width: 640px;
	width: 90%;
	margin: 0.8em auto 0.8em auto;
	border-color: #CCC;
	border-style: groove;
	border-width: 2px
}