/* default */
html,body{
	margin:0px; padding:0px;
	min-width:1000px;
	background:#486d2f;
	font-family:"Helvetica-Light",Helvetica, Arial, sans-serif;
}

div{
	display:block; position:relative;
	margin:0; padding:0;
}

.inner{
	display:block; position:relative;
	width:90%; margin:0px auto; padding:0px;
	max-width:900px
}

.padthep .content p{
	margin-top:10px !important;
}
img{
	border:none;
}


a[class="fancybox.iframe"] img{
	display: block !important;
	width:auto;
	max-width:100%;
	margin:0 0 10px !important;
	margin-right:10px !important;
}
a[class="fancybox.iframe"]{
	display: inline-block !important;
	float: left;
	z-index:10;
	position:relative;
}


/* headers */
#header{
	left:0px; top:0px;
	background-color:#548830;
	background:rgba(72, 109, 47,.8);
	width:100%; height:114px;
	border-bottom:1px #548830 solid;
	z-index:100;
-ms-filter: "alpha(opacity=90)";
}
#header .fontscale{
	display:block; position:absolute;
	right:0px; top:70px;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
}
#header .logo{
	display:block; position:absolute;
	left:15px; top:20px;
	width:328px; height:58px;
	background:url(images/logo.png)
}
#navigation{
	position:absolute;
	background-color:#2a4217;
	background:rgba(25, 48, 13,.7);
	left:0px; bottom:0px;
	height:24px; width:100%;
	border-top:1px #548830 solid;i
}
#navigation li:hover > ul{
	display:block;
}
#navigation ul, #navigation li{
	display:block; position:relative;
	list-style:none;
	margin:0px; padding:0px;
}
#navigation a{
	color:#FFF;
	text-decoration: none;
	font-size:14px;
	padding:0px 17px;
}
#navigation ul li:last-child a{
	margin-right:0px;
}
#navigation div ul li:hover{

}
#navigation ul > li{
	display:inline-block;
	line-height:1.5em;
}
#navigation div ul li ul{
	display:none;
	position:absolute;
	height:auto; width:140px;
	background:#FFF;
	left:0px; top:24px;

	box-shadow:2px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.3);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);
	border:1px #FFF solid;
}
#navigation div ul li ul li{
	display:block;
	background:#b9bab5;
}
#navigation div ul li ul a{
	display:block;
	width:130px;
	color:#666;
	padding:2px 5px;
	border-bottom:1px #FFF solid;
}
#navigation div ul li ul a:hover{
	background:#666666;
	color:#FFF;
}
#navigation div ul li ul li:last-child a{

}
#navigation div ul ul ul{
	position:absolute;
	top:-1px;
	left:140px;
}
a:link, a:hover{
	border:none
}
a:visited{
	border:none;
}
ul li strong{
	display: -moz-deck;
	position: relative;

}


/* body elements */
#body{
	min-height:700px;
	background:#FFF url(images/backgrounds/background1.jpg) top center no-repeat;
	padding-top:114px;
	margin-top:-115px
}
button{
	display:block; position:relative;
	padding:5px 10px; font-size:16px;
	font-family:inherit;


}
.buttons1{
	display:block; position:relative;
	margin:0; padding:0;
	list-style:none;
	vertical-align:top;
}
.buttons1 li{
	display:inline;
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px auto;
	text-align: center
}
.buttons1 a{
	display:inline-block;
	width:191px;
	height:146px;
	margin:0px auto;
}
.subscribe{
	background:#b9bab5;
	width:75%;
	height:45px;
	margin:15px 0;
	text-align:right
}
.homepage .subscribe{
	width:52%
}
.subscribe img{
	margin-right:5px;
}
.subscribe input{
	width:143px; height:21px;
	background:#FFF; border:none;
	padding:5px;
	outline:none;
}
.content{
	vertical-align:top;
}
.content-side{
	display:inline-block; width:420px; margin:0; padding-left:10px; vertical-align:top
}
.content-side p{
	color:#486d2f;
	font-size:12px;
	font-weight:bold;
}
.content p a{
	color:#486d2f
}
.content-side p b{
	display:block; font-weight:bold;
}
.content-side-image{
	margin-top:40px;
	text-align:center
}
.gallery img{

}
.gallery div{
	vertical-align:top;
	display:inline-block; position:relative;
	margin-right:15px;
	margin-bottom:15px;
	width:200px;
}
.gallery div:nth-child(2n){
	margin-right:0px;
}

