body {
 margin: 0;
 padding: 0;
 background: #95c9ea;
 text-align: center;
}

h1,h2,h3,h4,h5,h6 {
 color: #bdbdbd;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

p {
 color: #bdbdbd;
 font-weight: normal;
}

/* ul li {
 color: #ffffff;
} */

a {
 color: #748ebd;
 text-decoration: none;
}

a:hover {
 color: #95c9ea;
 text-decoration: underline;
}

#home #wrapper,
#subpage #wrapper{
 position: relative;
 width: 800px;
 margin: 0 auto;
 padding: 0 0 10px 0;
 text-align: left;
 background: #445470;
}

#home #bookinginfo,
#subpage #bookinginfo {
 position: relative;
 padding: 0;
 margin: 0;
 text-align: center;
}

#home #bookinginfo p,
#subpage #bookinginfo p {
 color: #bdbdbd;
 font-size: 1.0em;
 text-align: center;
}

#home #header {
 position: relative;
 display: block;
 width: 760px;
 height: 300px;
 margin: 0 auto;
 background: #445470 url(/img/home-header-bg.jpg) top left no-repeat;
}

#subpage #header {
 position: relative;
 display: block;
 width: 760px;
 height: 200px;
 margin: 0 auto;
}

.townhouse { background: #445470 url(/img/townhouse-header-bg.jpg) top left no-repeat; }
.guesthouse { background: #445470 url(/img/guesthouse-header-bg.jpg) top left no-repeat; }
.chalets { background: #445470 url(/img/parkcabins-header-bg.jpg) top left no-repeat; }
.caravanpark { background: #445470 url(/img/caravanpark-header-bg.jpg) top left no-repeat; }
.tariffs { background: #445470 url(/img/subpage-header-bg-1.jpg) top left no-repeat; }
.specials { background: #445470 url(/img/subpage-header-bg-1.jpg) top left no-repeat; }
.attractions { background: #445470 url(/img/subpage-header-bg-5.jpg) top left no-repeat; }
.contact { background: #445470 url(/img/subpage-header-bg-4.jpg) top left no-repeat; }
.book { background: #445470 url(/img/subpage-header-bg-4.jpg) top left no-repeat; }
.photogallery { background: #445470 url(/img/subpage-header-bg-2.jpg) top left no-repeat; }

#home #header h3,
#subpage #header h3 {
 padding: 0;
 margin: 0;
 overflow: hidden;
 text-indent: -9999px;
}

#home #navigation {
 position: relative;
 padding: 0;
 margin: 0;
 width: 800px;
 height: 100px;
}

#home #navigation ul li {
 float: left;
 padding: 0;
 margin: 0;
}

#home #navigation ul li a {
 padding: 0;
 margin: 0;
 display: block;
 height: 100px;
 width: 244px;
}

#home .nav1 { background: transparent url(/img/nav-guesthouse-bg-over.gif) top left no-repeat; }
#home .nav2 { margin: 0 14px 0 14px; background: transparent url(/img/nav-chalets-bg-over.gif) top left no-repeat; }
#home .nav3 { background: transparent url(/img/nav-caravanpark-bg-over.gif) top left no-repeat; }


#home .nav1 a { background: transparent url(/img/nav-guesthouse-bg.gif) top left no-repeat; }
#home .nav2 a { background: transparent url(/img/nav-chalets-bg.gif) top left no-repeat; }
#home .nav3 a { background: transparent url(/img/nav-caravanpark-bg.gif) top left no-repeat; }

#home .nav1 a:hover { background: transparent url(/img/nav-guesthouse-bg-over.gif) top left no-repeat; }
#home .nav2 a:hover { background: transparent url(/img/nav-chalets-bg-over.gif) top left no-repeat; }
#home .nav3 a:hover { background: transparent url(/img/nav-caravanpark-bg-over.gif) top left no-repeat; }


#subpage #navigation {
 float: right;
 width: 240px;
 margin: 0 20px 0 0;
 padding: 0;
 font-size: 1.0em;
 text-align: left;
}

#subpage #navigation ul li a.booknowbutton {
 display: block;
 padding: 0;
 margin: 0 0 20px 0;
 height: 41px;
 width: 128px;
 background: transparent url(/img/book-now-btn.gif) top left no-repeat;
}

#subpage #navigation ul li.subnav {
 margin: 0;
 padding: 0 0 0 30px;
 /* list-style-position: inside;
 list-style-image: url(/img/list-bullet-waves.gif); */
 background: transparent url(/img/list-bullet-waves.gif) center left no-repeat;
}

#home #navigation h2,
#home #navigation ul li a span,
#home #bookinginfo h2,
#home #footer h3,
#subpage #navigation h2,
#subpage #navigation ul li a span,
#subpage #bookinginfo h2,
#subpage #footer h3 {
 display: block;
 padding: 0;
 margin: 0;
 /* hide overflow:hidden from IE5/Mac */
 /* \*/
 overflow: hidden;
 /* */
 height: 0;
 width: 0;
 margin-left: -9999px;
 border: #ff0000 1px solid;
}

#home #maincontent {
 position: relative;
 margin: 10px 60px 0 60px;
}

#subpage #maincontent {
 position: relative;
 padding: 30px 0 0 0;
 background: transparent url(/img/vertical-line.gif) 525px 0 repeat-y;
}

