/* General
==================================================
 */
/* #Site Styles
================================================== */
* {
  -moz-box-sizing: box-border;
  -webkit-box-sizing: box-border;
  box-sizing: box-border;
}
body {
  color: #000000;
  background: #ffffff url("../images/bg.jpg") -80px -10px;
  font: 14px/21px Courier New, Courier, monospace;
  /* based on 7px increments for baseline consistency */
}
header,
footer {
  background: url("../images/bg-top-dashed.png") repeat-x top left;
}
.content {
  background: url(../images/bg-content.gif);
}
a {
  color: #b51431;
  font-weight: bold;
}
a:hover {
  color: #000000;
}
h1 {
  padding-top: 7px;
}
h3,
h4 {
  color: #5b8001;
  font-weight: bold;
}
h2 {
  color: #b51431;
  font-weight: bold;
}
.fancy-font {
  font-family: 'Fredericka the Great', cursive;
}
.logo h1 {
  margin: 0;
}
.logo h1 a {
  font-size: 60px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #5b8001;
}
.logo h2 {
  font-size: 13px;
  font-family: Courier New, Courier, monospace;
  color: #000000;
  font-weight: normal;
  color: #b51431;
}
.divider {
  background: url("../images/bg-divider.png") repeat-x top left;
  padding: 5px 0;
  height: 7px;
}
p.phone {
  background: url("../images/icon-phone.png") no-repeat;
  padding: 6px 0 2px 50px;
  font-weight: bold;
  font-size: 20px;
}
p.email {
  background: url("../images/icon-email.png") no-repeat;
  padding: 6px 0 5px 50px;
  font-weight: bold;
  font-size: 16px;
}
.pink {
  color: #b51431;
}
/* ADDTHIS
==============================*/
.at-vertical-menu {
  left: -152px;
  top: 230px;
}
.at-vertical-menu a label {
  padding: 2px;
}
.at-vertical-menu a:hover {
  background: rgba(91, 128, 1, 0.9);
}
/* Navigation
=====================================================================*/
nav #menuWhite {
  text-decoration: none;
}
nav #menuWhite a {
  display: inline-block;
  color: #000;
  padding: 12px;
  font-weight: bold;
}
nav #menuWhite a:hover {
  color: #ffffff;
  background: #5b8001;
}
.tinynav {
  display: none;
}
div#menuWhite ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
div#menuWhite ul.menu {
  padding-left: 0;
}
div#menuWhite li {
  position: relative;
  z-index: 9;
  margin: 0;
  padding: 0 ;
  display: block;
  float: left;
  text-transform: uppercase;
}
div#menuWhite li.active a {
  color: #ffffff;
  background: #5b8001;
}
/*div#menuWhite li:hover>ul{left:-2px}
div#menuWhite a{position:relative;z-index:10;display:block;float:left;text-decoration:none;padding: 6px ;}
div#menuWhite a:hover,div#menuWhite a:hover span{color:@white}
div#menuWhite a:hover, div#menuWhite li.active a span{color:@white}
div#menuWhite span{display:block;cursor:pointer;background-repeat:no-repeat;background-position:95% 0}
div#menuWhite ul ul a.parent span{background-position:95% 8px;background-image:url(../images/item-pointer.gif)}
div#menuWhite ul ul a.parent:hover span{background-image:url(../images/item-pointer-mover.gif)}
div#menuWhite a{padding:0 0 0 15px;line-height:30px;}
div#menuWhite span{margin-top:5px;color:#666}
div#menuWhite ul a:hover span{color:#4f61af}
div#menuWhite ul ul span{color:#a9a9a9}
div#menuWhite ul ul a:hover span{color:#dadbde}
div#menuWhite li{background:url(../images/main-delimiter.png) 98% 4px no-repeat}
div#menuWhite li.last{background:0}
div#menuWhite ul ul li{background:0; z-index: 100;}
div#menuWhite ul ul{position:absolute;top:40px;left:-999em;width:173px;padding:0;background:@white;margin-top:1px;-moz-box-shadow:0 0 3px #c2c2c2;-webkit-box-shadow:0 0 3px #c2c2c2;box-shadow:0 0 3px #c2c2c2; z-index: 100;}
div#menuWhite ul ul a{padding:7px 7px 7px 12px;height:auto;float:none;display:block;line-height:24px;color:#a9a9a9;font-size:13px;border-bottom:1px solid #e2e2e2;}
div#menuWhite ul ul span{margin-top:0;padding-right:15px;_padding-right:20px;color:#a9a9a9}
div#menuWhite ul ul a:hover span{color:@white}
div#menuWhite ul ul li.last{background:0}
div#menuWhite ul ul li{width:100%}
div#menuWhite ul ul ul{padding:0;margin:-40px 0 0 175px!important;margin-left:172px}
div#menuWhite ul ul ul{background:@white}
div#menuWhite ul ul ul ul{background:@white}
div#menuWhite ul ul ul ul{background:@white}
*/
/*div#menuWhite li.back{background:url(../images/lava.png) no-repeat right -44px!important;background-image:url(../images/lava.gif);width:13px;height:44px;z-index:8;position:absolute;margin:-1px 0 0 -5px}
div#menuWhite li.back .left{background:url(../images/lava.png) no-repeat top left!important;background-image:url(../images/lava.gif);height:44px;margin-right:8px}*/
/* Side menu
--------------------------------- */
nav.sub-nav {
  position: relative;
  z-index: 100;
}
nav.sub-nav ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
  /*white-space: nowrap;*/
}
nav.sub-nav li {
  display: block;
  line-height: 21px;
  margin-bottom: 7px;
  background: url("../images/bg-divider.png") repeat-x left bottom;
}
nav.sub-nav ul ul {
  display: none;
  left: 100%;
  margin-left: 1px;
  margin-top: -30px;
  position: absolute;
}
nav.sub-nav ul ul {
  border: 1px solid #000000;
  padding: 0 7px;
  -moz-box-shadow: 0 0 2px 2px #ffffff;
  -webkit-box-shadow: 0 0 2px 2px #ffffff;
  box-shadow: 0 0 2px 2px #ffffff;
}
nav.sub-nav ul ul a {
  background: none;
}
nav.sub-nav ul#toplevel {
  float: left;
  position: relative;
}
nav.sub-nav a {
  color: #5b8001;
  padding: 0;
  text-decoration: none;
  width: 100%;
  line-height: 21px;
}
nav.sub-nav li:hover > a {
  color: #222222;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
}
nav.sub-nav ul li:hover > ul {
  display: block;
  left: 100%;
}
nav.sub-nav img {
  height: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 0;
  z-index: -1;
}
nav.sub-nav ul:hover + img {
  height: 100%;
  width: 100%;
}
.gallery {
  text-align: center;
}
.gallery div.three.columns {
  display: inline-block;
  float: none;
}
/*  News/Blog
======================================== */
.post h2 {
  margin-bottom: 0;
}
.entry {
  padding: 14px 0 0 0;
}
.date {
  color: #000000;
  font-size: 90%;
}
.post-info a {
  font-weight: normal;
}
/*  Breadcrumbs
======================================== */
#breadcrumbs {
  margin: 0 0 20px 0;
  height: 14px;
  padding: 0;
  font-size: 90%;
}
.B_homeCrumb {
  background: url(../images/breadcrumbs-home.png) no-repeat 0px 0px;
  padding: 0 0 0 18px;
}
#breadcrumbs li {
  display: inline;
  margin: 0 3px 0 1px;
}
.B_homeCrumb span {
  display: none;
}
/*  Misc Styles
======================================== */
.block-left-image {
  margin-bottom: 14px;
}
.block-left-image img {
  float: left;
  width: 97px;
}
.block-left-image p {
  width: 180px;
  float: right;
}
.icon-phone {
  background: url("../images/icon-phone.png") no-repeat left center;
  padding: 0 0 0 15px;
}
.icon-email {
  background: url("../images/icon-email.png") no-repeat left center;
  padding: 0 0 0 15px;
}
p.icon-phone,
p.icon-email {
  font-weight: bold;
  margin: 0 0 14px 0;
}
.social {
  float: right;
  clear: both;
}
ul.social-nav {
  height: 38px;
  padding-top: 3px;
}
ul.social-nav li {
  float: right;
}
ul.social-nav li a {
  display: block;
  height: 38px;
  margin: 0 0 0 7px;
  text-decoration: none;
  text-indent: -9999px;
  width: 38px;
}
ul.social-nav li a.rss {
  background: url("../images/icon-rss.png") no-repeat scroll 0 0 transparent;
}
ul.social-nav li a.twitter {
  background: url("../images/icon-twitter.png") no-repeat scroll 0 0 transparent;
}
ul.social-nav li a.rss:hover,
ul.social-nav li a.twitter:hover {
  background-position: 0 -38px;
}
ul.tweet-nav li {
  float: left;
}
ul.tweet-nav li a {
  display: block;
  height: 20px;
  margin: 0 0 0 7px;
  text-decoration: none;
  text-indent: -9999px;
  width: 20px;
}
ul.tweet-nav li a.twitterReply {
  background: url("../images/icon-twit-reply.png") no-repeat scroll 0 0 transparent;
}
ul.tweet-nav li a.twitterRetweet {
  background: url("../images/icon-twit-retweet.png") no-repeat scroll 0 0 transparent;
}
ul.tweet-nav li a.twitterFavourite {
  background: url("../images/icon-twit-fave.png") no-repeat scroll 0 0 transparent;
}
ul.tweet-nav li a.twitterReply:hover,
ul.tweet-nav li a.twitterRetweet:hover,
ul.tweet-nav li a.twitterFavourite:hover {
  background-position: 0 -20px;
}
a.twit-date {
  background: url("../images/icon-twitterBird-red.png") no-repeat 0px 0px;
  padding: 2px 0 2px 27px;
  font-weight: bold;
  color: #5b8001;
}
a.twit-follow {
  background: url("../images/icon-twit-red.png") no-repeat center right;
  padding: 7px 50px 7px 0;
  font-family: 'Fredericka the Great', cursive;
  font-size: 20px;
  line-height: 38px;
  font-weight: normal;
  color: #5b8001;
}
a.twit-follow:hover {
  color: #000000;
}
li.cf {
  background: url("../images/bg-divider.png") repeat-x scroll left bottom transparent;
  padding: 0 0 10px;
}
.trans-rotate {
  /* Rotate div */
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Safari and Chrome */
}
ul.pageList li {
  float: left;
  margin: 4px;
}
ul.pageList li a.active {
  color: #000;
}
.quip-comment-alt {
  background-color: #E2E9D1 !important;
}
li.quip-comment {
  margin-bottom: 14px !important;
}
li.tl-tag:before {
  content: "-";
  padding: 0 0 0 7px;
}
li.tl-tag a {
  padding: 0 0 0 7px;
}
.flexslider li img {
  border: 1px solid #efefef;
}
ol.flex-control-nav {
  text-align: center;
  margin-top: 10px;
}
ol.flex-control-nav li {
  display: inline-block;
}
ol.flex-control-nav li a {
  text-align: center;
  margin: 0 10px 0 0;
  background: white;
  padding: 10px;
  border: 1px solid #b51431;
}
ol.flex-control-nav li a.flex-active {
  background: #b51431;
  color: #ffffff;
}
/* #Footer content + #Bottom content
======================================== */
footer {
  font-size: 90%;
}
footer a {
  font-weight: normal;
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url(../images/ui.totop.png) no-repeat left top;
}
#toTopHover {
  background: url(../images/ui.totop.png) no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline: none;
}
.last-credit {
  text-align: right;
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 800px) {
  body {
    margin: 0.5rem;
  }
  div#menuWhite ul {
    float: none;
  }
  div#menuWhite li {
    display: block;
    float: none;
    width: 100%;
  }
  nav #menuwhite a,
  nav #menuWhite a:hover,
  div#menuWhite li.active a {
    width: 100%;
  }
  header {
    background: none;
  }
  ul.social-nav li {
    float: left;
  }
  .last-credit,
  .first-credit {
    text-align: center;
  }
  .logo h1 a {
    font-size: 29px;
  }
}