/* 

Author: 			Desiant, LLC
Author URL: 	http://www.desiant.com/
Version:			1.0
Project:			Memorial Sketches
Project URL:	http://www.memorialsketches.com/

---------------------------------------------------------------------------------------

/* ------------------------------------------------------------------------------------

BASICS						 */


	html {								font-size:100%;	min-height:101%; }
	body {								font-size:100%; color:#333; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; margin:0; line-height:140%; background: #DCDEC7 url(../img/common/bg.jpg) top left repeat-x; }

	a {										color:#930; text-decoration:none; }
	a:hover	{							color:#33261A; text-decoration:underline; }

	.floatleft {					float:left; }
	.floatright {					float:right; }
	
	.alignleft {					text-align:left; }
	.alignright {					text-align:right; }
	.aligncenter {				text-align:center; }
	
	strong {							font-weight:bold; }
	em {									font-style:italic; }
	small {								font-family:sans-serif; font-size:12px; margin-top:10px; display:inline-block; }
	
  .clear {							clear:both; }
	.clear20 {						clear:both; height:20px; }
	.cleaner {						height:1px; margin-top:-1px; clear:both; }
	
	img, div, li { 				behavior: url(iepngfix.htc); }
	
/* ------------------------------------------------------------------------------------


STRUCTURE					 */

	#shell {							width:950px; margin:0 auto; clear:both; }
	#footershell {				width:100%; margin:0; text-align:center; clear:both; background: url(../img/common/footer-bg.gif) top left repeat-x; }
	#topbanner {					width:950px; height:147px; margin:0; padding:0; clear:both; display:inline-block; position:relative; }
	#topnav, #content { 	width:900px; margin:0; padding:0 25px; clear:both; display:block; float:left; }
	#topnav {							height:47px; margin-bottom:10px; }
	#content {						}
  #footer {							width:900px; margin:0 auto; clear:both; display:block; font-family: arial, sans-serif; color:#666; font-size:12px; font-weight:bold; text-align:center; line-height:120%; padding:20px 25px; }

/* ------------------------------------------------------------------------------------


CUSTOM						 */
	
	h1 {									line-height:110%; color:#930; font-size:34px; margin-bottom:12px; }
	h1.home {									line-height:110%; color:#930; font-size:23px; margin-bottom:20px; text-shadow: #909090 1px 1px 0px;}
	h1.logo a, h1.logo a:hover {			line-height:110%; color:#656735; font-size:30px; position: absolute; z-index:100; left:90px; top:55px; text-transform:uppercase; text-shadow: #909090 1px 1px 2px; text-decoration:none;}
	h2 {									line-height:110%; color:#663; font-size:28px; margin-bottom:12px; margin-top:30px; }
	h3 {									line-height:110%; color:#930; font-size:32px; margin-bottom:12px; margin-top:30px; }
	h4 {									line-height:110%; color:#930; font-size:20px; margin-bottom:12px; margin-top:20px; }
	
	#topbanner img.logo { display:inline-block; float:left; padding:0; margin:0; position:absolute; z-index:1; left:0; }
	img.icon {	line-height:110%; color:#656735; font-size:30px; position: absolute; z-index:110; left:20px; top:20px; }
	
	#topnav ul {					list-style:none; margin:0; padding:0; }
	#topnav ul li {				float:left; height:47px; line-height:47px; vertical-align:middle; text-align:left; padding: 1px 23px 0 23px; }
	#topnav ul li a {			font-size:18px; text-decoration:none; text-transform:uppercase; color:#33261A; text-shadow: #F2DBA5 1px 1px 0px; }
	#topnav ul li.first {	padding-left:8px; }
	#topnav ul li.last {	padding-right:0; }
	#topnav ul li a:hover { color:#930; text-decoration:none; }
	
	#footer p {						margin:0; }
	#footer a {						color:#666; text-decoration:underline; }
	#footer a:hover {			color:#930; text-decoration:none; }
	
	
/* ------------------------------------------------------------------------------------


MAIN CONTENT						 */
	
	#content {						margin:20px 0; text-align:left; }
	#content p {					line-height:150%; font-size:16px; margin:18px 0; }
	
	#content ul { 				margin:6px 0 20px 0; padding:0 50px; list-style:disc; line-height:120%; color:#555; }
	#content ul li { 			margin:0 0 16px 0; padding:0 10px; }
	
	#content ol { 				margin:6px 0 20px 0; padding:0 50px; list-style:decimal; line-height:120%; color:#555; }
	#content ol li { 			margin:0 0 16px 0; padding:0 10px; }
	
	#content address {		line-height:150%; font-size:16px; margin:10px 0; }
	
	#content dl {					width:400px; line-height:34px; }
	#content dt {					width:100px; float:left; }
	#content dd {					width:300px; float:left; clear:right; }
	
	#content img.floatleft { margin:4px 20px 0 0; }
	#content img.floatright { margin:4px 0 0 20px; }
	
	
	#content .packages {width:900px; background:url(../img/common/packages-bg.png) top left no-repeat; text-align:center;}
	#content .packages ul {	list-style:none; float:left; display:inline-block; margin:0 0 0 32px; padding:0; clear:both; }
	#content .packages ul li { float:left; display:inline-block; margin:0; padding:0;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	#content .packages div.stepone  ul { list-style:none; margin:0; padding:0;  font-size:13px; text-align:left; }
	#content .packages div.stepone  ul li {  display:inline-block; width:220px;  margin:3px 0 3px 0; padding:0 0 0 20px; height: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;background: transparent url(../img/common/list-loop.png) 0px 2px no-repeat;}
	
	
	#content .packages div.steptwo ul { list-style:none; float:left; display:inline-block; margin:0 0 0 0px; padding:0; clear:both;  font-size:13px; text-align:left;}
	#content .packages div.steptwo ul li { float:left; display:block; width:220px; margin:3px 0 3px 0; padding:0 0 0 20px; height: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: transparent url(../img/common/list-loop.png) 0px 2px no-repeat; }
	
	#content .packages div.special-border-top { height:12px; width:278px; background:url(../img/common/packages-special-border-top.png) top left no-repeat; display:inline; float:left;}
	#content .packages div.special-border-center { width:278px; background:url(../img/common/packages-special-border-center.png) top left repeat-y; display:inline; float:left; padding:0 0 10px 10px;}
	#content .packages div.special-border-bottom { height:12px; width:278px; background:url(../img/common/packages-special-border-bottom.png) top left no-repeat; display:inline; float:left; margin-bottom:10px; *padding-bottom:10px;}
	
	#content .packages div.stepthree ul { list-style:none; float:left; display:inline-block; margin:0 0 0 0px; padding:0; clear:both;  font-size:13px; text-align:left;}
	#content .packages div.stepthree ul li { float:left; display:block; width:220px; margin:3px 0 3px 0; padding:0 0 0 20px; height: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: transparent url(../img/common/list-loop.png) 0px 2px no-repeat;}
	#content .packages div.stepone { width:256px; padding-left:30px; float:left; }
	#content .packages div.steptwo { width:278px; padding:10px 0 0 26px; position:relative; float:left;  }
	#content .packages div.stepthree { width:260px; padding: 0 0 20px 26px; float:left; }
	
	p.step-title { background:url(../img/common/package-titleR.jpg) no-repeat scroll top right; display: block; float: left; margin:10px 20px 5px 0; height: 34px; clear:both;  padding-right: 60px; text-decoration: none;      }
    p.step-title span { background: transparent url(../img/common/package-titleL.jpg) no-repeat; display: block; line-height: 34px;   padding: 1px 0 5px 60px; color: #FFF!important;  font-size:24px;   font-weight:bold; text-shadow: 1px 1px 2px #3b3b3b; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } 
	
	#content .packages p.steptitle { color:#FFF; font-size:24px; font-weight:bold; line-height:110%; text-transform:uppercase; margin:17px 0 10px 34px; text-shadow: #333300 1px 1px 0px;}
	#content .packages p.first { color:#FFF; font-size:24px; font-weight:bold; line-height:110%; text-transform:uppercase; margin:17px 0 10px 34px; text-shadow: #333300 1px 1px 0px;}
	#content .packages p.detail { color:#666; font-size:14px; line-height:110%; margin:0; }
	#content .packages p.price { color:#930; font-size:16px; line-height:110%; margin:0; font-weight:bold; text-align:center; text-decoration:line-through; }
	#content .packages span.detail { color:#930; font-size:14px; line-height:140%; margin:0 0 0 0; font-weight: normal; display:block; text-align:center;}
	
	#content .packages-footer h2 {color:#FFF; font-size:20px; line-height:100%; font-weight:normal; text-shadow: #333300 1px 1px 0px; clear:both; padding:20px 0 0 0; margin:0 0 0px 0; height:60px; background:url(../img/common/packages-footer-bg.png) top left no-repeat; text-align:center;}
	
	#content .steps {			width:900px; height:600px; margin:0; padding:10px 0 14px 0; clear:both; display:inline-block; float:left; background:url(../img/common/steps-bg.png) top left no-repeat; text-align:center; }
	#content .steps h2 {	color:#FFF; font-size:20px; line-height:100%; font-weight:normal; text-shadow: #333300 1px 1px 0px; clear:both; margin:35px 0 0 0; padding:0; clear:both; }
	#content .steps ul {	list-style:none; float:left; display:inline-block; margin:0 0 0 32px; padding:0; clear:both; }
	#content .steps ul li { float:left; display:inline-block; margin:0; padding:0; height:450px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	#content .steps ul li.stepone  ul { list-style:none; margin:0; padding:0;  font-size:13px; text-align:left; }
	#content .steps ul li.stepone  ul li {  display:inline-block; width:220px;  margin:3px 0 3px 0; padding:0 0 0 20px; height: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;background: transparent url(../img/common/list-loop.png) 0px 2px no-repeat;}
	#content .steps ul li.steptwo ul { list-style:none; float:left; display:inline-block; margin:0 0 0 0px; padding:0; clear:both;  font-size:13px; text-align:left;}
	#content .steps ul li.steptwo ul li { float:left; display:block; width:220px; margin:3px 0 3px 0; padding:0 0 0 20px; height: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: transparent url(../img/common/list-loop.png) 0px 2px no-repeat; }
	#content .steps ul li.stepthree ul { list-style:none; float:left; display:inline-block; margin:0 0 0 0px; padding:0; clear:both;  font-size:13px; text-align:left;}
	#content .steps ul li.stepthree ul li { float:left; display:block; width:220px; margin:3px 0 3px 0; padding:0 0 0 20px; height: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: transparent url(../img/common/list-loop.png) 0px 2px no-repeat;}
	#content .steps ul li.stepone { width:256px; padding-left:1px; }
	#content .steps ul li.steptwo, #content .steps ul li.stepthree { width:260px; padding-left:26px; }
	#content .steps ul li.stepone { background:url(../img/common/step1.jpg) top left no-repeat; }
	#content .steps ul li.steptwo { background:url(../img/common/step2.png) top left no-repeat; }
	#content .steps ul li.stepthree { background:url(../img/common/step3.png) top left no-repeat; height:530px; }
	#content .steps ul li p { width:195px; margin:0; padding:0; }
	#content .steps ul li p.steptitle { color:#FFF; font-size:24px; font-weight:bold; line-height:110%; text-transform:uppercase; margin:17px 0 10px 34px; text-shadow: #333300 1px 1px 0px;}
	#content .steps ul li p.first { color:#FFF; font-size:24px; font-weight:bold; line-height:110%; text-transform:uppercase; margin:17px 0 10px 34px; text-shadow: #333300 1px 1px 0px;}
	#content .steps ul li p.detail { color:#666; font-size:14px; line-height:110%; margin:0; }
	#content .steps ul li p.price { color:#930; font-size:16px; line-height:110%; margin:0 0 0 32px; font-weight:bold; text-align:center; text-decoration:line-through; }
	#content .steps ul li span.detail { color:#930; font-size:14px; line-height:140%; margin:0 0 0 0; font-weight: normal; display:block; text-align:center;}
	
	#content .list {			width:377px; height:302px; float:right; display:inline-block; margin:15px 0 14px 40px; padding:0; background: url(../img/common/list-bg.png) top left no-repeat; }
	#content .list ul {		list-style:none; margin:0; padding:10px 0 0 30px; }
	#content .list ul li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:19px; font-weight:bold; color:#663; height:36px; line-height:36px; vertical-align:middle; }
	#content .list ul li { background: transparent url(../img/common/list-check.png) 0 0 no-repeat; margin:0 0 14px 0; padding: 0 0 4px 46px; list-style:none; display:inline-block; }

	#content p.calltocation { width:899px; height:70px; line-height:70px; vertical-align:middle; text-align:center; font-weight:normal; font-size:30px; color:#FFF; text-shadow: #600 1px 1px 0px; margin:30px 0 20px 0; padding:0; background: transparent url(../img/common/phone-bg.png) top center no-repeat; display:block; }
	
	#content p.question { font-size:20px; margin-top:20px; margin-bottom:-10px; }
	#content .answer {		margin-left:20px; }
	
	#content ul.anchors { margin:6px 0 20px 0; padding:0; list-style:none; line-height:120%; color:#FFF; clear:both; }
	#content ul.anchors li { margin:0 20px 0 0; padding:6px 18px; float:left; background-color:#663; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#content ul.anchors li a { color:#FFF; text-decoration:none; }
	#content ul.anchors li a:hover { color:#DCDEC7; text-decoration:none; }
	#content ul.anchors li:hover { background-color:#930; }
	
	#content p.back {			text-align:right; }
	#content p.back a {		border-bottom: 1px dotted #930; }
	#content p.back a:hover { text-decoration: none; border-bottom: 1px dotted #33261A; }
	
	img.signupnow {margin:10px 0 0 0;}
	.google {width:337px; height:205px; float:right; display:inline-block; margin:15px 0 14px 40px; padding:0 20px 20px 20px; clear:right; background: url(../img/common/list-bg2.png) top left no-repeat;}
	
	form.contact-form {width:720px; margin:0 0 0 0; position:relative; padding:0; float:left;}
	ul.contact-form {margin:20px 0 0 0; padding-left:0!important;}
	ul.contact-form li {display:block; float:left; list-style-type:none; margin:0 10px 10px 0; clear:both;}
	ul.contact-form li span {display:block; float:left; list-style-type:none; width:200px; margin:0 10px 10px 0;}
	ul.contact-form li.title {display:block; list-style-type:none; margin:10px 10px 10px 0; clear:left;line-height:110%; color:#663; font-size:24px;}
	ul.contact-form input[type=text], ul.contact-form textarea, input[type=text] {background:#d4d3c1; outline:0; border:#aaa993 solid 1px; padding:5px;}
	ul.contact-form input[type=file], input[type=file] {background:#d4d3c1; outline:0; border:#aaa993 solid 1px; padding:5px;}
		ul.contact-form input[type=password], ul.contact-form textarea, input[type=password] {background:#d4d3c1; outline:0; border:#aaa993 solid 1px; padding:5px; font-family: Georgia, "Times New Roman", Times, serif;}

	ul.contact-form input.req {	outline:0; border:#aaa993 solid 1px;  padding:5px; background-color: #d4d3c1; background-image: url(../img/common/req.png); 	background-repeat: no-repeat; background-position: 6px center; }
	form.contact-form input.req {	outline:0; border:#aaa993 solid 1px;  padding:5px; background-color: #d4d3c1; background-image: url(../img/common/req.png); 	background-repeat: no-repeat; background-position: 6px center; }
	ul.contact-form select {background:#d4d3c1; outline:0; border:#aaa993 solid 1px; padding:5px;}
	ul.contact-form select:focus {background:#FFF; outline:0; border:#b8b8b8 solid 1px; padding:5px;-moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; box-shadow: 1px 1px 4px #ccc;}
	ul.contact-form input:focus[type=text], ul.contact-form textarea:focus, input:focus[type=text] {background:#FFF; outline:0; border:#b8b8b8 solid 1px; padding:5px;-moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; box-shadow: 1px 1px 4px #ccc;}
		ul.contact-form input:focus[type=password], ul.contact-form textarea:focus, input:focus[type=password] {background:#FFF; outline:0; border:#b8b8b8 solid 1px; padding:5px;-moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; box-shadow: 1px 1px 4px #ccc;}

	.submit input {height: 28px; padding:0 20px 3px 20px; color: #FFF;  font-size: 14px; font-weight:bold; background:#848259; cursor: pointer; border:none;}
	

	div#testimonial {background:url(../img/common/test-cnt.gif) repeat-y; width:900px; position:relative; padding:0; margin:0 0 20px 0;}
	div#testimonial p { margin:0; padding:10px; font-size:14px; line-height:18px;width:880px;}
	div#testimonial .header { position:absolute; top:0; background:url(../img/common/test-hdr.gif) no-repeat; width:900px; height:8px; padding:0;}
	div#testimonial .footer { position:absolute; bottom:0; background:url(../img/common/test-ftr.gif) no-repeat; width:900px; height:8px; padding:0;}
	
	
		#content p.blog-comment-name-date { margin:0 0 5px 10px; display:block; color:#930;}
	#content p.blog-comment { margin:0 0 5px 30px; padding:0 0 0 10px; display:block; border-left:#afae99 solid 1px; background:#d4d3c1; width:800px;}
	img.im {margin:10px; border:#afae99 solid 1px; float:right;}
	
	#content span.blog-post-date { margin:0 0 0 0; display:block; color:#930; padding:0; line-height:20px; font-size:13px;}
	#content p.blog-post { margin:0 0 10px 20px; padding:10px; display:block; border-left:#afae99 solid 1px; background:#d4d3c1; width:840px;}


	#content blockquote.testimonials { font-size: 16px/22px; font-family:Georgia, "Times New Roman", Times, serif;  margin:0 0 40px 30px!important;  padding-left: 15px;  border-left: 3px solid #aaa993; color:#333;} 	
	#content blockquote.testimonials img {  margin:0 0 10px 10px!important; clear:both; float:right;} 	
	#content blockquote.testimonials span { font-size: 14px/20px!important; font-family:Georgia, "Times New Roman", Times, serif;  } 

.indicate-required {
	font-style: italic;
	margin-bottom: 10px;
}