#subpage #maincontent #contentblock {
 float: left;
 margin: 0;
 padding: 0 0 0 60px;
 width: 440px;
}

#subpage #maincontent #contentblock ul {
 margin: 0;
 padding: 0;
}

#subpage #maincontent #contentblock ul li {
 margin: 0;
 padding: 0 0 0 5px;
 color: #bdbdbd;
 list-style-position: inside;
 list-style-image: url(/img/bluediamond.gif);
 line-height: 1.8em;
}

#subpage #maincontent #contentblock table tr td {
 color: #bdbdbd;
 line-height: 1.8em;
 font-size: 1.0em;
 }
 
 td.tblheading {
  font-weight: bold;
 }

.thumbnails img {
 margin: 5px 1px;
 padding: 1px 1px;
 border: #6E798B 1px solid;
}

#subpage #maincontent #contentblock h1,
#subpage #maincontent #contentblock h2 {
 clear: both;
}

#home #footer,
#subpage #footer {
 position: relative;
 clear: both;
 margin: 30px 0 0 0;
 text-align: center;
}

#home #footer p,
#subpage #footer p {
 text-align: center;
 font-size: 1.0em;
}

#home #footer ul,
#subpage #footer ul {
 margin: 0;
 padding: 0;
}

#home #footer ul li,
#subpage #footer ul li {
 display: inline;
 padding: 3px 2px;
 font-size: 1.0em;
}

/**
 * Forms
 */
form, fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
 
legend {
 margin: 0 0 0 0;
 padding: 10px 0 10px 0;
 font-size: 1.2em;
 color: #ffffff;
}
 
div#flashmessage {
 margin: 2px 0;
 padding: 5px 20px;
 background: #bdbdbd;
}

div#flashmessage p {
 color: #ff0000;
}

div.required {
 margin: 2px 0;
 padding: 5px 0;
 background: transparent;
}

div.optional {
 margin: 2px 0;
 padding: 5px 0;
 background: transparent;
}

div.submit {
 margin: 10px 0;
 text-align: right;
}

div.required label,
div.optional label {
 display: block;
 width: 100%;
 margin: 0;
 padding: 0 0 5px 0;
 font-size: 1.0em;
 color: #ffffff;
 font-weight: normal;
}

div.required input,
div.required textarea,
div.optional input,
div.optional textarea {
 width: 100%;
 font-size: 1.0em;
}

div.error_message {
 color: #ff0000;
 font-size: 1.0em;
 padding: 4px 10px;
 background: #bdbdbd;
}

div.required label.checkboxlabel,
div.optional label.checkboxlabel {
 display: inline;
 width: 200px;
 margin: 0;
 padding: 0 0 5px 0;
 font-size: 1.0em;
 font-weight: normal;
}


div.required input.checkboxinput,
div.optional input.checkboxinput {
 display: inline;
 font-size: 1.0em;
 width: 30px;
}