@charset "utf-8";
/* CSS Document */

html{ background:url(../images/bg.jpg) top center no-repeat fixed #3F2B12; /*-webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover;	background-size: cover;*/ }
body{ margin:0; padding:0; font-family: 'Arapey', serif; font-size:16px; line-height:20px; color:#000; }

p{ margin:12px 0px; }
img{ border:none; }
.clear { clear:both; }
h1{ font-family: 'Arapey', serif; font-size:50px; color:#451900; font-weight:normal; margin-bottom:10px; line-height:50px; }
h3{ font-family: 'Arapey', serif; font-size:20px; color:#5c4527; margin-bottom:10px; line-height:20px; }
h4{ font-family: 'Arapey', serif; font-size:18px; color:#5c4527; font-weight:normal; margin:5px 0px; line-height:16px; }

/* main holder */
#main-holder{ width:1000px; height:883px; background:url(../images/main-bg.png) no-repeat bottom center; padding:0; margin:0 auto; position:relative; }

/* header holder */
#header{ width:460px; height:132px; padding:5px 0px 0px 540px; margin:0px; font-size:18px; color:#ede1bc; position:relative; z-index:1; }
#header .phone-num{ font-size:30px; background:url(../images/phone-icon.png) left no-repeat; padding:30px; margin-left:-30px; }
#header #place-order{ position:absolute; right:25px; bottom:0; }

/* nav holder */
#nav{ width:244px; height:400px; text-align:center; background:url(../images/nav-bg2.png) no-repeat top; position:absolute; left:-23px; top:0; padding:110px 21px 0px 90px; z-index:2; z-index:2; }
#nav #logo{ width:216px; margin:0px auto 1px; }
#nav #separator{ width:216px; height:46px; margin:0px auto 5px; }
/*#nav .nav-links{ width:244px; height:28px; margin:0px; font-size:18px; padding:0px; }
#nav .nav-links a{ width:244px; color:#FFF; text-decoration:none; padding:5px 0px; height:18px; }
#nav .nav-links a:hover{ width:244px; color:#ff9900; text-decoration:none; padding:5px 0px; height:18px; }
#nav .nav-links a#active{ width:244px; height:18px; color:#ff9900; text-decoration:none; padding:5px 0px; margin:0px; background:url(../images/selected.jpg) no-repeat; }*/

#nav ul{ width:244px; height:28px; margin:0px; font-size:18px; padding:0px; display:block; }
#nav ul{ width:244px; list-style:none; margin:0px; }
#nav ul li{ width:244px; height:28px; margin:0px; font-size:18px; padding:0px; display:block; text-shadow: 3px 3px 3px #000; }
#nav ul li a{ min-width:244px; color:#FFF; text-decoration:none; padding:5px 0px; height:18px; display:block;  }
#nav ul li a:hover{ width:244px; color:#e6ad56; text-decoration:none; margin:0px; padding:5px 0px; height:18px; display:block; }
#nav ul li a#active{ width:244px; height:18px; color:#e6ad56; text-decoration:none; padding:5px 0px; margin:0px; background:url(../images/nav-hover_03.png) repeat-x; display:block; }
#petals{ width:64px; height:104px; position:absolute; top:96px; right:-25px;}



/* col-holder */
#col-holder{ margin:0px; padding:0px; clear:both; position:relative; }

/* sidebar */
#sidebar{ width:235px; margin:0px; padding:380px 20px 0px 60px; float:left; position:relative; }
#quote{ width:200px; margin:0px; background:url(../images/quote-bg.png) no-repeat left top; padding-left:35px; font-size:15px; font-style:italic; }

#keepsake-holder{ width:550px; background:url(../images/ks-img.png) no-repeat top; margin:10px 0px 0px; padding-top:270px;}
/* keepsake */
.keepsake{ width:175px; float:left; color:#111; margin:10px 7px 0px 0px; text-align:center;}
.keepsake img{ border:3px solid #000; margin-bottom:0px;}

.k-tab{ font-family: 'Arapey', serif; font-size:17px; color: #413823; padding:5px 10px 10px; border:1px solid #782b00; border-bottom:none; height:29px; width:100px; margin-left:10px; text-transform:uppercase; float:left; text-align:center; background:url(../images/tab_05.jpg) repeat-x left; cursor:pointer;}

/* bronze Frame */
.bronze-frame{ width:170px; float:left; margin:10px 10px 10px 0px; font-size:12px; text-align:center; }
.bronze-frame a{ color:#000; text-decoration:none;}
.bronze-frame a:hover{ color:#000; text-decoration:underline;}

/* background */
.background{ width:73px; float:left; margin:5px 17px 0px 0px; text-align:center; }
.background img{ width:67px; margin-bottom:0px;}
.background h4{ font-size:12px;}

/* col right */
#col-right{ width:600px; margin:0px; padding:10px 70px 0px 15px; float:right; position:relative; }
#col-right .title{ width:599px; height:45px; background:url(../images/title-bg.png) no-repeat; text-align:center; font-size:30px; padding:11px 0px 0px; color:#f4eed1; position:relative; }
#col-right .sub-page{ width:550px; padding:5px 25px; clear:both; }
#col-right .sub-page2{ width:600px; padding:5px 0px; clear:both; }

.mail a{ color:#000; text-decoration:none; }
.mail a:hover{ color:#000; text-decoration:none; }

/* footer */
#footer{ width:100%; text-align:center; padding:0px 0px 10px; font-size:14px; color:#f4eed1; line-height:20px; clear:both; }
#footer a{ color:#f4eed1; font-size:15px; text-decoration:none; }
#footer p{ margin:8px 0px; }
#footer a:hover{ color:#f4eed1; font-size:15px; text-decoration:underline; }
#footer .separator{ color:#f4eed1; font-size:15px; margin:0px 8px; }

#slider{ width:580px; margin:0px 0px 10px; padding:5px 10px; position:relative; }

/*
	Slideshow style
*/

#slides { position:relative; }

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container { width:580px; height:280px; overflow:hidden; position:relative; display:none; }

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide { padding:0px; width:580px; height:310px; display:block; margin-bottom:10px; }

/*
	Pagination
*/
.pagination { margin:0px 190px 0 0; width:150px; float:right; clear:both; position:relative; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:15px; height:0; padding-top:15px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -16px; }

.slider-left{ width:225px; margin:0px; padding:0px; float:left; position:relative; }
.slider-left img{ border:none;  }
.slider-right{ width:340px; margin:0px; padding:0px; float:right; position:relative; }

/* Contact */

.small_info{ width:124px; height:18px; padding:2px 3px; color:#333; font-size:12px; border:1px solid #4e4e4e; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox{ width:230px;	height:18px; padding:2px 3px; color:#333; font-size:12px; border:1px solid #4e4e4e; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox2{ width:235px;	height:24px; padding:2px 3px; color:#333; font-size:12px; border:1px solid #4e4e4e; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox3{ width:500px;	height:18px; padding:2px 3px; color:#333; font-size:12px; border:1px solid #4e4e4e; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.message_area{ width:500px; height:40px; padding:3px; color:#333; font-size:12px;	border:1px solid #4e4e4e; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox4{ width:140px;	height:20px; padding:2px 3px; color:#333; font-size:12px; border:1px solid #eee; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox5{ width:100px;	height:18px; padding:2px; color:#333; font-size:12px; border:1px solid #eee; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox6{ width:140px;	height:25px; padding:2px 3px; color:#333; font-size:12px; border:1px solid #eee; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.textbox7{ width:80px;	height:18px; padding:2px; color:#333; font-size:12px; border:1px solid #CCC; -moz-border-radius: 5px;    -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.error { color:#F00; font-size: 11px; float:right }
#input_form p { line-height: 20px; width: 300px; }
#input_form p.message_label { width: 400px; }

.urns-list-item {
	width: 33%;
	float: left;
}
.urns-list-item  img {
	width: 100%;
	height: auto;
}