/* general */

body {
  background-color: #405127;
  background-image: url(/assets/image/bg.png);
  background-repeat: repeat;
  font-size: .75em;
  font-family: 'Carrois Gothic', Arial;
  color: #333;
}

body, html {
  margin:0px;
  padding:0px;
}

a {
  color: #365F0D;
  text-decoration: underline;
}

a:hover {
  color: #365F0D;
  text-decoration: none;
}


.clear {
  clear:both;
}

h1 {
  font-family: 'Alike', serif;
  padding: 10px;
  margin: 0;
}

h1.hiddenTitle {
  display:none;
}

h2 {
  margin: 8px 0;
  padding: 0 10px;
  font-size: 22px;
}

.greenBox h3 {
  margin: 8px 0;
  padding: 0 10px;
}


/* structure */

#wrapper {
  width: 1010px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  background:#fff;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0px 29px 68px 1px rgba(0,0,0,0.74);
  -moz-box-shadow: 0px 29px 68px 1px rgba(0,0,0,0.74);
  box-shadow: 0px 29px 68px 1px rgba(0,0,0,0.74);
}

#header {
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url(/assets/image/header.png);
  background-position: 568px 0;
  background-repeat: no-repeat;
  float: left;
  width:1010px;
}

#header a {
  text-decoration:none;
}

#header .logo {
  float: left;
  margin: 25px 20px;
  font-family: Alike;
  font-size: 48px;
  font-weight: 200;
  line-height: 50px;
}

#header img {
  padding-top: 23px;
  padding-left: 20px;
  padding-bottom: 23px;
  border:none;
}

#mainContent {
  float: left;
  padding: 10px;
  margin: 0;
  width: 990px;
  background-color: #fff;
}

.greenBox {
  float: left;
  padding: 10px;
  margin: 0;
  background-image: url(/assets/image/semi-transparent.png);
  width: 968px;
  border: 1px solid #B6C983;
  box-shadow:0 8px 6px -5px #888;
  padding-bottom:25px;
}

.greenBox p {
  font-size:15px;
  margin: 5px 0;
  padding: 0 10px;
  line-height:1.6em;
}

#bottomMenu {
  padding-top:20px;
  width:100%;
  overflow:hidden;
}

#bottomMenu .box {
  width: 218px;
  padding: 10px;
  margin-left: 10px;
  float: left;
  background-image: url(/assets/image/semi-transparent.png);
  height: 175px;
  border: 1px solid #B6C983;
  box-shadow:0 8px 6px -5px #888;
  margin-bottom: 8px;
}

#bottomMenu .box#first {
  margin-left:0px;
}

#bottomMenu .box h3 {
  font-size: 18px;
  text-align: center;
  margin: 0px;
  margin-bottom: 5px;
  font-family: 'Alike', serif;
}

#bottomMenu .box img {
  width:100%;
  border:none;
}

.box img {
  border:none;
}

#bottomMenu .box .text {
  display:block;
  width:100%;
  text-align:center;
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height:1.6em;
}

#bottomMenu a {
  text-decoration: none;
  color: #333333;
}

#footer {
  padding: 0;
  margin: 0;
  width: 1010px;
  background-color: #000;
  float: left;
  clear: left;
  color:#fff;
  line-height:15px;
  text-align:center;
  font-size:13px;
}

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

#footer a:hover {
  text-decoration:underline;
}


/* nav */

#mobileNav {
  display:none;
  width:100% !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
  text-align:center !important;
  height: 21px !important;
  background:#000 !important;
  overflow:hidden;
}

#mobileNav span {
  width:31px;
  height:21px;
  background:url('/assets/image/mobileNav.png') top right no-repeat;
  margin-left:auto;
  margin-right:auto;
  display:block;
  overflow:hidden;
  padding-left:5px;
}

#mobileNav span:hover {
  cursor:pointer;
}

#nav {
  float: left;
  clear: left;
  width: 1005px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
  padding-left: 5px;
  width: 1005px;
}

#nav li {
  float: left;
  list-style: none;
  line-height: 30px;
}

#nav li a {
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
  color: #D9E6B7;
  outline: none;
  text-align: center;
  z-index: 10;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  padding: 0 28px;
  margin: 0;
  line-height: 32px;
  border-left: 1px solid #D9E6B7;
}

#nav li a:hover {
  color:#fff;
}

#nav li.home a {
  border:none;  
}


/* homepage */

.mainImage {
  width: 990px;
  margin-bottom: 8px;
}


/* the park */

#imagesRow {
}

#imagesRow .box {
  padding: 9px;
  background-image: url(/assets/image/semi-transparent.png);
  border: 0;
  float: left;
  height: 168px;	
  font-size:12px;
  margin-left:9px;
}

#imagesRow .box p {
  padding:0px;
  margin:0px;
}

#imagesRow .box ul {
  list-style:none;
  margin:0;
  float:left;
  width:124px;
  padding:0px;
  font-size:12px !important;
  font-size:12px;
  overflow:hidden;
}