/* form elements */
input{
	font-size:13px;
	font-family:"Helvetica-Light",Helvetica, Arial, sans-serif;
}


/* footer elements */
#footer{
	height:250px;
	box-shadow:0px 10px 10px -10px #000 inset;
}
#footer p{
	padding:20px 0px 0px 20px;
	color:#FFF;
	font-size:13px;
}
.social{
	position:absolute;
	right:0px;
	top:20px;
	opacity:.5
}

img[style*="float: right"], img[style*="float:right"] {
	margin-left:10px;
	margin-bottom:10px;
}

img[style*="float: left"], img[style*="left"] {
	margin-right:10px;
	margin-bottom:10px;
}




/* header elements */
h1,h2,h3,h4,h5,h6{
	font-family:"Helvetica-Light",Helvetica, Arial, sans-serif;
}
h1{
	color:#486d2f;
	font-family:inherit;
	font-weight:normal;
	font-size:18px;
	line-height:26px;
	margin:0; padding:0;
}
.content h2{
	font-size:18px;
}
h2{
	display:block;
	position:relative;
	margin:0 15px; padding:0;
	margin-top:260px;
	color:#486d2f;
	font-family:Georgia;
	font-weight:normal;
	font-size:24px;
}
p, span{
	display:block; position:relative;
	margin:0px; padding:0px;
	color:#666;
	font-size:16px !important;
	line-height:20px !important;
}

.contacts{
	display:block; position:relative;
	font-size:13px; color:#486d2f;
	list-style:none; margin:0 0 15px; padding:0;
	margin-top:20px;
}

.contacts li{
	display:inline-block; position:relative;
	list-style:none; margin:0; padding:0;
	vertical-align:top;
	width:45%;
	margin-right:10px;

}
.contacts li:last-child{
	margin:0;
}
.contacts a{
	display:block;
	margin-top:5px;
	margin-bottom:10px;
	color:inherit !important;
}
.address-info{
	display:block; position:relative;
	font-size:12px;
	list-style:none; margin:0; padding:0;
	margin-top:10px;
}
.address-info li{
	list-style:none; margin:0; padding:0;
	display:inline-block; position:relative; vertical-align:top;
	width:130px;
	margin-right:10px;
}
.address-info li:last-child{
	margin:0
}
.address-info a{
	color:inherit !important;
}

