body {
    background-color: #EFE7B5;
    margin: 0; padding: 0;
    background-image: url(images/bg.gif);
    font-family : Arial, Helvetica, sans-serif;
   color : #000000;
}

a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

div.container { padding-top: 1em; text-align: center;}
br.clear { clear: both; }
a:hover { text-decoration: underline; }
a:visited { color: #660000; }

/*#fpabout, #fpgarden { float: left; }*/
#a, #b, #c, #d {
    display: inline; vertical-align: top; }
#fpabout, #fpgarden, #fpcleaning, #fpporter {
    width: 45%; background-color: transparent;
    background-image: url(images/faded.gif);
    background-repeat: repeat-x;
    margin: 0 2.5% 0 2.5%; padding: 0; text-align: left; 
    display: inline; vertical-align: top; cursor: pointer; }
.fpcontent { background-image: url(images/faded.gif); 
background-repeat: repeat-x; }
.fpcontent img { padding-right: 0; float: right; margin-right: 0;}
.fpcontent li { padding-top: 0.5em; 
}
#content {
    background-image: url(images/bg_int.gif);
    padding: 2em 4em 2em 4em; line-height: 150%;
    margin: 0 2em 0 2em;
}
#content h1 { font-size: 120%; }
body.subpage #content  img { float: right; margin-left: 2em; margin-top: 2em;  margin-bottom: 2em;}

#logo, #fplogo { width: 100%; text-align: center; }
#logo {	font-size: 80%; margin: 1em 0 1.5em 0; }
#logo a img { border: none; }
#fplogo { height: 10%; margin: 1.5em 0 1.5em 0; }

/* #fpporter { margin-left: 5%; }*/

#links { width: 100%; text-align: center; clear: right; margin-top: 2em; background-color: #f5f5dc; border: 1px solid #ccc; line-height: 150%;}

#links ul { padding: 0; }
#links li { margin-left: 1em; margin-right: 1em; list-style-type: none; display: inline;}

div.title {
		background-color: #f5f5dc;
		border: 1px #cccccc solid;
    color: black;
    padding: 4px;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    text-align: center;
}
label { width: 10em; display: block; float: left; }
input.textfield { width: 20em; }
textarea { width: 100%; }
p.address { margin-top: 5em; text-align: center; font-size: 60%; }
p.address span { margin-left: 1em; margin-right: 1em; }

#creditations { font-size: 70%; }
#creditations a { font-weight: normal; }
#creditations li { display: inline;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 0 2px 0 2px;
    margin: 0 2px 0 2px;
}

.image_slice { float: right; width: 65px; height: 235px; padding: 0; margin:0; }
#topleft { background-image: url(images/about_slice_f.jpg); }
#topright { background-image: url(images/clean_slice_f.jpg); }
#bottomleft { background-image: url(images/garden_slice_f.jpg); }
#bottomright { background-image: url(images/porter_slice_f.jpg); }

#fpabout:hover #topleft { background-image: url(images/about_slice_s.jpg); }
#fpcleaning:hover #topright { background-image: url(images/clean_slice_s.jpg); }
#fpgarden:hover #bottomleft { background-image: url(images/garden_slice_s.jpg); }
#fpporter:hover #bottomright { background-image: url(images/porter_slice_s.jpg); }

.links_div li { list-style-type: none; margin-top: 1em;}

/* bwa ha ha */
/* dirty hack for standards-compliant browsers to display
   the awkward floaty things as a table */
#top[id], #bottom[id] {display: table;}
div#a[id], div#b[id], div#c[id], div#d[id] {
    display: table-cell; width: 50%; padding: 1em;}
div.container[id] { padding-right: 2.5%; padding-left: 2.5%;}

div#fpabout, div#fpcleaning, div#fpgarden, div#fpporter {
    display: table-cell; }
.hidden { display: none; }
.clear { clear: both; }