#imagesRow .box ul li {
  list-style:none;
  margin:0;
  font-size:12px;
}

#imagesRow .box {
  max-width:266px;
}

#imagesRow .box .arranged {
  font-size:12px;
  font-style:italic;
}

#imagesRow .box .image1 {
  width:110px;
}

#imagesRow .box .image3, #imagesRow .box .image4 {
  width:249px;
}


/* background page */

.leftText {
  width:450px;
  float:left;
}

.rightImage {
  width: 495px;
  border: 0;
  padding: 10px;
  background-image: url(/assets/image/semi-transparent.png);
  float: right;
}

.rightImage img {
  width:500px;
}


/* the area */

#theAreaColumns .box {
  float: left;
  width: 98%;
  background-image: url(/assets/image/semi-transparent.png);
  margin-left: 10px;
  margin-top: 5px;
}

#theAreaColumns .box img {
  padding: 10px;
  border: 0;
  float:left;
  height:354px;
  margin:15px;
}


/* image gallery */

#imageGallery {
  width:952px;
  padding-left:9px;
  padding-right:9px;
}

#imageGallery .thumbnail {
  float: left;
  margin: 4px;
  padding: 7px;
  border: 0;
  width:114px;
  background-image: url(/assets/image/semi-transparent.png);
}


/* how to find us */

.googleMap {
  background-image: url(/assets/image/semi-transparent.png);
  padding: 10px;
  margin-top: 10px;
  width:720px;
  float:left;
}

.rightColumn {
  float:left;
}

.rightColumn .box {
  font-size:14px;
  background-image: url(/assets/image/semi-transparent.png);
  padding: 5px;
  margin: 0 0 0 10px;
  margin-top: 45px;
  width: 208px;
}

.rightColumn .box img {
  width:100%;
}


/* for sale */

#forSaleImages {
  display:block;
  overflow:hidden;
  text-align:center;
  margin-left:10px;
}

#forSaleImages .thumb {
  padding: 10px;
  background-image: url(/assets/image/semi-transparent.png);
  border: 0;
  float: left;
  height: 165px;
  margin: 5px 22px;
}

#manufacturers {
  display:block;
  overflow:hidden;
  text-align:center;
  margin-left:10px;
}

#manufacturers .box {
  padding: 15px;
  float: left;
  width: 265px;
  margin: 10px;
  height: 170px;
  background-image: url(/assets/image/semi-transparent.png);
  text-align: center;
}

#manufacturers .box strong {
  margin-top: 0;
  margin-left: 0;
  margin: 5px;
  padding: 0;
  width:100%;
  display:block;
  font-size:14px;
}

#manufacturers .box a {
  display:block;
  width:100%;
  padding:5px 0px;
  font-size:14px;
}

/* directions */

.customDirections {
  margin-left:10px;
  font-size:15px;
}

/* DIRECTIONS */

#map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px
}

#panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}

#directions-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto;
}

#map-canvas {
  margin-right: 400px;
}

@media print {
  #map-canvas {
    height: 500px;
    margin: 0;
  }
  
  #directions-panel {
    float: none;
    width: auto;
  }
}

.box h3 {
  padding-left: 0px;
  margin-left: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0px;
  font-family: 'Alike', serif;
}

h3, #theAreaColumns .box h3 {
  padding:0px;
  margin:10px;
  padding-left:10px;
  font-family: 'Alike', serif;
  font-size:16px;
}

#manufacturers span {
	font-size:14px;
  	line-height:20px;
}



/* for sale */

#forSaleImages {
  display:block;
  overflow:hidden;
  text-align:center;
  margin-left:10px;
}

#forSaleImages .thumb {
  padding: 9px;
  border:1px solid #bbb;
  border: 0;
  float: left;
  height: 165px;
  margin: 5px 22px;
}

#manufacturers, .manufacturers {
  display:block;
  overflow:hidden;
  text-align:center;
  margin-left:10px;
}

#manufacturers .box, .manufacturers .box {
  padding: 14px;
  float: left;
  width: 265px;
  margin: 10px;
  height: 170px;
  border:1px solid rgba(0,0,0,0.2);
  text-align: center;
  overflow:hidden;
}

#manufacturers .box.usedcaravans, .manufacturers .box.usedcaravans {
  height:auto;
}

#manufacturers .box strong, .manufacturers .box strong {
  margin-top: 0;
  margin-left: 0;
  margin: 5px;
  padding: 0;
  width:100%;
  display:block;
  font-size:14px;
}

#manufacturers .box .stretch, .manufacturers .box .stretch {
  width:100%;
}

#manufacturers .box span, .manufacturers .box span {
  width:100%;
  display:block;
  font-size: 14px;
  line-height: 21px;
}

#manufacturers .box a, .manufacturers .box a {
  display:block;
  width:100%;
  padding:5px 0px;
  font-size:14px;
}