.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Main Text Definitions */

body {
 background: #fff;
 color: #0163a0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

a.skip {
 display: none;
}

h1, h2, h3, h4 {
 color: #8a9cca;
 font-weight: normal;
}
h1 {font-size: 140%; margin-top: 0;}
h2 {font-size: 120%; margin-bottom: 8px; font-weight: bold;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px; font-weight: bold;}

a img {
 border: 0;
}
a { 
 color: #8a9cca;
}
a:hover { 
 color: #e1b72f;
}
.note { 
 color: #999;
 font-size: 80%;
}

/* Generic Layout Definitions */
#skip {
 display: none;
}
#container {
 width: 736px;
 margin: auto;
 font-size: 70%;
}
#top {
 width: 736px;
 height: 65px;
}
#mainNav {
 float: left;
 width: 736px;
 height: 42px;
 background-color: #a0b0d4;
 background-image:  url(../images/bg_nav_sub.jpg);
 background-repeat: no-repeat;
 border-top: 1px solid #8a9cca;
 border-bottom: 1px solid #8a9cca;
}
#footer {
 float: left;
 clear: both;
 width: 736px;
 padding-top: 0!important; padding-top: 5px;
 background: #fff;
 color: #8a9cca;
 font-size: 90%;
}

/* Home Page layout */
body.homepage #mainNav {
 background-image:  url(../images/bg_nav.jpg);
}
#hpMain {
 float: left;
 width: 736px;
 height: 419px;
 background-color: #fff;
 background-image:  url(../images/bg_main.jpg);
 background-repeat: no-repeat;
}
#hpCopy {
 padding-left: 372px;
 padding-top: 150px;
 padding-right: 60px;
 padding-bottom: 15px;
}

#hpFeatures {
 float: left;
 width: 736px;
}
#hpFeatures .hpBox {
 float: left;
 width: 176px;
 height: 165px;
 background: #A0B0D4;
 color: #fff;
 border: 1px solid #004672;
 margin-right: 8px;
}
.hpBoxHead {
 width: 164px;
 padding: 8px 0 8px 12px;
 background: #526FB1;
 color: #fff;
 font-weight: bold; 
}
.hpBoxCopy {
 font-size: 90%;
 width: 164px;
 padding: 8px 0 8px 12px;
 background: #A0B0D4;
 color: #fff;
}

#hpFeatures .finder, #spFeatures .finder {
 float: right;
 width: 176px;
 height: 165px;
 background: #A0B0D4;
 color: #fff;
 border: 1px solid #004672;
}
#hpFeatures .finder p, #spFeatures .finder p {
 margin-top: 0;
 margin-bottom: 7px;
}
#hpFeatures label, #spFeatures label {
 float: left;
 width: 75px;
 padding-top: 3px;
 margin-bottom: 7px;
}
#hpFeatures .fmField, #spFeatures .fmField {
 float: left;
 width: 75px;
 margin-bottom: 7px;
}
#hpFeatures .fmFieldInput, #spFeatures .fmFieldInput {
 width: 73px!important;  width: 70px;
 height: 13px;
 border: 1px solid #fff;
 background: #A0B0D5;
 color: #fff;
 font-size: 90%;
}
#hpFeatures .fmSubmit, #spFeatures .fmSubmit {
 width: 150px;
 text-align: right;
}
#hpFeatures .fmButtonSubmit, #spFeatures .fmButtonSubmit {
 border: 1px solid #fff;
 background: #A0B0D5;
 color: #fff;
 font-size: 90%;
}


/* Sub Page layout */
#spMain {
 float: left;
 width: 736px;
 padding-top: 22px;
 background-color: #fff;
 background-image:  url(../images/bg_sub.jpg);
 background-repeat: no-repeat;
}
#spCopy {
 float: left;
 padding: 18px;
 width: 346px;
 background-color: #fff;
}
#spCopy img {
 margin: 14px 0;
}
#spCopy p {
 margin: 0 0 18px 0;
}
#spFeatures {
 float: right;
 width: 176px;
}
#subNav {
 float: left;
 width: 171px;
 font-size: 90%;
}

#spFeatures .ourServices {
 float: right;
 clear: right;
 width: 176px;
 margin-top: 10px;
 background: #CFD7E9;
 color: #fff;
 border: 1px solid #004672;
}

