/* Fennor Heating & Plumbing: the old site. System fonts, fixed width, no JS. */
body {
  margin: 0;
  padding: 18px 0 30px;
  background: #7d93a8 repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.07) 0 2px, transparent 2px 7px);
  font: 12px/1.5 Verdana, Tahoma, sans-serif;
  color: #777;
}
#page {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #5d7185;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}
#banner {
  height: 210px;
  background: linear-gradient(#3c86cc, #0d3f7a);
  border-bottom: 3px solid #f2a900;
  text-align: center;
}
.logo { display: flex; align-items: center; justify-content: center; gap: 24px; height: 100%; }
.logo__text { display: block; }
.logo__name {
  display: block;
  font: italic bold 44px/1.1 Georgia, "Times New Roman", serif;
  color: #fff;
  text-shadow: 3px 3px 3px #00142e;
}
.logo__slogan { display: block; margin-top: 8px; font: italic 18px "Trebuchet MS", Tahoma, sans-serif; color: #ffe27a; text-shadow: 1px 1px 2px #000; }
.clip { display: block; }

#menu { display: flex; margin: 0; padding: 0; list-style: none; background: linear-gradient(#e9e9e9, #b9b9b9); border-bottom: 1px solid #888; }
#menu li { border-right: 1px solid #999; }
#menu a { display: block; padding: 9px 18px; font: bold 12px Verdana, sans-serif; color: #234; text-decoration: none; }
#menu a:hover { background: #f2a900; }
#menu small { font-weight: normal; color: #b00; }

#cols { display: flex; align-items: flex-start; gap: 20px; padding: 20px; }
#main { width: 680px; }
#side { width: 220px; }

h1 { margin: 0 0 12px; font: bold 24px Georgia, serif; color: #1f5fa8; border-bottom: 1px dotted #1f5fa8; padding-bottom: 6px; }
h2 { margin: 26px 0 10px; font: bold 18px Georgia, serif; color: #1f5fa8; }
.intro { margin: 0 0 10px; text-align: justify; font-size: 11px; color: #999; }

.quote { margin: 18px 0; text-align: center; font: 34px Impact, "Arial Black", sans-serif; color: #e60000; text-shadow: 1px 1px 0 #fff, 2px 2px 0 #ccc; letter-spacing: 1px; }
.stretch { display: block; width: 640px; height: 70px; margin: 0 0 6px; border: 3px solid #ccc; }

.wall { margin: 0; padding-left: 18px; columns: 2; color: #888; font-size: 11px; }
.wall li { margin: 0 0 1px; }

.contact { display: flex; gap: 20px; }
.contact__form { width: 330px; }
.contact label { display: block; font-weight: bold; color: #555; }
.contact input[type="text"], .contact textarea { width: 300px; border: 1px solid #999; padding: 2px; font: 12px Verdana, sans-serif; }
.small { font-size: 10px; color: #999; }
.map { width: 310px; height: 220px; background: #e6e6e6; border: 1px solid #bbb; color: #999; text-align: center; padding-top: 100px; box-sizing: border-box; }

.widget { margin: 0 0 14px; padding: 8px 10px; border: 1px solid #ccc; background: #f6f6f6; }
.widget h3 { margin: 0 0 6px; font: bold 13px Georgia, serif; color: #1f5fa8; }
.widget p { margin: 0 0 6px; }
.widget ul { margin: 0; padding-left: 16px; }
.xmas { color: #b00; font-size: 11px; }
.fb { text-align: center; background: #3b5998; border-color: #2b4378; color: #fff; }
.fb__f { display: block; font: bold 34px Arial, sans-serif; }
.fb .small { color: #cdd8ee; }
.counter { text-align: center; }
.digits { display: flex; justify-content: center; gap: 2px; }
.digits span { display: inline-block; width: 18px; padding: 3px 0; background: #111; color: #0f0; font: bold 14px "Courier New", monospace; }

#foot { padding: 10px 20px; border-top: 1px solid #aaa; background: #ececec; text-align: center; font-size: 10px; color: #999; }
#foot p { margin: 2px 0; }
.adbar { color: #1f5fa8; text-decoration: underline; }