body {
  background: #e5e5e7 url("../images/patterns/back_pattern.png") top left repeat; }

a {
  text-decoration: none; }

strong {
  font-weight: bold; }

nav {
  background: #111111 url("../images/patterns/black_mamba.png") top left repeat;
  box-shadow: 0 0 3px #111;
  font-family: "Adage-Script", "Apple Chancery", "Monotype Corsiva", cursive;
  font-size: 1.5em;
  text-transform: lowercase; }
  nav div.menu {
    display: none; }
  nav ul {
    width: 760px;
    margin: 0 auto; }
    nav ul li {
      display: inline-block;
      padding: 12px 7px; }
      nav ul li a {
        color: #d5d5d7; }
        nav ul li a:hover {
          color: #fafafa; }

header {
  color: #222;
  text-align: center;
  margin: 50px 0; }
  header h1 {
    font-family: "Calluna", Garamond, serif;
    font-size: 3.75em;
    margin-bottom: 10px; }
  header h2 {
    font-family: "Calluna-Sans", Helvetica, Calibri, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase; }
    header h2 img.swirly {
      width: 52px;
      height: 25px;
      margin: -5px 20px; }

div.feature {
  background-position: top center;
  background-repeat: no-repeat;
  height: 350px;
  margin-bottom: 30px;
  border-bottom: 1px solid #000; }

#welcome {
  background-image: url("../images/features/tablet/welcome.jpg"); }

#our-story {
  background-image: url("../images/features/tablet/our-story.jpg"); }

#the-wedding {
  background-image: url("../images/features/tablet/the-wedding.jpg"); }

#accommodations {
  background-image: url("../images/features/tablet/accommodations.jpg"); }

#gift-registry {
  background-image: url("../images/features/tablet/gift-registry.jpg"); }

#thank-you {
  background-image: url("../images/features/tablet/thank-you.jpg"); }

section {
  color: #444;
  font-family: "Calluna-Sans", Helvetica, Calibri, sans-serif;
  font-size: 1.125em;
  line-height: 26px;
  width: 608px;
  margin: 0 auto;
  padding: 20px 0; }
  section.full-width {
    width: 710px; }
  section div.icon {
    text-align: center; }
  section h1 {
    font-family: "Adage-Script", "Apple Chancery", "Monotype Corsiva", cursive;
    font-size: 2.75em;
    text-align: center;
    text-transform: lowercase;
    margin-top: 25px;
    margin-bottom: 50px; }
  section h2 {
    font-family: "Calluna-Sans", Helvetica, Calibri, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px; }
  section h3 {
    font-weight: bold;
    margin-top: 10px; }
  section span.speaker {
    font-weight: bold;
    text-transform: uppercase; }
    section span.speaker.cindy {
      color: #a586b0; }
    section span.speaker.cristi {
      color: #868fc7; }
  section span.address {
    color: #bababa;
    display: block;
    font-style: italic;
    margin-top: -20px; }
  section p {
    margin: 20px 0; }
  section a,
  section a:link,
  section a:visited {
    color: #9a78a7; }
    section a:hover, section a:active,
    section a:link:hover,
    section a:link:active,
    section a:visited:hover,
    section a:visited:active {
      color: #b995c5; }
  section div.updates {
    padding-bottom: 10px; }
    section div.updates .update {
      margin-bottom: 15px; }
    section div.updates .date {
      display: table-cell;
      width: 100px; }
    section div.updates .text {
      display: table-cell; }

footer {
  background: #111111 url("../images/patterns/black_mamba.png") top left repeat;
  height: 50px;
  margin-top: 75px;
  border-top: 1px solid #000; }

img.story {
  width: 250px;
  height: 250px;
  padding: 5px;
  border: 1px solid #222; }
  img.story.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px; }

img.fairmont {
  height: 200px;
  padding: 5px;
  border: 1px solid #222; }
  img.fairmont.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px; }

div.engagement {
  background: url("../images/our-story/tablet/engagement.jpg") top center no-repeat;
  height: 200px;
  display: block;
  margin: 30px auto; }

#hotels {
  width: 100%; }
  #hotels td {
    padding: 5px;
    vertical-align: middle; }
  #hotels thead th {
    background-color: #222;
    color: #d5d5d7;
    font-weight: bold;
    text-align: left;
    padding: 10px 5px; }
  #hotels tr:nth-child(2n) {
    background-color: #eee; }
  #hotels td:nth-child(2),
  #hotels th:nth-child(2) {
    width: 100px; }
  #hotels td:nth-child(3),
  #hotels th:nth-child(3) {
    width: 190px; }
  #hotels td:nth-child(4),
  #hotels th:nth-child(4) {
    width: 120px;
    text-align: right; }
  #hotels td:last-child,
  #hotels th:last-child {
    text-align: center;
    padding: 5px 10px; }
  #hotels tfoot tr:first-child td {
    text-align: left;
    padding-top: 20px; }