/* Styles for content pages */


/************************************************************
Image frames */

.frame {
	position:relative;
}
.frame img {
	box-shadow:0 3px 8px rgba(0,0,0,0.75);
	padding:0.4em;
	background:#fff;
	border-radius:0.3em;
}
.frame strong {
	position:absolute;
	left:-0.5em;
	bottom:1.4em;
	background:#f8f7f1;
	color:#6d6e6e;
	font:10pt/1 Futura,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	padding:0.8em 0.8em 0.6em;
	border-radius:0.3em;
	box-shadow:0 2px 5px rgba(0,0,0,0.75);
}


/************************************************************
FAQs */

#faqs {
	margin:1.5em 0;
	padding:0 0 0 2.5em;
	position:relative;
}
#faqs dt {
	font:14pt/1.5 Futura,Arial,Helvetica,sans-serif;
	color:#64BC46;
	border-top:1px solid #e0e0e0;
	margin:0 0 0 -2em;
	padding:0.5em 0 0.5em 2em;
}
#faqs dd {
	margin:0 0 1.5em;
	padding:0;
}
#faqs p:first-child {
	margin:0 0 1em;
}

#faqs dt:before,
#faqs dd:before {
	position:absolute;
	font:18pt/1 Futura,Arial,Helvetica,sans-serif;
	left:0;
}
#faqs dt:before {
	content:'Q:';
}
#faqs dd:before {
	content:'A:';
}


/************************************************************
Photo gallery */

/* Gallery tiles */
#gal-tiles {
	list-style:none;
	margin:2em -1em 0 -4px;
	padding:0;
}
#gal-tiles li {
	display:inline-block;
	text-align:center;
	width:23.5%;
	margin:0 1% 1.5em 0;
}
#gal-tiles a {
	display:block;
}
#gal-tiles img {
	display:block;
	max-width:99%;
	margin:0 auto;
	border:5px solid #fff;
	border-radius:4px;
}
#gal-tiles h4 {
	font-size:12pt;
	color:inherit;
	margin:0.5em 0.4em;
}



/* Gallery photos */
#photo-main {
	position:relative;
	margin:2em -0.5em -0.5em;
	padding:0;
	min-height:600px;
}
#photo-main img {
	display:block;
	margin:0 auto;
	max-height:600px;
	background:#fff url('../js/jb-lightbox/loading.gif') no-repeat center center;
	border:5px solid #fff;
	border-radius:4px;

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#photo-main figcaption {
	margin:1em;
}
#photo-main nav a {
	position:absolute;
	text-indent:-9999px;
	outline:none;
	height:130px;
	width:80px;
	top:50%;
	margin:-65px 0 0;
	background:rgba(89,147,65,0.75);
}
#photo-main nav a:after {
	content:' ';
	position:absolute;
	top:50%;
	left:50%;
	margin:-14px 0 0 -8px;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
}
#photo-main #photo-prev {
	left:5px;
	border-radius:0 0.2em 0.2em 0;
}
#photo-main #photo-prev:after {
	border-right:15px solid #251c1b;
}
#photo-main #photo-next {
	right:5px;
	border-radius:0.2em 0 0 0.2em;
}
#photo-main #photo-next:after {
	border-left:15px solid #251c1b;
}

/* Slider */
#slider {
	position:relative;
	padding:2.5em 0 0;
}
#slider div {
	overflow:hidden;
}
#slider ul {
	list-style:none;
	white-space:nowrap;
	font-size:0;
	margin:0;
	padding:0;
}
#slider li {
	display:inline-block;
	font-size:10.5pt;
	margin:0 1em 0 0;
}
#slider img {
	max-width:142px;
	height:92px;
	border:3px solid #fff;
	border-radius:2px;
	opacity:0.6;
}
#slider li.sel img,
#slider img:hover {
	opacity:1;
}

#slider nav {
	position:absolute;
	right:0;
	top:0;
}
#slider nav a {
	font:bold 36pt/0.5 Futura,Arial,Helvetica,sans-serif;
	color:rgba(0,0,0,0.4);
	opacity:0.5;
}
#slider nav a:hover {
	opacity:1;
}


/************************************************************
Odds and Ends */

#map-canvas {
	height:160px;
	margin:1.5em 0 2.5em -0.5em;
	border:0.7em solid #fff;
	border-radius:1em;
	box-shadow:0 0 0.3em rgba(0,0,0,0.2);
}

.g-recaptcha > div {
  	margin: 15px 38%;
}