* { box-sizing: border-box; }

html { background: #ac4522; }

body {
  min-width: 960px;
  margin: 0;
  background: #ac4522;
  color: #000;
  font: 11px/1.12 Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
  color: #505c90;
  font-weight: bold;
  text-decoration: underline;
}

a:hover { color: #ac4522; text-decoration: none; }

.site {
  width: 900px;
  margin: 88px auto 0;
  background: #f6f5f0;
}

header { height: 139px; }
header > img:first-child { display: block; width: 900px; height: 133px; }
.gold-rule { display: block; width: 900px; height: 6px; }

main {
  display: grid;
  grid-template-columns: 81px 819px;
  min-height: 635px;
}

aside {
  background: #f6f5f0 url("assets/left/leftbg_01.jpg") top left / 135px 445px no-repeat;
}

.main-area { background: #fff; padding-top: 4px; }

.upper {
  display: grid;
  grid-template-columns: 353px 340px;
  gap: 7px;
  padding: 0 8px 10px 0;
}

.left-panel {
  min-height: 635px;
  border: 1px solid #ac4522;
  padding: 13px 8px 8px;
}

h1 {
  margin: 0 0 11px;
  color: #081574;
  font-size: 22px;
  line-height: 1.1;
  text-align: center;
}

h1 a { color: #505c90 !important; }

p { margin: 0 0 14px; }
.intro { color: #ac4522; font-weight: bold; line-height: 1.25; }

.highlight {
  margin: 0 0 13px;
  padding: 10px 6px;
  background: #ffff98;
}

.featured { padding: 11px 6px; font-weight: bold; }

.contact {
  margin-top: 8px;
  padding-top: 3px;
  border-top: 1px solid #dedede;
}
.contact p { margin-bottom: 12px; line-height: 1.18; }
.arrow { color: #e21b1b; font-size: 14px; vertical-align: -1px; }

.right-panel { position: relative; min-height: 635px; }
.floorplan { width: 330px; border: 1px solid #eee; padding: 7px 4px 0; }
.floorplan img { display: block; width: 320px; height: 192px; object-fit: cover; object-position: center; }
.floorplan div {
  padding: 9px 8px 8px;
  color: #fff;
  background: #c76446;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
}
.floorplan small { display: block; font-size: 11px; font-weight: normal; }

h2 { margin: 21px 0 8px; font-size: 13px; text-align: center; }
.center { text-align: center; }

.quarters {
  display: grid;
  grid-template-columns: 164px 157px;
  gap: 0;
  align-items: start;
}

ul { margin: 20px 0 0; padding-left: 29px; color: #df7c1c; list-style-type: square; }
li { padding: 0; line-height: 1.1; }

.guide-note { min-height: 207px; padding: 12px 6px 6px; background: #ffffca; line-height: 1.08; }

.service-copy {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 330px;
  padding: 4px 10px;
  color: #fff;
  background: #b8401f;
  font-weight: bold;
  text-align: center;
}

.lower {
  display: grid;
  grid-template-columns: 270px 218px 263px;
  column-gap: 5px;
  align-items: start;
  margin: 0 11px 23px;
}
.lower img { width: 270px; height: 174px; border: 1px solid #000; object-fit: cover; }
.lower img:last-child { width: 263px; }
.lower div { padding: 2px 0 0; font-size: 11px; line-height: 1.12; }
.lower p { margin-bottom: 10px; }

nav { padding-bottom: 16px; text-align: center; font-size: 11px; line-height: 1.1; }

footer {
  padding: 10px 0 7px;
  color: #dbba5c;
  background: #ac4522;
  font-size: 10px;
  text-align: center;
}