@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700);
@import url(http://fonts.googleapis.com/css?family=Belleza);

/* External resources */


/* Stop the editor from having a background */
body#page {
  font-family: 'Oxygen', sans-serif;
  font-size: 11pt;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #383838;
}

a img {
  border: none;
}

div.clearfix {
  clear: both;
}

/* Wrapper */

.wrapper {
  width: 975px;
  margin: 0 auto;
}

/* Header */

.header {
  background: rgb(153,204,102);
  background: -moz-linear-gradient(top,  rgba(153,204,102,1) 0%, rgba(102,153,102,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,102,1)), color-stop(100%,rgba(102,153,102,1)));
  background: -webkit-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  background: -o-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  background: -ms-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  background: linear-gradient(to bottom,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc66', endColorstr='#669966',GradientType=0 );    
  color: #fff;
  position: relative;
  font-size: 11pt;
}

h1.logo {
  font-family: 'Belleza', sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: normal;
}

h1.logo>img {
  float: left;
  margin: 0 10px 0 0;
}

h1.logo>div {
  float: left;
  margin: 3px 0 0 0;
  text-transform: uppercase;
}

h1.logo>div>div {
  font-size: 20pt;
}

h1.logo>div>div:last-child {
  padding-left: 14px;
  font-size: 14pt;
}

div.admin-button {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11pt;
}

div.admin-button a {
  padding: 5px;
  border-radius: 0 0 4px 0;
  font-weight: bold;
  font-size: 12pt;
}

div.admin-button a, .menubar .brochure {
  background: rgba(199,204,153,1);
  background-image: -moz-linear-gradient(top,  rgba(153,204,102,1) 0%, rgba(199,204,153,1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,102,1)), color-stop(100%,rgba(199,204,153,1)));
  background-image: -webkit-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(199,204,153,1) 100%);
  background-image: -o-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(199,204,153,1) 100%);
  background-image: -ms-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(199,204,153,1) 100%);
  background-image: linear-gradient(to bottom,  rgba(153,204,102,1) 0%,rgba(199,204,153,1) 100%);
  background-repeat: repeat-x;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -ms-transition: background 0.3s;
  color: #fff;
  text-decoration: none;
}

/* Menu bar */

.menubar {
  background: #f5fceb;
}

.menubar .wrapper {
  position: relative;
}

.menubar .font {
  position: absolute;
  bottom: 100%;
  right: 150px;
}

.font-btn {
  cursor: pointer;
}

.font-btn[data-size="11"] {
  font-size: 14pt;
}

.font-btn[data-size="13"] {
  font-size: 19pt;
}

.font-btn[data-size="15"] {
  font-size: 25pt;
}

.font-btn.selected-font {
  color: #E8F0B6;
}

.menubar h2 {
  float: right;
  color: #92b28f;
  margin: 18px 0 0;
}

.menubar h2:before {
  content: url(img/phone.jpg);
  margin: 0 5px 0 0;
}

.menubar .brochure {
  position: absolute;
  bottom: 100%;
  right: 10px;
  padding: 8px;
  border-radius: 4px 4px 0 0;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
}

.menubar>.wrapper>ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.menubar>.wrapper>ul>li {
  display: inline-block;
  position: relative;
  padding: 22px 0 24px;
}

.menubar>.wrapper>ul>li>a {
  padding: 22px 18px 24px 18px;
  color: #74a172;
  text-decoration: none;
  font-size: 12pt;
  cursor: pointer;
}

.menubar ul li a.has-dropdown:after {
  content: ' ▾';
}

.menubar>.wrapper>ul>li>a:hover, .menubar>.wrapper>ul>li:hover>a .selectedanchor, .menubar ul li a.current, a.button, .formandu-button, #menu-btn {
  background: rgba(153,204,102,1);
  background-image: -moz-linear-gradient(top,  rgba(199,204,153,1) 0%, rgba(153,204,102,1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,204,153,1)), color-stop(100%,rgba(153,204,102,1)));
  background-image: -webkit-linear-gradient(top,  rgba(199,204,153,1) 0%,rgba(153,204,102,1) 100%);
  background-image: -o-linear-gradient(top,  rgba(199,204,153,1) 0%,rgba(153,204,102,1) 100%);
  background-image: -ms-linear-gradient(top,  rgba(199,204,153,1) 0%,rgba(153,204,102,1) 100%);
  background-image: linear-gradient(to bottom,  rgba(199,204,153,1) 0%,rgba(153,204,102,1) 100%);
  background-repeat: repeat-x;
  color: #fff !important;
  transition: background-position 0.3s;
  -o-transition: background-position 0.3s;
  -ms-transition: background-position 0.3s;
  -moz-transition: background-position 0.3s;
  -webkit-transition: background-position 0.3s;
}

