/* HTML Defaults */
body {
font: 82%/1.4em Arial, Helvetica, sans-serif;
color: #42352c;
background: #f1e4c8 url(../images/body_bg.png) repeat left top;
margin: 0;
padding: 0;
}
a {
text-decoration: underline;
}
a:link {
color: #543019;
}
a:visited {
color: #765038;
}
a:hover, a:active {
color: #9c765e;
}
h1 {
font-size: 185%;
line-height: 1.1em;
font-weight: normal;
color: #f1e4c8;
margin: 0;
}
h2 {
font-size: 125%;
}
h3 {
font-size: 108%;
}
h4 {
font-size: 100%;
}
img {
border: none;
}
hr {
color: #c0a384;
background: #c0a384;
height: 1px;
padding: 0;
border: none;
}
td {
vertical-align: top;
}
/* Forms */
fieldset {
margin: 0;
padding: 0;
border: none;
}
input, textarea, select {
font: 100% Arial, Helvetica, sans-serif;
color: #42352c;
}
.textinput, .button, textarea, select {
border: solid 1px #c0a384;
}
.textinput, textarea, select {
background: #fff;
}
.textinput {
width: 300px;
padding: 4px;
}
.button {
color: #f1e4c8;
background: #8e6141;
padding: 4px 10px;
}
.error {
color: #cc0000;
}
/* Main Container */
#container {
width: 960px;
margin: 0 auto;
}
.clear {
clear: both;
}
/* Header */
#header {
background: url(../images/header_bg.png) no-repeat left top;
height: 120px;
width: 960px;
float: left;
}
#header p, #header ul {
margin: 0;
padding: 0;
}
#header p {
float: left;
}
#header li {
float: left;
list-style: none;
position: relative;
}
#header li a {
text-decoration: none;
display: block;
}
#header li div {
background: #8e6141;
display: none;
width: 136px;
padding: 3px;
position: absolute;
left: 0;
border: solid 1px #c0a384;
}
#header li:hover div {
display: block;
}
#header li:hover div li div {
display: none;
top: 0;
left: 134px;
}
#header li:hover div li:hover div {
display: block;
}
#header li div ul, #header li div ul li, #header li div ul li a {
height: auto;
}
#header li div ul, #header li div ul li {
width: 134px;
}
#header li div ul {
background: none;
padding: 0;
border: solid 1px #c0a384;
}
#header li div ul li {
float: none;
margin: 0;
border: none;
}
#header li div ul li a {
font-size: 87%;
line-height: 1.15em;
font-weight: normal;
text-indent: 0;
width: 124px;
padding: 3px 5px;
border: none;
}
#header li div ul li a:link, #header li div ul li a:visited {
color: #f1e4c8;
}
#header li div ul li a:hover {
color: #fff;
}
#logo, #logo a {
height: 120px;
width: 298px;
float: left;
}
#logo {
background: url(../images/header_logo.png) no-repeat left top;
}
#logo a {
text-indent: -9999px;
}
#topnav, #contact {
padding-top: 24px;
}
#topnav {
font-size: 108%;
font-weight: bold;
width: 240px;
float: left;
}
#topnav li {
margin-right: 15px;
z-index: 2000;
}
#topnav li div {
top: 1.2em;
}
#contact {
font-size: 92%;
line-height: 1.15em;
width: 412px;
float: right;
padding-right: 10px;
}
#contact strong {
font-size: 130%;
line-height: 1.15em;
font-weight: normal;
}
.contactdivider {
background: url(../images/bullet.png) no-repeat center 5px;
width: 15px;
}
#nav {
font-size: 108%;
height: 42px;
width: 662px;
float: right;
padding-top: 10px;
}
#nav ul {
background: #946645 url(../images/nav_bg.png) repeat-x left top;
height: 38px;
width: 658px;
padding: 4px 0 0 4px;
}
#nav li, #nav li a {
height: 32px;
}
#nav li {
padding-right: 3px;
z-index: 1000;
}
#nav li a {
background-repeat: no-repeat;
background-position: center top;
text-indent: -9999px;
border: solid 1px #c0a384;
}
#nav li a:hover {
background-position: center -32px;
}
#navfacility {
background-image: url(../images/nav_facility.png);
width: 88px;
}
#navservices {
background-image: url(../images/nav_services.png);
width: 94px;
}
#navfunerals {
background-image: url(../images/nav_funerals.png);
width: 67px;
}
#navcremation {
background-image: url(../images/nav_cremation.png);
width: 77px;
}
#navpre {
background-image: url(../images/nav_pre.png);
width: 149px;
}
#navobit {
background-image: url(../images/nav_obit.png);
width: 176px;
}
#navgrief {
background-image: url(../images/nav_grief.png);
width: 125px;
}
#nav li div {
top: 33px;
}
#header li div#griefsub {
right: 2px;
left: auto;
}
/* Footer */
#footer {
font-size: 70%;
line-height: 1.2em;
color: #a2896f;
background: #543019;
text-align: right;
width: 960px;
float: left;
clear: both;
}
#footer p {
margin: 0;
padding: 10px;
}
#footer a {
text-decoration: none;
}
#footer a:link, #footer a:visited {
color: #f1e4c8;
}
#footer a:hover {
color: #fff;
}
/* Content */
#content {
background: #956745;
width: 960px;
float: left;
clear: both;
}
#title {
background: #5d381f;
padding: 10px 20px;
}
#locations {
font-size: 85%;
line-height: 1.2em;
color: #fff;
width: 920px;
float: left;
clear: both;
padding: 10px 20px;
border-top: solid 1px #c0a384;
}
#locations h2, #locations p {
margin: 0;
}
#locations h2 {
font-size: 120%;
line-height: 1.2em;
font-weight: bold;
color: #f1e4c8;
text-align: right;
width: 140px;
float: left;
padding-right: 10px;
}
.location {
width: 300px;
float: left;
padding-left: 10px;
border-left: solid 1px #c0a384;
}
.location img {
float: left;
margin-right: 10px;
}
.locationphoto {
float: left;
margin: 0 20px 10px 0;
}
#biopic { /* 11/13/08 AAM removed height 100px? md February 1, 2012 */
float: left;
margin-right: 10px;
}
.bodyphoto {
float: right;
margin: 0 0 10px 20px;
}
#side {
color: #fff;
background: #956745 url(../images/side_bg.png) repeat-x left top;
width: 215px;
min-height: 200px;
float: right;
padding: 0 10px 10px 10px;
}
#side a:link, #side a:visited {
color: #f1e4c8;
}
#side a:hover {
color: #fff;
}
#side dl {
margin: 0;
padding: 0;
}
#side dt, #side dd {
font-size: 108%;
margin: 0 0 3px 0;
padding: 3px 10px;
border: solid 1px #c0a384;
list-style: none;
}
#side dt {
font-weight: bold;
}
#side dl a {
text-decoration: none;
display: block;
}
.sidephoto {
text-align: center;
}
#bodytext {
background: #f1e4c8 url(../images/bodytext_bg.png) repeat-x left top;
width: 920px;
float: left;
padding: 10px 20px;
min-height: 550px; /* force content area to reach footer - 11/12/08 AAM */
}
#side + #bodytext {
width: 685px;
}
.service {
width: 320px;
float: left;
padding: 0 20px 10px 0;
}
/* Front */
#front {
position: relative;
}
#intro {
color: #fff;
background: #956745 url(../images/intro_bg.png) repeat-x left top;
min-height: 240px;
padding: 15px 370px 20px 30px;
}
#intro h1 {
font-size: 100%;
background: url(../images/front_title.png) no-repeat left top;
text-indent: -9999px;
height: 44px;
border-bottom: solid 1px #a2896f;
}
#intro h2 {
font-size: 108%;
color: #f1e4c8;
}
#intro p {
margin: 1em 0 0 0;
}
#introvideo {
background: url(../images/video_bg_320.png) no-repeat center center;
padding: 8px;
position: absolute;
right: 7px;
top: 322px;
}
#promo {
position: absolute;
right: 155px;
top: 545px;
}
.error{
color: #FF0000;
font-size: 10px;
}