body{
    margin:0px;
    font-family: 'Neuton', serif;
}

a{
    /* C[TextLinkColour] */
    color: #666666;
}

header, nav ul, #details{
    width:800px;
    margin:0px;
    margin-left:auto;
    margin-right:auto;
}

header{
    height:80px;
    position:relative;
    z-index:1;
}

header a{
    text-decoration:none;
}

.images-control{
    display:block;
    width:0;
    height:0;
    position:absolute;
    z-index:2;
    top:120px;
    cursor:pointer;
    margin:0px 5px 0px 5px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}

.images-control-right{
    right:0px;
    /* C[HeaderImagesArrow] */
    border-left:30px solid #666666;
}

.images-control-left{
    left:0px;
    /* C[HeaderImagesArrow] */
    border-right:30px solid #666666;
}

#datepicker-container{
    text-align:center;
    padding-top:10px;
}

#datepicker-div{
    display:inline-block;
    margin:0 auto;
}

.available{
    color:green;
}

.unavailable{
    color:red;
}

#titles a{
    color:black;
    display:block;
    width:100%;
    height:100%;
    padding-top:15px;
}

#subtitle{
    padding-top:22px;
    float:right;
}

#email{
    position:absolute;
    right:0px;
    top:5px;
    text-align:right;
}

#email a{
    color:gray;
}

nav{
    /* C[Header] */
    background:#666666;
    text-align:center;
    /* C[Header] */
    border:3px solid #666666;
}

nav a{
    text-decoration:none;
    color:white;
    width:100%;
    height:100%;
    display:block;
    font-size:20px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:none;
    transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
}

nav a:hover{
    /* C[NavHoverColour] */
    background-color: #80a1a8;
    transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
}

nav ul{
    list-style-type:none;
    padding:0px;
    text-align:center;
    display:table;
}

nav ul li{
    display:table-cell;
}

section{
    padding:0px;
    margin:0px;
    padding-bottom:20px;
}

#images{
    /* C[HeaderImagesBackground] */
    background:#999999;
    /* C[Header] */
    border-top:3px solid #666666;
    padding:0px;
    margin:0px;
    overflow:hidden;
    white-space:nowrap;
    text-align:center;
    position:relative;
    height:304px;
}

#images ul{
    position:absolute;
    top:-16px;
}

#images ul, #images li{
    display:inline;
    list-style-type:none;
    padding:0px;
}

#images img{
    height:300px;
    margin:0px;
    padding:0px;
    vertical-align:middle;
    padding:2px 1px 3px 0px;
}

#right{
    display:table-cell;
    padding-top:10px;
}

form{
    margin-top:0px;
    padding:5px;
    width:350px;
    /* C[AvailabilityFormBackground] */
    background:#666666;
    color:white;
}

#calendar{
    display:table;
    width:100%;
}

#calendar .row{
    display:table-row-group;
    width:100%;
}

#calendar .dateselection{
    display:table-row;
}

label{
    text-align:right;
    width:70px;
    display:block;
    padding:0px;
    vertical-align:middle;
    padding-bottom:10px;
}

label, .dateinput{
    display:table-cell;
    padding-right:5px;
    height:100%;
}

.dateinput input, .dateinput select{
    display:block;
    width:100%;
    border:0px;
    padding:2px;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
    box-sizing:content-box;
}

#gallery{
    text-align:center;
    padding-top:5px;
}

#gallery a img{
    margin:0px 3px 3px 0px;
}

button{
    display:block;
    width:100%;
    border:none;
    color:white;
    font:inherit;
    font-size:22px;
    /* C[AvailabilityButtonBackground] */
    background-color:#999999;
    transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
}

button:hover{
    /* C[AvailabilityButtonHover] */
    background-color:#777777;
    transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
}


content.column{
    display:table-cell;
    vertical-align:top;
    width:440px;
}

content p{
    padding-right:5px;
    margin:0px;
}

content ul{
    padding:0px;
    margin:0px;
}

content p, content ul{
    margin-bottom:15px;
}

.prices{
    text-align:center;
}

.prices table{
    margin: 0px auto;
    margin-top:10px;
    margin-bottom:10px;
    border-collapse:collapse;
    width:450px;
}

.prices td{
    text-align:left;
}

.prices td:nth-child(2){
    text-align:right;
}

.prices tr:nth-child(even){
    /* C[PricesTableRows] */
    background: #dddddd;
}

.prices tr:nth-child(odd){
    background: #FFFFFF;
}

h1{
    margin-top:10px;
    margin-bottom:10px
}

h2{
    font-size:20px;
    margin-bottom:5px;
    margin-top:5px;
}

blockquote {
    font-size: 18px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    /*color: #383838;*/
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    /* C[ReviewQuote] */
    color: #777777;
}

blockquote cite {
    /* C[ReviewAuthorText] */
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
 
blockquote cite:before {
    content: "\2014 \2009";
}

iframe{
    margin: 0 auto;
    display:block;
}

.icons{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    text-align:center;
}

.icons div{
    display:block;
    width:70px;
    margin:10px;
    margin-top:0px;
}

.icons img{
    margin:0px;
}

.key{
    padding-top:10px;
    text-align:center;
    display:table;
    width:300px;
    margin:auto;
}

.available-day, .unavailable-day{
    /* C[CalendarAvailable] */
    background-color:#e2e2e2;
    display:table-cell;
    /* C[CalendarBackground] */
    border-color:#666666;
    border-width:1px;
    border-style:solid;
    height:20px;
    width:20px;
    margin-top:5px;
}

.unavailable-day{
    /* C[CalendarUnavailable] */
    background-color:#7d003c;
}

.definition{
    display:table-cell;
    margin-bottom:50px;
    padding-left:10px;
    padding-right:10px;
}

.key-value{
    padding-bottom:15px;
    text-align:center;
    display:table-row;
}