/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#banner {
	background-image: url(../images/boxsign2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 0px;
	height: 110px;
	width: 100%;
}
				#fronttext { font-size: 16px; }
				#fronttext a {
	font-weight: bold;
	font-size: 16px;
}
#fronttext a:hover {
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
}
				#fronth2 { font-size:16px; line-height:1.5; }
				#fronth1 { font-size:16px; line-height:1.5; }
				.fronth2 {
	margin-left: 4%;
	line-height: 1.9;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
				#resource1 { font-size:18px; }
				.resource1 { font-size:18px;  }
				#TopPhoto {
	background-image: url(../images/FH_FRONT_D1down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 		margin-bottom: 0px;
	width: 100%;
	height: 196px;
}

#LLTopPhoto {
	background-image: url(../images/franklin3.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 				margin-bottom: 0px;
	width: 100%;
	height: 200px;
}

#FBTopPhoto {
	background-image: url(../images/NAD3.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 				margin-bottom: 0px;
	width: 100%;
	height: 200px;
}

#CFTopPhoto {
	background-image: url(../images/walpole3.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 						margin-bottom: 0px;
	width: 100%;
	height: 200px;
}
				#TopPhoto2 {
	background-image: url(../images/SFS_D_D1down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 246px;
}
				#servicesPhoto {
	background-image: url(../images/SerPhoto_3down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 8px;
	width: 100%;
	height: 246px;
}
				#burialPhoto { background-image:url(../images/burialPhoto_1down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:242px; }
				#cremationPhoto { background-image:url(../images/cremation1_1down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:242px; }
				#ppPhoto { background-image:url(../images/pp1_1down.jpg); background-repeat:no-repeat; background-position:center margin-top: 0px; margin-bottom:0px; width:100%; height:242px; }
				#auPhoto {
	background-image: url(../images/auPHOTO3.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 0px; 						margin-bottom: 8px;
	width: 100%;
	height: 173px;
}
				#sauPhoto { background-image:url(../images/SFSLDFH_FRONT_D1down.png); background-repeat:no-repeat; background-position:center margin-top: 0px; margin-bottom:0px; width:100%; height:210px; }
				
blockquote, blockquote p {font-size:14px; }				
#text {
	margin-left: 18px;
	margin-right: 18px;
	text-align: justify;
	font-weight: normal;
	font-size: 18px;
	text-indent: 12px;
}
#text a {
	text-decoration: none;
	font-weight: bold;
}
#text a:hover {
	font-weight:bold;
	text-decoration:underline;
}

#rtext {
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	text-indent: 12px;
}

h4 { font-size: 14px; line-height: 16px; font-weight:700; margin-top:0px; margin-bottom: 8px; text-align:center;  }

h5 { font-size: 14px; }

h6 { font-size: 14px; }

#footer {
	clear:both;
	text-align:center;
	color:#1F3378;
	font-family: Verdana, Geneva, sans-serif;
	font-size: xx-small;
	padding-top: 5px;
}
#footer a {
	color:#999999;
	text-decoration:none;
	font-weight: bold;
}
#footer a:hover {
	color:#000;
	text-decoration:none;
}
#CR {
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #333;
	text-align: center;
	padding-top: 8px;
}
#sharetop {
	width: 759px;
}
#nav {
	text-align: center;
	max-width: 400px;
}
#top {
	max-width: 785px;
	margin-left:auto;
	margin-right:auto;
}
.mobiletext {
	display:none;
}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		   #cb {
	font-size: 16px;
	margin-left:16px;
}
#nav {
	text-align: center;
	max-width: 658px;
}

#merchandise {
	display: none; 
}

#merchandise2 {
	display: inline; 
}

#merchandise3 {
	display: none;
	
}
.frontbuttons {
	display:none; 
}
.mobiletext {
	display:none;
}

		
}
	
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#address {
	font-size: 16px;
	font-weight: normal;
   }
   #cb {
	font-size: 16px;
	margin-left:16px;
}
				#TopPhoto {
	background-image: url(../images/FH_FRONT_D2down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}

#LLTopPhoto {
	background-image: url(../images/FH_FRONT_D2down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}
#FBTopPhoto {
	background-image: url(../images/FB_FRONT_D2down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}
#CFTopPhoto {
	background-image: url(../images/CF_FRONT_D2down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}
#auPhoto { background-image:url(../images/auPHOTO2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 0px; margin-bottom:8px; width:100%; height:162px; }

#burialPhoto { background-image:url(../images/burialPhoto_2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:246px; }

#cremationPhoto { background-image:url(../images/cremation1_2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:197px; }

#ppPhoto {
	background-image: url(../images/pp1_2down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 0px; 	margin-bottom: 6px;
	width: 100%;
	height: 197px;
}
#sharetop {
	width: 458px;
}

