body{
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 overflow-x: hidden;
	 font-family: franklin-gothic-urw, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #3c3835;
	background-color: #3c3835;

}

html {margin: 0; padding: 0;}

img, a, h1, h2, h3, h4, h5, tr, td {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.master-width {width: 85%; max-width: 1400px; margin: 0 auto; }


#logo {width: 250px; height: auto; position: relative; top: 4px;}


p {font-size: 16px; line-height: 23px;}

.red {color: #ca602d; }
.green {color: #a0aa4d; }
.cream {color: #f1e5b2; }
.tan {color: #a79e87; }
.black {color: #3c3835; }
.white {color: #FFF; }


.black-bgnd {background-color:#3c3835;  }


.line {width: 100%; height: 1px; background-color: #a79e87; margin: 40px 0 30px 0; display: block; }

a:link {text-decoration: none; color: #ca602d; }
a:visited {text-decoration: none; color: #ca602d; }
a:hover {text-decoration: none; color: #a79e87; }


h1 { 
	font-family: Cent-Schoolbook-Bold, serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 85px;
	line-height: 90px;
	color: #3c3835; 
	margin: -10px 0 0 0;
	padding: 0;
}

h2 {
	font-family: Cent-Schoolbook-Bold, serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 30px;
	color: #FFF; 
	margin:  0 0 0 40px;
	padding: 0;
}

h3 {
	color: #FFF; 
	font-family: Cent-Schoolbook-Bold, serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 45px;
	text-align: center;
	margin: 30px 0 20px 0;
}

h4 {
	color: #f1e5b2;
	font-family: Cent-Schoolbook-Bold, serif; 
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 10px;
}

h5 {
	color: #a89e85;
	font-size: 20px;
	font-weight: 900;
	margin: 5px 0 20px 0; 
	padding: 0;
	
}

h6 {
	color: #FFF; 
	font-family: Cent-Schoolbook-Bold, serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 26px;
	text-align: center;
	margin: 90px 20% 20px 20%;
}

h7 {
	color: #3c3835;
	font-family: Cent-Schoolbook-Bold, serif; 
	font-size: 26px;
	line-height: 32px;
	font-weight: normal;
	font-style: normal;
}






#header-height {height: 120px; max-height: 120px; }

.header-right {text-align: right; color: #ca602d; font-weight: 500; font-size: 13px;}

a:link.header-link {color: #ca602d; font-weight: 500; font-size: 13px; text-decoration: none; }
a:visited.header-link {color: #ca602d; font-weight: 500; font-size: 13px; text-decoration: none; }
a:hover.header-link {color: #a79e87; font-weight: 500; font-size: 13px; text-decoration: none; }

a:link.black-link {color: #000; text-decoration: none; }
a:visited.black-link {color: #000; text-decoration: none; }
a:hover.black-link {color: #a79e87; text-decoration: none; }

.margin22 {margin-right:20px;}
.margin5 {margin-right:5px;}

.cream-box {
	background-color: #fbf7e8; 
	background-image: url(../images/bgnd-logomark.png); 
	background-position: center center; 
	background-repeat: no-repeat;  
	background-size: 200px 195px;
	border-radius: 5px;
	min-height: 260px;
	}

.rounded {border-radius: 5px; }

.third {width: 33%; margin: 0 0 2% 2%;}

.news-img {width: 33%; max-width: 350px; margin: 0 0 2% 2%;}


.opacity:hover {opacity: 0.8; }

.top-icon {margin-left: 20px; margin-right: 3px; height: 26px; width: 26px; position: relative;  top: 9px; text-align: right; }

.thumb {width: 120px; height: auto; border-radius: 5px; }
.thumb-medium {width: 150px; height: auto; border-radius: 5px; margin:5px;}

.my-gallery {text-align: left; }

.gallery {width: 100%; height: auto;
}


#wrapper {background-color: #FFF; overflow-x: hidden; }



.rock-bgnd {background-image: url(../images/bgnd.jpg); background-size: 573px 338px; background-attachment: fixed; background-position: center center; width: 100%; margin: 0;  padding: 0; border: 1px solid #fbf7e8; }

#home-content {
	background-color: #FFF; 
	border-radius: 5px 5px 0 0; 
	min-height: 500px; 
	position: relative; 
	top: -20px; 
	margin: -20px 0 0 0; 
	padding: 40px; 
	position: relative; 
	box-shadow: 8px 0px 25px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.15);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 2px 20px rgba(0,0,0,0.15);  /* Firefox 3.5 - 3.6 */
	
	}


#int-content {
	background-color: #FFF; 
	position: relative; 
	top: -1px;
	padding: 40px 40px 100px 40px; 
	margin: 0; 
	position: relative; 
	box-shadow: 8px 0px 25px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.15);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 2px 20px rgba(0,0,0,0.15);  /* Firefox 3.5 - 3.6 */
	
	}
	
#int-content-2 {
	background-color: #FFF; 
	position: relative; 
	top: -1px;
	padding: 0; 
	margin: 0; 
	position: relative; 
	box-shadow: 8px 0px 25px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.15);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 2px 20px rgba(0,0,0,0.15);  /* Firefox 3.5 - 3.6 */
	
	}	


a:link.news-link {color: #ca602d; font-weight: 700; text-decoration: none; font-size: 18px; }
a:visited.news-link {color: #ca602d; font-weight: 700; text-decoration: none; font-size: 18px; }
a:hover.news-link {color: #a79e87; font-weight: 700; text-decoration: none; font-size: 18px; }

.news-blurb {font-weight: 400; font-size: 15px; margin: 5px 0 12px 0;}

.news-blurb a:link {text-decoration: none; color: #a0aa4d; font-weight: 700; }
.news-blurb a:visited {text-decoration: none; color: #a0aa4d; }
.news-blurb a:hover {text-decoration: none; color: #a79e87; }

.date {font-size: 12px; color: #a79e87; font-family: franklin-gothic-urw-cond, sans-serif; }


.feature:link {
	background-size: cover; background-position: center center; border-radius: 5px; height: 180px; border: none;  text-decoration: none; color: #FFF;}
.feature:visited {
	background-size: cover; background-position: center center; border-radius: 5px; height: 180px; border: none;  text-decoration: none; color: #FFF; }
.feature:hover {
	background-size: cover; background-position: center center; border-radius: 5px; height: 180px; border: none; cursor: hand; text-decoration: none; color: #FFF; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);
}

.feature-txt {width: 100%; border-radius: 0 0 5px 5px; background-color: #a79e87; display: block;padding: 13px 0 13px 0;text-align: center; font-size: 17px; font-weight: 700; position: relative; top: 140px; }


a:link.chatmoss, a:visited.chatmoss {color: #fff; opacity: 0.3; }
a:hover.chatmoss {opacity: 0.15; }


#orange-bar-bgnd {width: 100%; background-position: center bottom; background-size: cover;  background-repeat: no-repeat; opacity: 0.4;  padding: 50px 0 50px 0; min-height: 230px; background-attachment: fixed; text-align: center;	filter: grayscale(100%);
  mix-blend-mode: multiply; }


.orange-bar {background-color: #ca602d; position: relative; top: -20px; text-align: center; width: 100%; }

.orange-bar-txt {position: absolute; top: 0px; z-index: 100; width: 100%;  text-align: center; }

.orange-bar-p {font-size: 17px; line-height: 22px; color: #FFF; margin: 0 20% 50px 20%; text-align: center;}

.orange-bar-p p {font-size: 17px; line-height: 22px; color: #FFF; text-align: center;}

a:link.box-link {border: 1px solid #FFF; padding: 10px 20px 10px 20px; color: #FFF; text-decoration: none; font-size: 20px; letter-spacing: 2px; font-family: franklin-gothic-urw-comp, sans-serif; text-align: center; }
a:visited.box-link {border: 1px solid #FFF; padding: 10px 20px 10px 20px; color: #FFF; text-decoration: none; }
a:hover.box-link {border: 1px solid #FFF; color: #ca602d; text-decoration: none; font-size: 20px; background-color: #FFF;}

a:link.orange-box-link {border: 1px solid #ca602d; padding: 10px 20px 10px 20px; color: #ca602d; text-decoration: none; font-size: 20px; letter-spacing: 2px; font-family: franklin-gothic-urw-comp, sans-serif; text-align: center; display: inline-block; margin-bottom: 10px; }
a:visited.orange-box-link {border: 1px solid #ca602d; padding: 10px 20px 10px 20px; color: #ca602d; text-decoration: none; }
a:hover.orange-box-link {border: 1px solid #ca602d; color: #FFF; text-decoration: none; font-size: 20px; background-color: #ca602d;}


.footer-col {color: #FFF; font-size: 16px; line-height: 20px; font-family: franklin-gothic-urw-cond, sans-serif; }

.footer-col a:link {color: #FFF; font-size: 16px; line-height: 20px; font-family: franklin-gothic-urw-cond, sans-serif; display: block; text-decoration: none; }
.footer-col a:visited {color: #FFF; font-size: 16px; line-height: 20px; font-family: franklin-gothic-urw-cond, sans-serif; display: block; text-decoration: none; }
.footer-col a:hover {color: #f0e5b1; font-size: 16px; line-height: 20px; font-family: franklin-gothic-urw-cond, sans-serif; display: block; text-decoration: none; cursor: hand; }

.responsive {width: 100%; height: auto;}

.int-feat {width: 100%;display: block; margin-bottom: 20px;}

.find-home-img {background-position: center center; background-size: cover; min-height: 400px; }
.find-home {min-height: 400px; }
.find-home-txt {margin: 40px 40px 0 40px;}


#mask {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 99;
    height: 134px;
    width: 100%;
}
#mask iframe {
    position: absolute;
    border-radius: 6px;
    top: 0; left: 0;
    z-index: 50;
}

#mask-2 {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 99;
    height: 450px;
    width: 100%;
}
#mask-2 iframe {
    position: absolute;
    border-radius: 6px;
    top: 0; left: 0;
    z-index: 50;
}

#mask-3 {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 99;
    height: 650px;
    width: 100%;
}
#mask-3 iframe {
    position: absolute;
    border-radius: 6px;
    top: 0; left: 0;
    z-index: 50;
}

.hidden {visibility: hidden;}


/*-----------------*/
/*****  IMG TRANSITION *****/
/*-----------------*/




.grid {
	position: relative;
	clear: both;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.grid:after {	
	 content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 120px 15px rgba(0,0,0,0.33);
	}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	padding: 0;
	margin: 0;
	
	
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	overflow: hidden;
}


.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 60px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: Cent-Schoolbook-Bold, serif;

}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
		line-height: 46px; 

}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*-----------------*/
/***** Apollo IMG TRANSITION *****/
/*-----------------*/

figure.effect-apollo {
	background: #ca602d;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	left: 0;
	top: 0px;
	margin: 10%;
	padding: 0 1em;
	max-width: 350px;
	border-left: 4px solid #fff;
	text-align: left;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	filter: grayscale(100%);
	mix-blend-mode: multiply;
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}




/*** MENU STUFF ***/


.slicknav_menu {
	display:none;
}

.js .slicknav_menu {
		display:block;
	}
	

#menu {
	position: relative;
    font-size: 18px; 
    font-weight: 400;
	top: 30px;
	left: 0px;
    margin-top: 0;
    padding-top: 0;
    text-align: right;
    font-weight: 500;
    display: inline-block;
    
    
}

#menu li {position: relative; display: inline-block;  list-style: none;}

#menu li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */
 

#menu li a:link 	{color: #3c3835; cursor: hand; text-decoration: none; padding: 10px;  }
#menu li a:visited 	{color: #3c3835; text-decoration: none;}
#menu li a:hover 	{color: #a79e87;  text-decoration: none; }

#menu li:hover > ul {
	display: block; 
	visibility: visible;
	opacity:1;
    filter:alpha(opacity=100);
}


#menu li ul {
    position: absolute;
	visibility: hidden;    
	background-color: #f2eddb; 
    z-index: 99999999999999999999999999;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:300ms ease;
    -moz-transition:300ms ease;
    -o-transition:300ms ease;
    text-align: left;
    transition:300ms ease;
    width:150px;
    min-width: 150px;
    float: left;   
    top: 30px;
    border-top: 10px solid #ca602d;

}

#menu li ul li {
	margin-right: 0;
	position: relative;
	
 }
 
#menu li ul li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */


#menu li ul li {display: block; width: 210px; }

#menu li ul li a:link {
	color: #3c3835; 
	cursor: hand;    
	font-size: 15px;
	padding: 10px;
	display: block;
	position: relative; 
	left: -40px;
	width: 170px;  
	
	
 }
#menu li ul li a:visited {
	color: #3c3835; 
	cursor: hand;    
	font-size: 15px;
	padding: 10px;
	display: block;
	position: relative; 
	left: -40px;
	width: 170px;  
	
	
 }
#menu li ul li a:hover {color: #fff; background-color: #ca602d; }
#menu li ul li a:active {color: #fff; background-color: #ca602d; }

#menu li ul li:hover > ul {
	display: block; 
	opacity:1;
    filter:alpha(opacity=100);
}

#menu li ul li ul {
	display: none; 
	position: absolute; 
	float: right; 
	background-color: #f68b1f; 
	left: 200px; 
	top: 0px;
	}

#menu li ul li ul li {display: block; width: 240px;}

#menu li ul li ul li a:link {
	color: #FFF; 
	cursor: hand;    
	font-size: 12px;
	padding: 4px 4px 4px 10px;
	display: block;


	
 }
 
 /* added by John F for Admin */
 
#admin-menu-bar {padding:5px 0 7px 0;background-color:#3A3836;color:white;}
 
a:link.admin {text-decoration: none; color: #fff; font-weight:bold;}
a:visited.admin {text-decoration: none; color: #fff; font-weight:bold; }
a:hover.admin {text-decoration: underline; color: #fff; font-weight:bold; }

.stretchy {width: 90%; height: 30px; font-size:15px; padding-left:5px;}
.btn-action {padding: 8px 20px 8px 20px; color: #FFF; font-size: 14px; font-weight: 400; background-color: #e47100; border-radius: 3px; text-decoration: none; display: inline-block; border: none; cursor:pointer; cursor:hand;  }
.btn-other {padding: 8px 20px 8px 20px; color: #FFF; font-size: 14px; font-weight: 400; background-color: #666; border-radius: 3px; text-decoration: none; display: inline-block; border: none;  cursor:pointer; cursor:hand; }
.btn-small {padding:3px 8px 3px 8px; font-size:12px;
	
.tablegrid {border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0;}
.tablegrid td {border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}