body {
    background: white;
    margin: 86px 0 0;
}

a {
    color: inherit;
    text-decoration: none;
}

body,
input {
    font: 16px 'Lato', sans-serif;
}

.button {
    background: #FFA901;
    background: -webkit-linear-gradient( #FFE744, #FFA901);
    background: linear-gradient( #FFE744, #FFA901);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE744', endColorstr='#FFA901',GradientType=0 ); 
    border: none;
    box-shadow: 4px 4px #989898;
    color: white;
    cursor: pointer;
    padding: 16px;
    font-size: 14px;
    font-weight: bolder;
    white-space: nowrap;
}

.medium {
    width: 1000px;
    margin: auto;
}

.narrow {
    width: 800px;
    margin: auto;
}

.wide {
    max-width: 1488px;
}

.wide .narrow {
    position: relative;
}

.title {
    font-size: 28px;
    font-weight: lighter;
    padding: 32px 0;
}

.header {
    background: url(images/header.png) no-repeat center center;
    color: #9AC8B3;
    width: 100%;
    height: 86px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    white-space: nowrap;
}

.header .contents {
    display: table;
    height: 100%;
}

.header .logo {
    display: table-cell;
    vertical-align: middle;
}

.header .logo img {
    margin-left: -64px;
}

.header nav {
    display: table-cell;
    padding-bottom: 16px;
    text-align: right;
    vertical-align: bottom;
}

.header nav a {
    font-weight: lighter;
    margin-left: 16px;
}

#contact {
    clear: both;
    background: #3B393B;
    background: -webkit-linear-gradient( #58585A, #3B393B);
    background: linear-gradient( #58585A, #3B393B);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585A', endColorstr='#3B393B',GradientType=0 ); 
    color: white;
    height: 454px;
    margin-top: 64px;
}

#contact .title {
    font-weight: bolder;
    padding-top: 48px;
}

#contact .title img {
    margin-left: 16px;
    vertical-align: middle;
}

#contact .map {
    float: right;
    margin-left: 32px;
}
/*
#guides {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#guides div {
    border-style: none solid;
    border-width: thin;
    height: 100%;
}

#guides .wide {
    border-color: cyan;
}

#guides .medium {
    border-color: red;
}

#guides .narrow {
    border-color: lime;
}
*/