/* gradients */
.gradient1{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(229,230,228,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,230,228,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,230,228,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,230,228,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,230,228,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,230,228,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e6e4', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
	padding-bottom: 70px;
}
.fill{
	padding-top:15px;
	margin-top:15px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3YjliMiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I3YjliMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(183,185,178,0.4) 0%, rgba(183,185,178,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,185,178,0.4)), color-stop(100%,rgba(183,185,178,0)));
	background: -webkit-linear-gradient(top,  rgba(183,185,178,0.4) 0%,rgba(183,185,178,0) 100%);
	background: -o-linear-gradient(top,  rgba(183,185,178,0.4) 0%,rgba(183,185,178,0) 100%);
	background: -ms-linear-gradient(top,  rgba(183,185,178,0.4) 0%,rgba(183,185,178,0) 100%);
	background: linear-gradient(to bottom,  rgba(183,185,178,0.4) 0%,rgba(183,185,178,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b7b9b2', endColorstr='#00b7b9b2',GradientType=0 );
	padding-bottom: 70px;
}


/* contact form */
.contact{
	display:block; position:relative;
}
.contact label{
	display:block; position:relative;
	font-size:14px;
	color:#666666;
	margin:15px 0;
}
.contact label div{
	display:block; position:relative;
}
.contact input[type=text], .contact select, .contact textarea{
	display:block; position:relative;
	width:92%;
	height:30px;
	text-indent:10px;
	outline:none;
	margin:3px 0; padding:0;
	background:#FFF;
	border:1px solid #9d9d9d;
}
select{
	text-indent:0px !important;
}
.contact textarea{
	height:100px
}
.contact input[type=submit]{
	width:100px;
	height:32px;
	background:#b9bab5;
	margin:0; padding:0;
	color:#FFF;
	border:none;
	cursor:pointer;
	margin-left:285px
}

/* custom slider */
.slider{
	position:relative;
	display:block;
	left:0px; top:0px;
	width:884px;
	height:349px;

}
.slider a{
	position:absolute;
	left:0px; top:0px;
}
.slider a:nth-child(1n+2){
	display:none;
}
.slider img{
	border:none;
}
.news-events img{
	border:none;
	width: auto;
	max-width: 100%;
}


.promotions{
	margin:-10px;
}
.promotions td{
 vertical-align:top;
 color:#666;
 font-size:16px;
 width:50%;
 padding-bottom:15px;
}
.promotions p{
 padding:5px;
 padding-left:8px;
 width:95%
}
.alignnone{
	width: auto;
	height:auto;
	max-width:100%;
}

.promotions td:before{
 display:block; position:relative;
 width:100%;
 max-width:430px; height:50px;
 content:" ";
 background:url(http://meca.familyrecordsguide.com/wp-content/uploads/2013/04/promo-header.jpg);
 margin-bottom:15px;
}

.promotions tr td:before{

}
.promotions tr:nth-child(1) td:nth-child(2):before{
	background-position:0 150px;
	-ms-background-position-y:150px;
}
.promotions tr:nth-child(2) td:nth-child(1):before{
	background-position:0 -50px;
	-ms-background-position-y:-50px;
}
.promotions tr:nth-child(2) td:nth-child(2):before{
	background-position:0 -200px;
-ms-background-position-y:-200px;
}
.promotions tr:nth-child(3) td:nth-child(1):before{
	background-position:0 200px;
-ms-background-position-y:200px;
}
.promotions tr:nth-child(3) td:nth-child(2):before{
	background-position:0 50px;
	-ms-background-position-y:50px;
}


.promotions tr:first-child td:first-child + td:before{
	background-position:0 150px;
}
.promotions tr:first-child + tr td:first-child:before{
	background-position:0 -50px;
}
.promotions tr:first-child + tr td:first-child + td:before{
	background-position:0 -200px;
}

.promotions tr:first-child + tr + tr td:first-child:before{
	background-position:0 200px;
}
.promotions tr:first-child + tr + tr td:first-child + td:before{
	background-position:0 50px;
}



.fancybox.iframe img, .content-side img{
border:none
}

.pricing-button{
color:#fff !important;
padding:10px;
margin:10px;
text-decoration:none;
box-shadow:0 30px 30px -30px #fff inset;
}
a.green{
background:#486d2f;
border:2px #486d2f solid;
}
a.gold{
background:#784b24;
border:2px #784b24 solid;
}
a.teal{
background:#2f656d;
border:2px #2f656d solid;
}
a.purple{
background:#5a3a62;
border:2px #5a3a62 solid;
}
a.red{
background:#9e0b0f;
border:2px #9e0b0f solid;
}
a.lgreen{
background:#787324;
border:2px #787324 solid;

}


@media print{
	h2{
		margin:0;
	}
	#header, #footer, .subscribe{
		display:none;
	}
	.fill{

		margin-top:5px;
	}
	.inner{
		width:auto;
	}
	#body{
		padding:0;
	}

}

.content > div:first-child{
	width:72% !important;
	display: inline-block;
	vertical-align:top;
	margin: 0;
	padding: 0 15px;
}
.content > div:last-child{
	width:22% !important;
	display: inline-block;
	vertical-align:top;
}

