@charset "utf-8";
/* CSS Document */

body {
    background-color: #e7edf3;
    color: #73808d;
    line-height: 18px;
    text-decoration: none;
}
a {
    text-decoration: none;
    color: #2b76c2;
}

a:visited {
    text-decoration: none;
}
a:hover {
    color: #5d98d5;
}
h1 {
    font-size: 34px;
    padding-top: 5px;
    font-weight: normal;
}
h2 {
    font-size: 24px;
    font-weight: normal;
    color: #2b76c2;
    line-height: 22px;
}
h3 {
    font-size: 22px;
    font-weight: normal;
}

.bullets {
    font-size: 14px;
    line-height: 18px;
}

.question {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

ul {
    list-style: none;
}
li {
    list-style: none;
}

.headertext {
    font-size: 2em;
}

#container {
    background-color: #fff;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#header {
    background-color: #fff;
    width: 940px;
    padding: 10px;
    height: 130px;
}
#footer {
    height: 402px;
    width: 940px;
    padding-top: 50px;
    clear: both;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 3px;
}

#banner {
    width: 943px;
    height: 299px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    clear: both;
}
#container #banner img {
    padding-right: 8px;
    padding-left: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#contenthome {
    width: 940px;
    background-color: #fff;
    text-align: center;
}
#content {
    position: relative;
    width: 910px;
    background-color: #fff;
    text-align: left;
    margin-left: 20px;
    clear: both;
}

#homecontentright {
    clear: none;
    width: 256px;
    margin-right: 28px;
    margin-left: 28px;
    float: right;
    text-align: center;
    background-color: #fff;
}
#homecontentleft {
    clear: none;
    width: 256px;
    margin-right: 28px;
    margin-left: 28px;
    float: left;
    text-align: center;
    background-color: #fff;
}
#homecontentcentre {
    clear: none;
    width: 256px;
    margin-right: 28px;
    margin-left: 28px;
    float: right;
    text-align: center;
    background-color: #fff;
}
#contactbox {
    text-align: right;
    position: relative;
    right: 5px;
    top: -60px;
}

#scrollcontact {
    position: relative;
    left: 100px;
    top: 30px;
    width: 200px;
    clear: none;
}

#sidecontactform {
    clear: none;
    position: relative;
    left: 80px;
    top: 100px;
    width: 450px;
}

#holidayhome {
    clear: both;
    width: 900px;
    margin-top: 0px;
    margin-bottom: 20px;
}
#cottageside {
    float: right;
    width: 263px;
    margin-left: 30px;
}
#cottagebox {
    clear: both;
    width: 910px;
    height: 412px;
}
#cottageboxtext {
    float: right;
    width: 440px;
    background-color: #73808d;
    padding-left: 15px;
    height: 412px;
}
#map_canvas {
    float: left;
    width: 455px;
    clear: none;
    height: 412px;
}

.tel {
    font-size: 24px;
    line-height: 28px;
}

.navlink {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #73808d;
}
a.navlink:hover {
    color: #2b76c2;
    background-color: #b9bfc6;
}
a.navlink:active {
    color: #2b76c2;
    background-color: #b9bfc6;
}

.socialicons {
    padding-right: 2px;
    padding-left: 2px;
}
.footlink {
    color: #73808d;
    text-decoration: none;
    font-size: 1em;
}
a.footlink:hover {
    color: #2b76c2;
}
a.footlink:active {
    color: #2b76c2;
}

.logo {
    margin-right: 340px;
    margin-left: 340px;
}
.button {
    font-size: 20px;
    background-color: #2b76c2;
    color: #fff;
    padding: 12px;
    background-repeat: no-repeat;
    width: 243px;
}
a.button:hover {
    width: 243px;
    background-color: #7aa0c6;
    color: #fff;
}

.readbutton {
    font-size: 18px;
    background-color: #2b76c2;
    color: #fff;
    padding: 5px;
}
a.readbutton:hover {
    background-color: #7aa0c6;
    color: #fff;
}
a.readbutton:visited {
    background-color: #2b76c2;
    color: #fff;
    padding: 5px;
}

.greybutton {
    font-size: 18px;
    background-color: #73808d;
    color: #fff;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 15px;
    padding-left: 17px;
    background-repeat: no-repeat;
    width: 243px;
}
a.greybutton:hover {
    background-color: #8e9dab;
    color: #fff;
}
.sleeps {
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}
.nopad {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
ul {
    line-height: 22px;
    margin-left: 0px;
    padding-left: 20px;
}

.imgpad {
    padding-bottom: 15px;
    padding-left: 15px;
}

/* *** GALLERY-CONTENT *** */

.primary-content .glist,
.sidebar .glist,
.glist {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* for containers, act as a clearing device */
.cont {
    overflow: auto;
}

.allalbums > li {
    clear: left;
}

.imagelisting li {
    float: left;
    width: 200px;
    margin: 0 10px 10px 0;
}

.albumdisplay li {
    float: left;
    width: 210px;
    margin: 0 20px 20px 0;
}

.albumdisplay li img:hover {
    border: 2px solid #000;
}

.albumdisplay li img {
    display: block;
    border: 2px solid #ccc;
}

.pager {
    margin: 1.5em 0;
    overflow: hidden;
    padding-top: 0.8em;
}

.pager li {
    float: left;
    width: 10em;
}

.pager li.paging-label {
    float: none;
    width: 100%;
    padding: 0 0 1em 0;
}

.pager a.paging-next {
    text-align: right;
}

form {
    padding: 20px;
}
.formbutton {
    font-size: 20px;
    background-color: #2b76c2;
    color: #fff;
    background-repeat: no-repeat;
    width: 150px;
    height: 40px;
}
a.formbutton:hover {
    font-size: 20px;
    background-color: #2b7777;
    color: #fff;
    background-repeat: no-repeat;
    width: 150px;
    height: 40px;
}
#formwrap {
    width: 100%;
    max-width: 350px;
}

.available {
    color: #fff;
    background-color: #6c6;
    padding-bottom: 5px;
    padding-top: 5px;
}

.booked {
    color: #fd424a;
    background-color: #fd424a;
    padding-bottom: 5px;
    padding-top: 5px;
}

.testimonial {
    font-size: 30px;
    font-weight: normal;
    color: #2b76c2;
    line-height: 28px;
}

.guestname {
    font-size: 16px;
}