@charset "UTF-8";
/* CSS Document */

body { font-family: "Lucida Grande"; font-size: 10px; margin: 0 auto; padding: 0; text-align: center; background-color: #f3f1e5; line-height: 16px; color: #1a1207; }
#wrapper { position: relative; width: 100%; margin: 0 auto; padding-top: 0px; padding-bottom: 25px; text-align: left;  }
#content { width: 1000px; display: block; margin: 0 auto;   border: 0px solid #000; text-align: left;  margin-top: 0px;background-image:url(../images/structural/background.jpg); background-repeat: repeat-x; background-position: 0px 88px}

#header { width: 1000px; background-image:url(../images/structural/header_bg.jpg); background-repeat: x; height: 44px; padding-top: 44px }
#header ul { list-style: none; margin: 0; padding: 0; width: 860px; margin-left: 90px; }
#header ul li {float: left; padding: 0px 18px; font-size: 12px; height: 25px; border: 0px solid #fff; padding-top: 10px; }
#header ul li a { color: #fff; text-decoration: none; }
#header ul li a:hover { text-decoration: underline; }

#page { width: 770px; margin-left: 115px; font-size: 16px; padding-top: 30px; border: 0px solid #000; }
#page h1 { font-size: 18px; margin-bottom: 20px; }
#page h2 { margin-left: 15px; font-size: 20px; font-style: italic; line-height: 28px; text-align: center; }
#page p {font-size: 14px; }
#page ul li { font-size: 14px; }

#page #boiler { font-size: 12px; line-height: 16px; background-image:url(../images/boiler.jpg); background-repeat: no-repeat; height: 300px; width: 733px; margin-left: 18px; position: relative; }
#page #boiler #boiler-info-left {color: #f3f1e5; height: 40px; width: 400px; border: 0px solid #fff; margin-left: 20px; position: absolute; margin-top: 218px;   }
#page #boiler #boiler-info-right {color: #f3f1e5; height: 40px; width: 270px; border: 0px solid #fff; margin-left: 450px; position: absolute; margin-top: 218px;   }
#page #boiler #boiler-info-right a {color: #fff; }
#page #photo_credit {font-size: 10px; font-style: italic; margin-left: 530px; margin-top: 5px; }

#footer { width: 1000px; background-image:url(../images/structural/footer_bg.jpg); background-repeat: x; background-position: bottom; height: 160px; margin-top: 30px }
#footer h1 { color: #dfdedc; margin-left: 115px; }

#footer #pic-container { width: 778px; margin-left: 120px; border: 0px solid #fff; margin-top: 0px; }
#footer #pic-container #footer-pic-1 { float: left; background-image:url(../images/photos/small-boat.jpg); width: 178px; height: 85px; border: 2px solid #64523e; margin-right: 10px; }
#footer #pic-container #footer-pic-2 { float: left;background-image:url(../images/photos/small-beach.jpg); width: 178px; height: 85px; border: 2px solid #64523e; margin-right: 10px; }
#footer #pic-container #footer-pic-3 { float: left;background-image:url(../images/photos/small-falmouthharbor.jpg); width: 178px; height: 85px; border: 2px solid #64523e; margin-right: 10px; }
#footer #pic-container #footer-pic-4 { float: left;background-image:url(../images/photos/small-harbor.jpg); width: 178px; height: 85px; border: 2px solid #64523e; margin-right: 10px; }

#footer #link-container  { width: 778px; margin-left: 115px; text-align: center; margin-top: 18px; border: 0px solid #fff; color: #908e8f; font-size: 12px;  }
#footer #link-container a { color: #fff; text-decoration: none;  }
#footer #link-container a:hover { text-decoration: underline; }


a {color: #8f0100; text-decoration: none; }
a:hover { text-decoration: underline; }
p {line-height: 20px}
h1 {margin: 0; padding: 0}
.service {margin-top: 25px; }
.uline {text-decoration: underline; }
.clear { clear: both; }

