html,
body {
    margin: 0;
    padding: 0
}

body {
    text-align: left;
    max-width: 760px;
}

p {
    margin: 0 10px 10px;
    text-indent: 50px;
    font-family: helvetica, sans-serif;
}

p#familyHeader {
    font-weight: bold;
}

a {
    padding: 5px;
    text-decoration: none;
    color: #000000;
}

div#header {
    font: 125% helvetica, sans-serif;
    margin-top: 10px;
}

div#header h1 {
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding-left: 10px;
}

div#container {
    text-align: left
}

div#content p {
    line-height: 1.4
}

div#centered {
    text-align: center
}

div#reservations {
    text-align: center;
    font: 75% helvetica, sans-serif;
}

div#navigation {
    background: #F6F0E0;
}

div#navigation ul {
    margin: 15px 0;
    padding: 0;
    list-style-type: none;
}

div#navigation li {
    margin-bottom: 5px;
}

div#extra {
    background: #CCC8B3;
}

div#footer {
    background: #BFBD93;
}

div#footer p {
    margin: 0;
    padding: 5px 10px
}

div#container {
    width: 700px;
    margin: 0 auto
}

div#content {
    float: right;
    width: 500px
}

div#navigation {
    float: left;
    width: 200px
}

div#extra {
    float: right;
    width: 500px
}

div#footer {
    clear: both;
    width: 100%
}

.zoomableImage {
    position: relative;
}

.zoomableImage img {
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -ms-transition: all 1s ease;
    /* IE 9 */
    -o-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease;
    width: 100%;
    height: auto;
}