#nav {
	text-align: center;
	max-width: 458px;
}

#merchandise {
	display: none; 
}

#merchandise2 {
	display: none; 
}

#merchandise3 {
	display: inline;
	
}
.frontbuttons {
	display:none; 
}
.mobiletext {
	display:none;
}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#banner {
	background-image: url(../images/boxsign3.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 4px;
	height: 61px;
	width: 100%;
	margin-top: 6px;
}
#address {
	font-size: 14px;
	font-weight: normal;
   }
   #cb {
	font-size: 14px;
	margin-left:16px;
}
#top {
	height: 30px;
}
.tele {
	float: right;
	margin-left: 0px;
	margin-right: 2px;
	width: 170px;
	margin-top: 6px;
}
#nav {
	width:100%;
}
#fronttext {
	font-size: 18px;
	text-align: left;
}
#fronttext a {
	font-weight: bold;
	font-size: 18px;
}
#fronttext a:hover {
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}
.frontbuttons {
	display:block;
	height:36px;
    }
	.subheading {
		margin-top:0px;
	}
	.tele {
		display:none;
	}
    .mobiletext {
	display: block;
	margin-top: -8px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	text-indent: 12px;
	line-height: normal;
   }
    .mobiletext a {
	color:#663333;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
  }
    .mobiletext a:hover {
		color:#333333;
	font-weight:bold;
	text-decoration:underline;
  }	
  .mobiletext li {
	  margin-left:8px;
  }
#fronth3 {
	display:none;
}
#mytop { display:none;}
#top { display:none;}
		#fronth2 { font-size:14px; line-height:1.8; }
		#fronth1 { font-size:14px; line-height:1.8; }
		.fronth2 {
	margin-left: 2%;
	line-height: 1.8;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#fronth3 { font-size: 15px;}
		#resource1 { font-size:18px; }
		.resource1 { font-size:18px; }
		#TopPhoto {
	background-image: url(../images/FH_FRONT_D3down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 112px;
}

#LLTopPhoto {
	background-image: url(../images/franklin4.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 			margin-bottom: 0px;
	width: 100%;
	height: 160px;
}

#FBTopPhoto {
	background-image: url(../images/NAD4.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 			margin-bottom: 0px;
	width: 100%;
	height: 160px;
}

#CFTopPhoto {
	background-image: url(../images/walpole4.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 							margin-bottom: 0px;
	width: 100%;
	height: 135px;
}
		#TopPhoto2 {
	background-image: url(../images/SFS_D_D2down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 200px;
}
		#servicesPhoto { background-image:url(../images/SerPhoto_2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:8px; width:100%; height:200px; }
		#burialPhoto { background-image:url(../images/burialPhoto_2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:197px; }
		#cremationPhoto { background-image:url(../images/cremation1_2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:197px; }
		#ppPhoto { background-image:url(../images/pp1_2down.jpg); background-repeat:no-repeat; background-position:center margin-top: 0px; margin-bottom:0px; width:100%; height:197px; }
		#auPhoto {
	background-image: url(../images/auPHOTO4.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 0px; 					margin-bottom: 8px;
	width: 100%;
	height: 103px;
}
		#sauPhoto { background-image:url(../images/SFSLDFH_FRONT_D2down.png); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:8px; width:100%; height:171px; }
		ul, ol { margin-bottom: 18px; margin-left:2%; }
		
h5 { font-size: 18px; }

h6 { font-size: 18px; }

blockquote, blockquote p {font-size:13px; }
			
#text {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	text-indent: 12px;
}
#text a {
	text-decoration: none;
	font-weight: bold;
}
#text a:hover {
	font-weight:bold;
	text-decoration:underline;
}

#rtext {
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	text-indent: 12px;
}
#rtext a {
	text-decoration: none;
	font-weight: bold;
}
#rtext a:hover {
	font-weight:bold;
	text-decoration:underline;
}

.img { display: none; }
.subheading {
	font-weight: bold;
	font-size: 16px;
}

#footer {
	display: none; 
}
#footer a {
	display: none; 
}
#footer a:hover {
	display: none; 
}
#CR {
	display: none; 
}
#sharetop {
	width: 422px;
}
#merchandise {
	display: none; 
}

#merchandise2 {
	display: none; 
}

#merchandise3 {
	display: inline;
	
}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:479px){
		#banner {
	background-image: url(../images/title4.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0px;
	height: 79px;
	width: 100%;
}
#address {
	font-size: 14px;
	font-weight: normal;
   }
   #cb {
	font-size: 14px;
	margin-left: 36px;
}