a.button:hover, .formandu-button:hover, #menu-btn:hover,div.admin-button a:hover, .menubar .brochure:hover, #menu-btn.down {
  background-position: 0 -20px; 
}

#menu-btn {
  transition: background-position 0.3s, color 0.3s;
  -o-transition: background-position 0.3s, color 0.3s;
  -ms-transition: background-position 0.3s, color 0.3s;
  -moz-transition: background-position 0.3s, color 0.3s;
  -webkit-transition: background-position 0.3s, color 0.3s;
}

#menu-btn.down {
  color: #333 !important;
}

/** Drop down menus */

.menubar>.wrapper>ul>li>a + span.css-menu-panel {
  position: absolute;
  left: 0;
  top: 100%;
  margin: 0;
  padding: 10px;
  z-index: 1000000;
  background: #669966;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.menubar>.wrapper>ul>li:hover span.css-menu-panel {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
}

.menubar>.wrapper>ul>li span.css-menu-panel a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px;
}

.menubar>.wrapper>ul>li span.css-menu-panel a:hover{
	color: #99cc66;
}

.anylinkshadow {
  display: none;
}

.menu-has-submenu {
  cursor:pointer;
}

div.hr, hr {
  height: 25px;
  background: url(img/hr.jpg) center center no-repeat;
  padding: 5px 0;
  border: 0;
}

/* Banner */

.banner {
  text-align: center;
  font-size: 10pt;
  padding-top: 7px;
}

.banner h2 {
  margin: 5px 0;
  font-family: 'Belleza', sans-serif;
  color: #669966;
  font-weight: normal;
}

/* Main */

div.main {
  background: #fff;
  background: -moz-linear-gradient(top,  rgba(153,204,255,1) 0%, rgba(255,255,255,1) 150px);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,255,1)), color-stop(150px,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(153,204,255,1) 0%,rgba(255,255,255,1) 150px);
  background: -o-linear-gradient(top,  rgba(153,204,255,1) 0%,rgba(255,255,255,1) 150px);
  background: -ms-linear-gradient(top,  rgba(153,204,255,1) 0%,rgba(255,255,255,1) 150px);
  background: linear-gradient(to bottom,  rgba(153,204,255,1) 0%,rgba(255,255,255,1) 150px);
}

/* Content */

div.content, div.banner p, .bottom-panels {
  line-height: 160%;
}

div.content script+link+h1 {
  display:none;
}

div.content>*:first-child,div.gallery-header>*:first-child {
  margin-top: 0;
}

div.content td>*:first-child {
  margin-top: 0;
}

div.content td>*:last-child {
  margin-bottom: 0;
}

div.content h1,div.content h2,div.content h3,div.content h4,div.content h5,div.content h6 {
  color: #669966;
}

div.content a,div.bottom-panels a {
  color: #669966;
}

div.content a:hover,div.bottom-panels a:hover {
  color: #4C754C;
}

/** Footer */

div.footer {
  margin: 40px 0 0 0;
  background: rgb(153,204,102);
  background: -moz-linear-gradient(top,  rgba(153,204,102,1) 0%, rgba(102,153,102,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,204,102,1)), color-stop(100%,rgba(102,153,102,1)));
  background: -webkit-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  background: -o-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  background: -ms-linear-gradient(top,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  background: linear-gradient(to bottom,  rgba(153,204,102,1) 0%,rgba(102,153,102,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc66', endColorstr='#669966',GradientType=0 );    
  color: #fff;
  font-size: 9pt;
}

div.footer .left {
  float: left;
} 

div.footer .right {
  float: right;
  text-align: right;
}

div.footer a {
  color: #fff;
  text-decoration: none;
}

div.footer a:hover {
  text-decoration: underline;
}

.bottom-panels {
  font-size: 9pt;  
}

.bottom-panels h2 {
  color: #669966;
}

div.row div.col1 {
  width: 31%;
  margin-left: 3%;
  float: left;
  height: 211px;
  position: relative;
}

div.row div.col1:first-child {
  margin-left: 0;
}

div.bottom-panels blockquote {
  margin: 0;
  padding: 0 0 10px 50px;
  position: relative;
  text-align: justify;
}

div.bottom-panels blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
}

div.bottom-panels blockquote.video:before {
  content: url(img/video.jpg);
}

div.bottom-panels blockquote.quote {
  padding-bottom: 35px;
}

div.bottom-panels blockquote.quote span {
  position: absolute;
  bottom: 10px;
  left: 0px;
  color: #99cc66;
  font-size: 10pt;
  font-weight: bold;
}

div.bottom-panels blockquote.quote:before {
  content: url(img/quote.jpg);
}

div.buttonbox {
  text-align: right;
  padding: 10px;
  position: absolute;
  bottom: 10px;
  right: 0;
}

a.button, .formandu-button {
  text-decoration: none;
  border-radius: 4px;
  padding: 7px 12px;
  font-weight: bold;
}

/** gallery styles */

div.slideshow#image-gallery {
  
}

