/* The old Maison Calloway site, circa 2009 (a Lampwright sample). */
body {
  margin: 0; padding: 0; background: #c9a4c8;
  background-image: linear-gradient(45deg, #d4b3d2 25%, transparent 25%, transparent 75%, #d4b3d2 75%), linear-gradient(45deg, #d4b3d2 25%, transparent 25%, transparent 75%, #d4b3d2 75%);
  background-size: 16px 16px; background-position: 0 0, 8px 8px;
  font-family: "Times New Roman", Times, serif; font-size: 13px; color: #6b5a6b;
}
.sample-banner { background: #222; color: #fff; font: 13px/1.5 Arial, sans-serif; padding: 8px 12px; text-align: center; }
#page { width: 100%; max-width: 720px; margin: 14px auto; background: #fff6fb; border: 3px ridge #b07aad; box-sizing: border-box; }
.header { width: 100%; background: #7d3c7a; background: linear-gradient(#a25a9e, #6a2f67); }
.logo-cell { padding: 18px 10px; text-align: center; }
.logo { font-family: "Brush Script MT", "Monotype Corsiva", cursive, "Times New Roman"; font-size: 40px; color: #ffe46b; text-shadow: 2px 2px 0 #3d0f3b; font-style: italic; }
.logo-sub { font-family: Arial, sans-serif; font-size: 11px; color: #f3c6ef; letter-spacing: 2px; }
.navbar { background: #e9d0e7; padding: 5px; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #9c6799; }
.navbtn {
  display: inline-block; margin: 2px; padding: 4px 9px; font: bold 11px Arial, sans-serif; color: #3d0f3b; text-decoration: none;
  background: linear-gradient(#fdf1fc, #d6a9d3); border: 2px outset #e7c5e4;
}
.navbtn:hover { border-style: inset; color: #c00; }
.scroller { background: #000; color: #0f0; font: bold 12px "Courier New", monospace; padding: 4px 6px; text-align: center; }
.main { width: 100%; }
.content { padding: 14px 18px; vertical-align: top; }
h1 { font-family: Arial, sans-serif; font-size: 22px; color: #c0399f; text-align: center; margin: 6px 0 12px; }
h2 { font-family: Arial, sans-serif; font-size: 15px; color: #fff; background: #b264ad; padding: 3px 8px; margin: 18px 0 8px; border-left: 6px solid #ffcc00; }
.intro { text-align: center; color: #8a7a8a; }
.photo-box { text-align: center; margin: 10px auto; }
.photo-box img { display: inline-block; max-width: 100%; height: auto; border: 4px double #b07aad; }
.photo-cap { font: italic 11px Arial, sans-serif; color: #0000ee; text-decoration: underline; }
.svc { color: #7a5f79; padding-left: 22px; list-style-type: square; }
.prices { border-collapse: collapse; width: 100%; max-width: 320px; font-family: Arial, sans-serif; font-size: 12px; background: #fff; border-color: #cc99cc; }
.prices th { background: #ffcc00; color: #663366; }
.prices td { color: #7a6a7a; }
.small { font-size: 10px; color: #b4a4b4; }
.hours { font-family: Arial, sans-serif; color: #9a829a; }
a { color: #0000ee; }
a:visited { color: #551a8b; }
.counter-wrap { text-align: center; padding: 10px; background: #efe0ee; font: 11px Arial, sans-serif; color: #7a6a7a; }
.counter { display: inline-block; background: #000; color: #f33; font: bold 14px "Courier New", monospace; padding: 1px 4px; margin: 0 1px; border: 1px inset #666; }
.counter-label { margin-right: 6px; }
.footer { text-align: center; font: 10px Verdana, Arial, sans-serif; color: #a58fa4; padding: 10px; border-top: 1px dashed #cfa6cc; overflow-wrap: anywhere; }
.content a { overflow-wrap: anywhere; }