#top {
    height: 72px;
    display: none;
}
.tele {
	float: right;
	margin-left: 0px;
	margin-right: 14px;
	width: 170px;
	margin-top: 6px;
}
#nav {
	width:290px;
}
	.frontbuttons {
	display:block;
	height:36px;
    }
	.subheading {
		margin-top:0px;
	}
	
    .mobiletext {
	display:block;
	margin-top:-8px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	text-indent: 12px;
	line-height: normal;
   }
    .mobiletext a {
	font-size: 16px;
	color:#663333;
	text-decoration: underline;
	font-weight: bold;
  }
    .mobiletext a:hover {
		color:#333333;
	font-weight:bold;
	text-decoration:underline;
  }	
  .mobiletext li {
	  margin-left:8px;
  }
#fronth3 {
	display:none;
}

		#fronttext {
	font-size: 18px;
	text-align: left;
}
#fronttext a {
	font-weight: bold;
	font-size: 18px;
}
#fronttext a:hover {
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}
		#fronth2 { font-size:12px; line-height:1.6; }
		#fronth1 { font-size:12px; line-height:1.6; }
		.fronth2 {
	margin-left: 8px;
	line-height: 1.6;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#fronth3 { font-size: 14px;}
		#resource1 { font-size:12px; }
		.resource1 { font-size:12px; }
		#TopPhoto {
	background-image: url(../images/FH_FRONT_D4down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 81px;
}

#LLTopPhoto {
	background-image: url(../images/franklin5.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 			margin-bottom: 0px;
	width: 100%;
	height: 90px;
}

#FBTopPhoto {
	background-image: url(../images/NAD5.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 			margin-bottom: 0px;
	width: 100%;
	height: 90px;
}

#CFTopPhoto {
	background-image: url(../images/walpole5.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 					margin-bottom: 0px;
	width: 100%;
	height: 90px;
}
		#TopPhoto2 {
	background-image: url(../images/SFS_D_D3down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 8px; 	margin-bottom: 0px;
	width: 100%;
	height: 154px;
}
		#servicesPhoto { background-image:url(../images/SerPhoto_4down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:8px; width:100%; height:108px; }
		#burialPhoto { background-image:url(../images/burialPhoto_4down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:106px; }
		#cremationPhoto { background-image:url(../images/cremation1_4down.jpg); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:8px; width:100%; height:106px; }
		#ppPhoto {
	background-image: url(../images/pp1_4down.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 0px; 	margin-bottom: 6px;
	width: 100%;
	height: 106px;
}
		#auPhoto {
	background-image: url(../images/auPHOTO5.jpg);
	background-repeat: no-repeat;
background-position:center margin-top: 0px; 					margin-bottom: 8px;
	width: 100%;
	height: 75px;
}
		#sauPhoto { background-image:url(../images/SFSLDFH_FRONT_D3down.png); background-repeat:no-repeat; background-position:center margin-top: 8px; margin-bottom:0px; width:100%; height:131px; }
		ul, ol { margin-bottom: 18px; margin-left:2%; }
		
h5 { font-size: 11px; }

h6 { font-size: 11px; }

#form { margin-left:0px; margin-right:0px; }

blockquote, blockquote p {font-size:12px; }

		#text {
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	text-indent: 12px;
	line-height: normal;
}
#text a {
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}
#text a:hover {
	font-weight:bold;
	text-decoration:underline;
}

#rtext {
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	text-indent: 12px;
}
#rtext a {
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}
#rtext a:hover {
	font-weight:bold;
	text-decoration:underline;
}


.subheading {
	font-weight: bold;
	font-size: 16px;
}
.img { display: none; }

#footer {
	display: none; 
}
#footer a {
	display: none; 
}
#footer a:hover {
	display: none; 
}
#CR {
	display: none; 
}
#sharetop {
	width:290px; }
#caption {
	font-size: 11px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 8px;
	text-align: center;
}

#merchandise {
	display: none; 
}

#merchandise2 {
	display: none; 
}

#merchandise3 {
	display: inline;
	
}



			.nav {
	position: relative;
	min-height: 40px;
	z-index: 10;
	}	
	.nav ul {
	width: 180px;
	padding: 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #aaa;
	background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: urlurl(../images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}

@media only screen and (max-width:384px){
	
	#banner {
		margin-top:2px;
	}
	#wrapper {
		display:none;
	}
	#top {
		display:none;
	}
	.frontbuttons {
	display:block;
	height:36px;
    }
	.subheading {
		margin-top:0px;
	}
	
    .mobiletext {
	display:block;
	margin-top:-8px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	text-indent: 12px;
	line-height: normal;
   }
    .mobiletext a {
	font-size: 16px;
	color:#663333;
	text-decoration: underline;
	font-weight: bold;
  }
    .mobiletext a:hover {
		color:#333333;
	font-weight:bold;
	text-decoration:underline;
  }	
  .mobiletext li {
	  margin-left:8px;
  }
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/*@media only screen and (max-width: 767px) {
    .content-slider li {
        min-width:200px;
    }
}*/