.homepage .content > div:first-child{
	width:51% !important;
}
.homepage .content > div:last-child{
	width:44% !important;
}


.mobile{
	display: none !important;
}


@media only screen
and (max-width:768px){
	.desktop{
		position:absolute;
		visibility: hidden;
	}
	.mobile{
		display: block !important
	}
	.mobile-click{
		position:absolute;
		right:10px;
		top:50px;
		color:#fff;
		font-weight: bold;
	}
	html, body{
		min-width:300px;
	}
	.inner{
		width:90%;
	}
	.content-side{
		padding-left:0px;
		margin:20px 0;
	}

	.content > div:first-child{
		width:60% !important;
	}
	.content > div:last-child{
		width:30% !important;
	}
	.promotions td{
		width:100%;
		display:block;
	}


	#navigation{
		background:#2a4217;
		height:auto;
		bottom: auto;
		display: none;
		padding:20px 0;
	}
	#navigation ul > li{
		display:block;
	}
	#navigation div ul li ul{
		display: block;
		position:relative;
		width:auto;
		height:auto;
		background:none;
		top:auto;
		left:20px;
		box-shadow: none;
		border: none;

	}
	#navigation div ul li ul li{
		background: none;
	}
	#navigation div ul li ul a{
		color:#fff;
		padding: 0px;
		width: auto;
		border: none;
		margin-left:20px;
	}
}


@media only screen
and (max-width:568px){
	#header .logo{
		background-size:contain;
		background-repeat: no-repeat;
		width:228px;
		height:40px;
		top:28px;
	}
	.inner{
		width:90%;
		margin:0px auto;
	}
	.content > div:first-child, .homepage .content > div:first-child{
		width:90% !important;
		display:block;
	}
	.content > div:last-child, .homepage .content > div:last-child{
		margin-top:15px;
		width:auto !important;
		display:block;
	}
	.subscribe{
		height:auto;
		width:100%
	}
	.subscribe > div{
		font-size:12px !important;
		width:122px !important;
	}
	.products > div{
		margin:0px auto;
		display: block !important;
	}
	.listBurials{
		display: block !important;
		width:auto !important;
	}
	#footer p, #footer a, #footer{
		font-size:12px !important;
	}
	.buttons1 a{
		display:block;
		margin:0px auto;
	}
	.contact input[type=submit]{
		margin-left:0px;
	}

	div[style*='width:600px']{
		width:auto !important
	}

	div[style*='width:400px']{
		width:auto !important
	}
	.tribute input, .tribute textarea, .tribute select{
		width:100% !important;
		box-sizing: border-box
	}
	.slider{
		width:auto;
		height: 150px;
	}
	.burial-box{
		width:90% !important;
		display: block !important;
	}

}


.burial-box{
	padding:10px 5px; width:47%; display:inline-block; vertical-align:top; background:#eee; border-radius:10px; margin:5px; box-sizing:border-box
}


.feature-text{
 clear:both; text-align:center;
}

.feature-text p{
 font-size:22px !important;
}

.feature-text input[type=text]{
 font-size:22px; 
 display:block;
 margin:10px auto;
 width:100%;
 max-width:600px;
 padding:5px;
}
.feature-text input[type=submit]{
 background:#347454;
 border:none;
 padding:10px 30px;
 color:#fff;
 font-size:20px
}


#alert{
	position:fixed; display:none; left:50%; margin-left:-300px; bottom:10%; width:600px;
	text-align:center; height:auto; background:#eee; padding:20px 5px;
	font-weight:normal; border-radius:10px;
	box-shadow:0px 5px 15px rgba(0,0,0,.4);
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0.4);
	-moz-box-shadow:0px 5px 15px rgba(0,0,0.4);
	border:5px solid rgba(0,0,0,.5);
	background-clip: padding-box; text-shadow:0px 1px 0px #FFF;
	z-index:1000;
}
#alertText{
	font-size:30px;
}