/* MOUNTAIN VIEW CEMETERY HOME PAGE */

/* ---- reset base styles ---- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
body{font:62.5% verdana,arial,sans-serif;}
select,input,textarea{font:99% arial,verdana,sans-serif;}
pre,code{font:115% monospace;}

/* ---- SITE STRUCTURE ---- */
body {
	text-align:center;
}
#wrapper {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:739px;
	height: 725px;
	background: transparent url(images/home-bck.jpg) top left no-repeat;
}
#header {
	width: 739px;
	height: 189px;
	/*background-color: #99CCCC;*/
	position: relative;
}
#content {
	width: 739px;
	height: 171px;
	/*background-color: #CCCCCC;*/
	position: relative;
}
#features {
	width: 641px;
	height: 243px;
	margin-left: 50px;
	border: 1px solid #BCCAA9;
	/*background-color: #FFCC99;*/
	position: relative;
}
#footer {
	position: relative;
}


/* ----- top logo ----- */
#header h1 {
	position: absolute;
	top: 68px;
	left: 439px;
	height: 47px;
	width: 249px;
	background: transparent url(images/home-logo.gif) top left no-repeat;
	text-indent: -9999em;
}

/* ----- navigation ----- */
#nav {
	position: absolute;
	bottom: 0px;
	left: 184px;
	width: 510px;
	height: 25px;
}
#nav li {
	float: left;
}
#nav li a {
	display: block;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#nav #nav1, #nav #nav1 a { width: 77px; background: transparent url(images/hnav-about.gif) top left no-repeat; }
#nav #nav2, #nav #nav2 a { width: 45px; background: transparent url(images/hnav-tour.gif) top left no-repeat; }
#nav #nav3, #nav #nav3 a { width: 74px; background: transparent url(images/hnav-services.gif) top left no-repeat; }
#nav #nav4, #nav #nav4 a { width: 78px; background: transparent url(images/hnav-facilities.gif) top left no-repeat; }
#nav #nav5, #nav #nav5 a { width: 93px; background: transparent url(images/hnav-plans.gif) top left no-repeat; }
#nav #nav6, #nav #nav6 a { width: 78px; background: transparent url(images/hnav-calendar.gif) top left no-repeat; }
#nav #nav7, #nav #nav7 a { width: 65px; background: transparent url(images/hnav-history.gif) top left no-repeat; }
#nav #nav1 a:hover, #nav #nav2 a:hover, #nav #nav3 a:hover, #nav #nav4 a:hover, #nav #nav5 a:hover, #nav #nav6 a:hover, #nav #nav7 a:hover
{ background-position: bottom left; }

/* ----- main text ----- */
#description {
	position: absolute;
	top: 37px;
	left: 72px;
	width: 381px;
	font-size: 1.1em;
	line-height: 1.9em;
}


/* ----- newsletter button ----- */
#newsletter {
	position: absolute;
	top: 23px;
	left: 553px;
	width: 133px;
	height: 78px;
	margin: 0;
	padding: 0;
	background: transparent url(images/home-newsletter-fa11.png) top left no-repeat;
}
#newsletter a {
	display: block;
	width: 133px;
	height: 78px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(images/home-newsletter-fa11.png) top left no-repeat;
}
#newsletter a:hover {
	background-position: bottom left;
}

/* ----- features ----- */

#features h2 {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 629px;
	height: 32px;
	background: transparent url(images/home-feat-head.jpg) top left no-repeat;
	text-indent: -9999px;
}
#features ul {
	position: absolute;
	bottom: 6px;
	left: 6px;
	width: 629px;
	height: 192px;
	background-color: transparent;
}
#features ul.fs3 li {
	float: left;
}
#features ul.fs3 li a {
	display: block;
	height: 192px;
	width: 205px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#features .fs3 #feat1, #features .fs3 #feat2 {
	margin-right: 7px;
}



#features ul.fs2 li {
	float: left;
}
#features ul.fs2 li a {
	display: block;
	height: 192px;
	width: 311px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#features ul.fs2 #feat1 {
	margin-right: 6px;
}
#features ul.fs2 #feat1, #features ul.fs2 #feat1 a { background: transparent url(images/home-feat2-lotus.jpg) top left no-repeat; }
#features ul.fs2 #feat2, #features ul.fs2 #feat2 a { background: transparent url(images/home-feat-tours.jpg) top left no-repeat; }

#features ul.fs1 li {
	float: left;
}
#features ul.fs1 li a {
	display: block;
	height: 192px;
	width: 311px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#features ul.fs1 #feat1 {
	margin-left: 155px;
	margin-right: 6px;
}
#features ul.fs1 #feat1, #features ul.fs1 #feat1 a { background: transparent url(images/home-feat2-lotus.jpg) top left no-repeat; }


/* ----- footer text ----- */
p#copyright {
	position: absolute;
	top: 10px;
	right: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1em;
	color: #A8A896;
	text-align: right;
}
#copyright a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A8A896;
	text-decoration: none;
}
#copyright a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A8A896;
	text-decoration: none;
}
#copyright a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
#copyright a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}


p.meta  {
	position: absolute;
	top: 50px;
	left: 30px;
	font-size: 1em;
	color: #A8A896;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10 0 0 30;
	width: 675px;
}
.meta a {
	color: #A8A896;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.meta a:visited {
	color: #A8A896;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.meta a:active {
	color: #A8A896;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.meta a:hover {
	color: #A8A896;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* ----- FEATURE IMAGES ----- */

#features .fs3 #feat1, #features .fs3 #feat1 a { background: transparent url(images/home-feat-tours3.jpg) top left no-repeat; }
#features .fs3 #feat2, #features .fs3 #feat2 a { background: transparent url(images/home-feat-lotus.jpg) top left no-repeat; }
#features .fs3 #feat3, #features .fs3 #feat3 a { background: transparent url(images/home-feat-floweringpear.jpg) top left no-repeat; }


/* ----- TOP FEATURE TIER ----- */
/*

EXAMPLE HTML

<ul class="fs1">
	<li id="featfull"><a href="davidwilson.html">Meet Artist David Wilson</a></li>
</ul>

*/


/*
#wrapper {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:739px;
	height: 850px;
	background: transparent url(images/home-bck-tall.jpg) top left no-repeat;
}

#features {
	height: 440px;
}
#features ul.fs3 {
	position: absolute;
	bottom: 6px;
	left: 6px;
	width: 629px;
	height: 192px;
	background-color: transparent;
}
#features ul.fs1 {
	position: absolute;
	top: 44px;
	left: 6px;
	width: 629px;
	height: 192px;
	background-color: transparent;
}
#features ul.fs1 li a {
	display: block;
	height: 192px;
	width: 629px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#features .fs1 #featfull, #features .fs1 #featfull a { background: transparent url(images/home-feat-wilson.jpg) top left no-repeat; }
*/