@font-face {
	font-family: 'MaiandraGDRegular';
	src: url('../fonts/maiandra-webfont.eot');
	src: local('☺'), url('../fonts/maiandra-webfont.woff') format('woff'), url('../fonts/maiandra-webfont.ttf') format('truetype'), url('../fonts/maiandra-webfont.svg#webfontMHSdPw4u') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #000 url(../images/bg-black.jpg) center top repeat-y;
}
body, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
img {
  border: none;
  -ms-interpolation-mode: bicubic;
}
p, ol, ul {
  margin: 13px 0;
  padding: 0;
  line-height: 1.4em;
}
ol, ul {
  padding-left: 30px;
}
h1, h2, h3 {
  margin: 13px 0;
  padding: 0;
  font-weight: normal;
}
h1 {
  font-size: 21px;
}
h2 {
  font-size: 17px;
}
h3 {
  font-size: 15px;
}

#body {
  position: relative;
  width: 100%;
  min-height: 100%;
  background: url(../images/bg-page-mid.jpg) center top repeat-y;
}
#wrap-top {
  position: relative;
  width: 100%;
  min-height: 512px;
  padding-top: 40px;
  background: url(../images/bg-page-top.jpg) center top no-repeat;
  z-index: 2;
}
#wrap-spacer {
  height: 128px;
}
#wrap-bot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 128px;
  background: url(../images/bg-page-bot.jpg) center bottom no-repeat;
  z-index: 1;
}

#page-main {
  width: 900px;
  margin: 0 auto;
}
#page-foot {
  width: 900px;
  margin: 0 auto;
  height: 126px;
}

#header {
  position: relative;
  height: 270px;
  border-bottom: 2px solid #758B59;
}
#header #logo {
  position: absolute;
  width: 298px;
  height: 270px;
  left: 0;
  top: 0;
  background: url(../images/img-logo-big.png) center center no-repeat;
  border-right: 2px solid #758B59;
  z-index: 2;
}
#header #logo a {
  display: block;
  height: 100%;
  outline: none;
}
* html #header #logo {
  background-image: url(../images/img-logo-big.gif);
}
#navmain {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  z-index: 10000;
}
#navmain ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
#navmain li {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  right: -2px;
  border-right: 2px solid #758B59;
  background: url(../images/bg-content.png);
  z-index: 10;
}
#navmain a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
}
#navmain a:hover {
  text-decoration: none;
  background: url(../images/bg-black-70.png);
  background: rgba(0, 0, 0, 0.6) none;
}
* html #navmain a:hover {
  background-image: url(../images/bg-content-dark.png);
}
#navmain span {
  display: block;
  text-align: center;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  font-family: "MaiandraGDRegular", sans-serif;
  font-size: 19px;
  font-size-adjust: 0.49;
}
#navmain li ul {
  display: none;
  float: none;
  position: absolute;
  top: 48px;
  left: -2px;
  width: 175px;
  border: 2px solid #758B59;
  border-width: 2px 2px 0 0;
  z-index: 9998;
}
#navmain li:hover ul,
#navmain li.hover ul {
  display: block;
}
#navmain li:hover ul.js {
  display: none;
}
#navmain li li {
  float: none;
  left: 0;
  top: 0;
  border: 2px solid #758B59;
  border-width: 0 0 2px 2px;
}
#navmain li li span {
  text-align: left;
  padding: 0 10px;
}

#slideshow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 600px;
  height: 220px;
  overflow: hidden;
  border-top: 2px solid #758B59;
}

#slideshow ul, #slideshow li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#slideshow .nivoSlider {
  width: 100%;
  height: 100%;
}

#slider-placeholder {
  width: 600px;
  height: 220px;
  background: url(../images/banner/landscape.jpg);
}
#slider-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 570px;
  padding: 10px 15px;
  color: #fff;
  background: transparent url(../images/bg-trans-black-80.png);
  background: rgba(0, 0, 0, 0.8) none;
}
#slider-caption p {
  margin: 0;
  padding: 0;
}

#slideshow .pools {
  background: url(../images/banner/pools.jpg);
}
#slideshow .design {
  background: url(../images/banner/design.png);
}

#col-01 {
  width: 298px;
  float: left;
}
#col-02 {
  width: 600px;
  float: right;
  padding-bottom: 230px;
}

#col-wide {
  width: 800px;
  margin: 0 auto;
}
#col-wide .spacer {
  clear: both;
  height: 60px;
}

#navside ul {
  margin: 0;
  padding: 40px;
  list-style: none;
}
#navside li {
  margin: 0;
  padding: 20px 42px;
}
#navside a {
  position: relative;
  display: block;
  width: 134px;
  height: 134px;
  color: #fff;
  text-decoration: none;
}
#navside a span {
  display: block;
  position: absolute;
  width: 100%;
  height: 24px;
  top: -25px;
  left: 0;
  cursor: pointer;
  text-align: center;
  text-shadow: #000 0 0 1px;
  line-height: 24px;
  font-family: "MaiandraGDRegular", sans-serif;
  font-size: 19px;
  font-size-adjust: 0.49;
}

#middle {
  color: #fff;
}
#middle .content {
  margin: 38px 20px;
  margin-top: 60px;
}
#middle h1 {
  color: #fff;
  margin: 24px 0 15px 0;
  font-weight: normal;
  font-family: "MaiandraGDRegular", sans-serif;
  font-size: 19px;
  font-size-adjust: 0.49;
}
#middle p {
  margin: 15px 0;
  line-height: 1.5em;
}
#middle a {
  color: #fff;
  text-decoration: underline;
}
#middle a:hover {
  text-decoration: underline;
}
#middle .hr {
  margin: 18px 0;
  padding: 0;
  border: none;
  background: none;
  background: url(../images/img-divider.png) center center no-repeat;
  height: 19px;
}

#page-foot {
  position: relative;
  border-top: 2px solid #758B59;
  font-size: 12px;
}
#page-foot p {
  margin: 0;
  padding: 0;
  line-height: 22px;
  color: #BDC1B9;
  text-align: center;
}
#page-foot p a {
  color: #BDC1B9;
  text-decoration: none;
}
#page-foot p a:hover {
  text-decoration: underline;
}
#page-foot .subfoot {
  position: absolute;
  width: 100%;
  bottom: 9px;
  left: 0;
  color: #444;
}
#page-foot .subfoot a {
  color: #444;
}

#logo-emboss {
  position: absolute;
  right: 5px;
  bottom: 130px;
  width: 191px;
  height: 231px;
  background: url(../images/img-frog-green.png);
}
* html #logo-emboss {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/img-frog-green.png", sizingMethod="crop");
}
#footer {
  padding-top: 19px;
}

/* STYLES FOR GALLERY PAGE */

#gallery-place-holder {
  width: 560px;
  height: 480px;
  margin: 0 auto;
}

/* STYLES FOR CONTACT PAGE */

#middle .contact {
  margin: 38px 20px;
}
.contact ul {
  margin: 13px 0;
  padding: 0;
  width: 322px;
  list-style: none;
}
.contact li {
  margin: 0;
  padding: 2px 0;
  min-height: 22px;
  line-height: 22px;
}
.contact li.submit {
  text-align: right;
}
.contact label {
  width: 96px;
  float: left;
}
.contact input.text, .contact textarea.text {
  width: 220px;
}
.contact textarea.text {
  height: 120px;
}