div#head-gallery a.slides-next, div#head-gallery a.slides-prev {
  background:none;
  text-decoration: none;
  opacity: 0.8;
  transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  -ms-transition:opacity 0.2s;
  -moz-transition:opacity 0.2s;
  -webkit-transition:opacity 0.2s;
  padding:0;
  font-size: 0;
}

div#head-gallery a.slides-next:after {
  content: '❱';
  font-size: 50pt;
}

div#head-gallery a.slides-prev:after {
  content: '❰';
  font-size: 50pt;
}

div#head-gallery a.slides-next:hover, div#head-gallery a.slides-prev:hover {
  opacity: 1;
}

div#image-gallery * {
	padding:0;
	list-style:0;
}

div#image-gallery *:after, div#image-gallery *:before {
	display:none;
}

img {
  max-width: 100%;
  height: auto;
}

div.formandu-container div.email-form-controls span.formandu-section {
  display:block;
  font-size:1.7em;
  color:#669966;
  margin:20px 0 10px;
}

div.formandu-container div.email-form-controls textarea.formandu-textarea {
  width:80%;
  width:calc(100% - 30px);
}

div.formandu-container div.email-form-controls input.formandu-text {
  width:60%;
}


@media (min-width: 601px) {
  .not-phone {
    display: inherit;
  }
  .phone-only {
    display: none;
  }
}

@media (max-width: 600px) {
  
  .phone-only {
    display: inherit;
  }
  .not-phone {
    display: none;
  }
  
  div.row div.col1 {
    float: none;
    margin: 10px 0 0;
    width: 100%;
    height: auto;
  }
  
  div.buttonbox {
    position: static;
  }
  
  div.footer div.col {
    float: none;
    margin: 5px 0 0;
    width: 100%;
    padding: 0;
    text-align: center !important;
  }
  
  div.footer {
    padding: 0 0 5px 0;
  }
  
  div.footer div.col p:last-child {
    margin-bottom: 0;
  }
  
  .menubar .brochure {
    position: static;
    float: right;
    border-radius: 0;
    margin: 0 0 0 10px;
  }
  
  .menubar>.wrapper>ul {
    display: none;
  }
  
  #menu-btn {
    color: #fff;
    float: left;
    padding: 10px;
    font-size: 22pt;
    cursor: pointer;
  }
  
  .wrapper {
    width: 96%;    
  }
  
  .menubar .wrapper {
    width: 100%;
  }
  
  div.admin-button {
    position: static;
  }
  
  div.admin-button a {
    display: block;
    text-align: center;
  }
    
  .menubar h2 {
    float: none;
    text-align: center;
    margin: 0;
    padding: 12px 0 17px;
  }
  
  .font {
    display: none;
  }
  
  body {
    font-size: 11pt !important;
  }
  
  #nav-bar {
  }
  
  .menubar>.wrapper>ul>li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  .menubar>.wrapper>ul>li>a {
    display: block;
    margin: 0;
    padding: 10px;
  }
  
  .menubar>.wrapper>ul>li>a + span.css-menu-panel {
    position: static;
    display: none;
    margin: 0;
    padding: 10px;
    z-index: 1000000;
    background: #669966;
    transform: scaleY(0);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transition: none;
    -o-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -moz-transition: none;  
  }
  
  .menubar>.wrapper>ul>li>a.css-menu:after {
    content: ' ⬇';
  }
  
  .menubar>.wrapper>ul>li>a.css-menu.shown:after {
    content: ' ⬆';
  }
  
  .menubar>.wrapper>ul>li>a.css-menu.shown + span.css-menu-panel {
    display: block;
  }
  
  div#head-gallery {
    width: 100% !important;
    height: auto !important;
  }
  
  div#head-gallery li.slide {
    width: 100% !important;
    height: auto !important;
  }
  
  div#head-gallery li.slide img {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 400px) {
   .menubar h2 {
      font-size: 16px;
      padding: 18px 0 19px;
   }
}