body { background: #F4842F url(../images/backgroundGradient.jpg) repeat-x 0 250px; text-align: left; }

#content, #footer {
width: 960px;
margin: 0 auto;
}

#header { background: #F1B043 url(../images/header-image.jpg) no-repeat center top; padding-top: 190px; }

#header h1 { background: url(../images/logo.png) no-repeat top left; height: 74px; width: 960px; margin: 0 auto; text-indent: -9999px; display: block; }

#primaryNavigation { opacity: .5; position: absolute; background: transparent url(../images/primary-nav-top-background.png) no-repeat; left:50%; margin-left:-450px; position:absolute; top:20px; }
#primaryNavigation:hover { opacity: .65; }
#primaryNavigation ul { background: transparent url(../images/primary-nav-bottom-background.png) no-repeat right bottom; }
#primaryNavigation li:before { content: ""; }
#primaryNavigation li { float: left; padding: 0 1em; margin: 0; }
#primaryNavigation li+li { border-left: 2px solid #CCC; text-indent: 0; }
#primaryNavigation li a { font-size: 1.5em; color: #7FC468; text-decoration: none; }
#primaryNavigation li a:hover { color: #F1B043; }
#primaryNavigation li a.active { color: #F1B043; }
#primaryNavigation ul { margin: 7px 0 0 0; overflow: hidden; padding:0.6em 1.5em 1em; }


#content { overflow: hidden; }

#content #primaryContent { float: left; width: 443px; background: #F1B043 url(../images/primaryContentGradient.png) no-repeat left bottom; margin: 0 5px; padding: 16px; color: #222; }

#content #primaryContent h2, #primaryContent h3, #primaryContent h4, #primaryContent h5 { color: #5C360E; }
#content #primaryContent h2 { font-size: 3em; line-height: .89em; margin: 0 0 .35em; }

#secondaryContent { float:right; width: 465px; margin: 0 5px; }
#secondaryContent h4 { color: #7FC468 ; }

#content .sideBlock { background: url(../images/secondaryContentBottom.png) no-repeat center bottom; padding-bottom: 16px; margin-bottom: 16px; overflow: hidden; }
#content .sideBlock h4 { background: url(../images/secondaryContentTop.png) no-repeat center top; padding: 16px 0 0 16px; margin: 0; }


#campsiteList h2 { background: url(../images/secondaryContentTopAlt.png) no-repeat center top; padding: 32px 0pt 4px 16px; margin: 0; color: #7FC468; font-size: 3em; font-weight: lighter; margin-bottom: 0.8em; }
#campsiteList h3 { color: #F3B141; margin-left: 32px; margin-right: 32px; }
#campsiteList p { color: #CCC; margin-left: 32px; margin-right: 32px; }
#campsiteList img { float:left; margin: 1px 10px 0 32px; padding: 1px; border: 1px solid #999; width: 58px; height: 58px; }
#campsiteList a:hover img { border: 1px solid #CCC; }

#campsiteList .leftCol, #campsiteList .rightCol { width: 50%; float: left; margin-bottom: 1.6em; }
#campsiteList .leftCol h3, #campsiteList .rightCol h3 { font-size: 92%; }
#campsiteList .leftCol p, #campsiteList .rightCol p { font-size: 92%; padding-bottom: 0.8em; border-bottom: 1px dotted #999; margin-bottom: 0.8em; min-height: 6.9em; }

#campsiteList #ecopodSite { clear: both; overflow: hidden; }
#campsiteList #ecopodSite h3 { margin-top: 0; }
#campsiteList #ecopodSite p { margin-top: 25px; padding-bottom: 19px; border-bottom: 1px dotted #999; }

#content #bookingInfoPricing { overflow: hidden; color: #CCC; padding-bottom: 0; }
#content #prices { padding: 0 16px 16px; }
#content #prices ul, #content #prices ul li { list-style: none; }
#content #bookingInfo { padding: 16px 16px 10px; }
#content #bookingInfo p, #content #bookingInfo address { margin-left:16px; }
#content #bookingInfoPricing h4 { background: none; padding: 0; margin-bottom: 13px; }
#content #mapsAndDirections { position: relative; }
#content #map iframe { display: block; border: 1px solid #000; padding: 2px; background-color: #CCC; outline: 1px solid #999; margin: 1.2em auto 3px; }
#content #map a { position: absolute; right: 20px; top: .9em; color: #36c; font-size: 1.3em; }

#content .introduction { font-size: 1.2em; }

#content .introQuote { background: url(../images/introQuoteImg.png) no-repeat; display: block; font-size:1.8em;
line-height:1.5em;
padding:20px;
text-align:center; color: #5C360E ;}

#content .photo { display: none; position: absolute; }
#content .photo0 { display: block; }

#content #photos { position: relative; width:477px; height: 353px; margin-bottom: 16px;}
#content #photos .photo { width:477px; height: 353px; }
#content #photos img { outline: 6px solid #F1B043; border: 1px solid #666; margin: 5px; position: absolute; }
#content .photoCaption { position: absolute; left: 6px; bottom: 6px; width: 455px; background-color: #000; opacity:.65; }
#content .photoCaption p { color: #FFF; padding: 16px 16px 0; font-style: italic; }

#content .item { overflow: hidden; }
#content .item img { float: left; border: 1px solid #5C360E; padding: 1px; margin: 4px 10px 10px 0; width: 138px; }
#content .item p.summary { float: right; width:291px; margin-bottom: auto; }
#content .item p.interest-link { float: right; margin: 10px 0 10px 10px; clear:both; }
#content .item h4 { margin-top: 0; }

#supportedBy img { display: block; margin: 0 auto; }

#footer { background: url(../images/footer-background.png) repeat-x bottom; border-bottom: 10px solid #F1B043; width:100%; }

#copywriteAddress { width: 960px; margin: 0 auto; color: #333; background: url(../images/footer-logo.png) no-repeat left bottom; padding: 20px 0 0 60px; }
#copywriteAddress address { margin-bottom: 0; }