.ourServicesFlowers, .ourServicesBonds, .ourServicesCatering, .ourServicesMemorials {
 float: left;
 width: 164px;
 height: 29px;
 padding-left: 12px;
 padding-top: 12px;
 background-repeat: no-repeat;
 margin-top: 1px;
} 
.ourServicesFlowers a, .ourServicesBonds a, .ourServicesCatering a, .ourServicesMemorials a {
 color: #526FB1;
 font-size: 90%;
 font-weight:bold;
}

.ourServicesFlowers {
 background-image: url(../images/bg_services_flowers.jpg);
}
.ourServicesBonds {
 background-image: url(../images/bg_services_bonds.jpg);
}
.ourServicesCatering {
 background-image: url(../images/bg_services_catering.jpg);
}
.ourServicesMemorials {
 background-image: url(../images/bg_services_masonry.jpg);
}

#gallery { 
 border: 1px solid #CFD7E9;
 padding: 0 4px;
}
#galleryPic {
 text-align: center;
}
#gallery img {
 margin: 4px 0;
}
#gallery p#desc {
 background: #CFD7E9;
 padding: 4px;
 margin-bottom: 0;
}

#fhlCopy {
 padding: 10px;
 margin-left: 10px;
 width: 681px;
 background: #fff;
}

body.subpage #footer {
 clear: both;
 width: 736px;
 padding-top: 0!important; padding-top: 5px;
 background: #fff;
 color: #8a9cca;
 border-top: 1px solid #8C9AC9;
 margin-top: 20px;
 font-size: 90%;
}

p.copyright {
 margin: 0 0 20px 10px;
 color: #aaa;
}
p.download {
 margin: 10px 0;
 text-align: center;
}

#footer .logos {
 color: #fff;
}
#footer .logos a {
 margin: 0 5px;
}
/* Navigation Definitions */

/* Main navigation */
#mainNav ul {
 list-style: none;
 padding: 0;
 margin: 0 0 0 20px;
} 
#mainNav li {
 float: left;
 display: inline; 
 padding: 0;
 margin: 15px 0;
}
#mainNav li a {
 color: #fff;
 text-decoration: none;
 margin-right: 40px;
}
#mainNav li a:hover {
 color: #e1b72f;
}
#mainNav li.on a {
 color: #e1b72f;
}


/* Sub navigation */
#subNav ul {
 list-style: none;
 padding: 0;
 margin: 0 0 0 8px;
} 
#subNav li { 
 background-color: #fff;
 padding: 9px;
 margin-right: 8px;
 border-bottom: 1px solid #8C9AC9;
 text-align: right;
}
#subNav li a {
 color: #5272A3;
 font-weight: bold;
 text-decoration: none;
}
#subNav li.on a {
 color: #e1b72f;
 font-weight: bold;
 text-decoration: none;
}
#subNav li a:hover {
 color: #e1b72f;
}

/* Home Page navigation */
.hpBoxHead a {
 color: #fff;
 text-decoration: none; 
}
.hpBoxHead a:hover {
 color: #e1b72f;
 text-decoration: none; 
}
.hpBoxCopy a {
 color: #fff;
 text-decoration: none; 
}
.hpBoxCopy a:hover {
 color: #fff;
 text-decoration: underline; 
}
/* Footer navigation */
#footer ul {
 float: left;
 list-style: none;
 width: 500px;
 padding: 0;
 margin: 0;
} 
#footer li {
 float: left;
 display: inline; 
 padding: 0;
 margin-top: 20px;
}
#footer a {
 color: #8a9cca;
 margin-left: 12px;
 margin-right: 12px;
 text-decoration: none;
}
#footer a:hover {
 color: #526fd1;
 text-decoration: none;
}

/* Internal page navigation */
ul.listNav {
 list-style: none;
 margin: 0;
 padding: 0;
}
p.backToTop {
 margin: 10px 0;
 padding: 3px 0;
 border-top: 1px solid #CFD7E9;
 border-bottom: 1px solid #CFD7E9;
 text-align: right;
}
p.backToTop a {
 text-decoration: none;
}



/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
#spCopy .formRow {
margin-bottom: 5px;
}

#spCopy label {
 float: left;
 width: 155px;
 padding-top: 4px;
}
#spCopy input.fmField {
 width: 155px;
 height: 14px;
 font-size: 80%;
 color: #0163a0;
}
#spCopy textarea.fmComments {
 width: 155px;
 height: 100px;
 font-family: arial, helvetica, sans-serif;
 font-size: 95%;
 color: #0163a0;
}
#spCopy input.fmButton {
 font-size: 80%;
 color: #fff;
 background: #A0B0D4;
}
#spCopy select {
 font-size: 80%;
 color: #0163a0;
}