html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-image: url(images/page_bg_gradient.jpg);	
	background-repeat: repeat-x;	
}

#headerleft {
	width: 311px;
	height: 270px;	
	background-image: url(images/header_left.jpg);	
	background-repeat: no-repeat;
}

#headerleftdetails {
	width: 311px;
	height: 181px;	
	background-image: url(images/marin_memorial_services_ash_scattering_details_left.jpg);	
	background-repeat: no-repeat;
}

#headerleftprices {
	width: 311px;
	height: 181px;	
	background-image: url(images/marin_memorial_service_prices_left.jpg);	
	background-repeat: no-repeat;
}

#headerleftdirections {
	width: 311px;
	height: 181px;	
	background-image: url(images/marin_memorial_services_directions_left.jpg);	
	background-repeat: no-repeat;
}

#headerleftcontact {
	width: 311px;
	height: 181px;	
	background-image: url(images/marin_memorial_services_contact_left.jpg);	
	background-repeat: no-repeat;
}

#headerleftunattended {
	width: 311px;
	height: 181px;	
	background-image: url(images/marin_memorial_services_unattended_ash_scattering_left.jpg);	
	background-repeat: no-repeat;
}

.headertext {
	font-family:  Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	text-align: left;	
	padding: 70px 25px 0px 20px;
}


#headerright {
	width: 449px;
	height: 270px;
	background-image: url(images/header_right.jpg);	
	background-repeat: no-repeat;
}

#headerrightdetails {
	width: 449px;
	height: 181px;
	background-image: url(images/marin_memorial_services_ash_scattering_details_right.jpg);	
	background-repeat: no-repeat;
}

#headerrightprices {
	width: 449px;
	height: 181px;
	background-image: url(images/marin_memorial_service_prices_right.jpg);	
	background-repeat: no-repeat;
}

#headerrightdirections {
	width: 449px;
	height: 181px;
	background-image: url(images/marin_memorial_services_directions_right.jpg);	
	background-repeat: no-repeat;
}

#headerrightcontact {
	width: 449px;
	height: 181px;
	background-image: url(images/marin_memorial_services_contact_right.jpg);	
	background-repeat: no-repeat;
}

#headerrightunattended {
	width: 449px;
	height: 181px;
	background-image: url(images/marin_memorial_services_unattended_ash_scattering_right.jpg);	
	background-repeat: no-repeat;
}

.homehorzdiv {
	width: 355px;
	background-image: url(images/dot_separate_horizontal.gif);	
	background-repeat: repeat-x;
	text-align: left;
}

.homehorzdiv2 {
	width: 760px;
	background-image: url(images/dot_separate_horizontal.gif);	
	background-repeat: repeat-x;
	text-align: left;
}

#homevertdiv {
	width: 10px;
	background-image: url(images/dot_separate_vertical.gif);	
	background-repeat: repeat-y;
}


.bodytext  				{ font: 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333; text-align: left; margin-left:10px;margin-right:10px;}
.bodytext a:link 		{ font: 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333; text-decoration: underline}
.bodytext a:active 		{ font: 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333; text-decoration: none}
.bodytext a:visited 	{ font: 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333; text-decoration: underline}
.bodytext a:hover 		{ font: 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333; text-decoration: none}

.photoframe { 
	border: 1px solid #004975;
	padding: 10px;
	margin: 10px 10px 10px 10px;
}

.titlebarblue1	{ font: bold 14px "lucida grande", Arial, Verdana, Geneva, Helvetica, sans-serif; 
			color: #ffffff; 
			height:20px; 
			width:355px;
			padding:4px 4px 4px 8px; 
			margin-right:10px;
			margin-bottom:10px;
			background: url(images/title_bg_gradient.gif) repeat-x;
			}

.titlebarblue2	{ font: bold 14px "lucida grande", Arial, Verdana, Geneva, Helvetica, sans-serif; 
			color: #ffffff; 
			height:20px; 
			width:360px;
			padding:4px 4px 4px 8px; 
			margin-left:5px;
			margin-bottom:10px;
			background: url(images/title_bg_gradient.gif) repeat-x;
			}

.titlebarblue3	{ font: bold 14px "lucida grande", Arial, Verdana, Geneva, Helvetica, sans-serif; 
			color: #ffffff; 
			height:20px; 
			width:749px;
			padding:4px 4px 4px 8px; 
			margin-bottom:10px;
			background: url(images/title_bg_gradient.gif) repeat-x;
			}

.topnav  			{ font: bold 14px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #00629c; text-align: center; margin-left:7px;padding-top:5px;}
.topnav a:link 		{ color: #00629c; text-decoration: underline}
.topnav a:active 	{ color: #00629c; text-decoration: none}
.topnav a:visited 	{ color: #00629c; text-decoration: underline}
.topnav a:hover 	{ color: #00629c; text-decoration: none}

.footer  			{ font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #666666; text-align: center; margin-left:10px;margin-right:10px;padding-top:5px;}
.footer a:link 		{ color: #666666; text-decoration: underline}
.footer a:active 	{ color: #666666; text-decoration: none}
.footer a:visited 	{ color: #666666; text-decoration: underline}
.footer a:hover 	{ color: #666666; text-decoration: none}


ul,ol
	{
	margin : 0 1em 3em;
	padding : 0;
	}

ul
	{
	list-style-type : none;
	}

	
ul li
	{
	background : url("images/listbullet.gif") 0 5px no-repeat;
	padding-left : 10px;
	margin-bottom : 7px;	
	}