/* Resets */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0px; padding: 0px; }
li {list-style: none;}
img { border: none; }
hr, span, .plain-only {display:none;}
body { background: #F8F4EE; font: normal 82.5% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }

/* General Containers and Stuff */
#container { width: 780px; margin-right: auto; margin-left: auto; background: url(images/container-rpt.jpg) repeat-y; position:relative; }
#top { background: url(images/top.jpg) no-repeat 0px 0px; height: 205px; }
#sub { background: url(images/h2.jpg) no-repeat top; height: 63px; display: block; width: 710px; margin-left: 31px; margin-right: 39px; position: relative; }
.home #sub { background: url(images/h2.jpg) no-repeat top; height: 63px; display: block; width: 710px; margin-left: 31px; margin-right: 39px; position: relative; }
#main { background: url(images/left-bg.jpg) no-repeat 31px bottom; padding-bottom: 20px; } /* This is the leaf BG for the left col */
#left { float: left; width: 200px; margin-left: 32px; padding-bottom:25px; }
#right, #right2cols { margin-left: 250px; margin-right: 55px; border-top: 10px solid #FFFFFF; padding-right: 20px; padding-left: 20px; padding-top: 10px; }
#right { background: url(images/right-top.jpg) no-repeat scroll 0 0px; }
.cabins_for_sale #right { background: url(images/right-top.jpg) no-repeat scroll 0 0px; float: left; margin-left: 18px; margin-right: 0;}
#right2cols  { margin-left: 250px; margin-right: 230px; }

#top img { position: absolute; top: 37px; margin-left: 233px; background: #7993A0; }
img.pic-l, img.pic-r { float: left; margin-right: 15px; margin-bottom: 5px; border: 3px double #42413C; margin-top: 10px; }
img.pic-r { float: right; margin-bottom: 15px; margin-left: 15px; margin-right: 0px; }
#farright { width: 175px; float: right; top: 0px; border-top: 10px solid #FFFFFF; margin-right: 55px; padding-top: 20px; }
#farright img { width: 155px; margin-left: 0px; margin-bottom: 20px; border: 1px solid #42413C; }
#right a, #right2cols a, #right a:link, #right2cols a:link, #right a:visited, #right2cols a:visited, #right a:active, #right2cols a:active { color:#0066CC}
#right a:hover, #right2cols a:hover{ color:#000066}


/* Text Colour Classes and Nav */
#nav .n1, #nav .n1 a, #nav .n1 a:link, #nav .n1 a:visited, #nav .n1 a:active { color: #ffffff;}
#nav .n1 a:hover { color:#ffffff; background: #6ca314 url(images/nav-green.jpg) repeat-x;}

#nav .n2, #nav .n2 a, #nav .n2 a:link, #nav .n2 a:visited, #nav .n2 a:active { color: #ffffff;}
#nav .n2 a:hover { color:#ffffff; background: #f36e21 url(images/nav-orange.jpg) repeat-x;}

#nav .n3, #nav .n3 a, #nav .n3 a:link, #nav .n3 a:visited, .n3 a:active { color: #ffffff;}
#nav .n3 a:hover { color:#FFFFFF; background: #358aa9 url(images/nav-blue.jpg) repeat-x;}

#nav .n4, #nav .n4 a, #nav .n4 a:link, #nav .n4 a:visited, #nav .n4 a:active { color: #ffffff;}
#nav .n4 a:hover { color:#FFFFFF; background: #eb9b1e url(images/nav-yellow.jpg) repeat-x;}

#nav .n5, #nav .n5 a, #nav .n5 a:link, #nav .n5 a:visited, #nav .n5 a:active { color: #ffffff;}
#nav .n5 a:hover { color:#FFFFFF; background: #c50125 url(images/nav-red.jpg) repeat-x;}


#nav { width: 180px; margin: 10px 0px 20px 3px; padding: 0px; font-weight: normal; }
#nav a { padding-top: 0.1em; padding-bottom: 0.1em; display: block; text-decoration: none; padding-left: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#nav li { list-style: none; margin: 0px; padding: 0px; width: 194px; display: block; color: #E6F1D5; border-bottom: 1px solid #ECE9D8; }
#nav ul { margin-bottom:8px; }
#nav li ul li { color: #00FF99; padding-left: 0px; padding-top: 1px; padding-bottom: 1px; border-style: none; width: 194px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

/* Sub Page Nav visible when nav slides down */
.n1 ul li a, .n1 ul li a:link, .n1 ul li a:visited, .n1 ul li a:active { color:#E6E6E4; background: #5B5A55 url(images/green-bull.gif) no-repeat; min-height:20px;}
.n2 ul li a, .n2 ul li a:link, .n2 ul li a:visited, .n2 ul li a:active { color:#E6E6E4; background: #5B5A55 url(images/orange-bull.gif) no-repeat; min-height:20px;}
.n3 ul li a, .n3 ul li a:link, .n3 ul li a:visited, .n3 ul li a:active { color:#E6E6E4; background: #5B5A55 url(images/blue-bull.gif) no-repeat; min-height:20px; }
.n4 ul li a, .n4 ul li a:link, .n4 ul li a:visited, .n4 ul li a:active { color:#E6E6E4; background: #5B5A55 url(images/yellow-bull.gif) no-repeat; min-height:20px;}
.n5 ul li a, .n5 ul li a:link, .n5 ul li a:visited, .n5 ul li a:active { color:#E6E6E4; background: #5B5A55 url(images/red-bull.gif) no-repeat; min-height:20px;}

.n5 ul li a:hover, .n4 ul li a:hover, .n3 ul li a:hover, .n2 ul li a:hover, .n1 ul li a:hover { color:#ffffff; background: #42413C url(images/white-bull.gif) no-repeat; min-height:20px;}

/* Accessibility */
#access { width: 202px; height: 21px; position: absolute; top: 40px; padding-left: 10px; }
#access h3 { color: #F8F4EE; font-size: 0.85em; float: left; padding-top: 3px; padding-right: 5px; }
#access li { float: left; height: 21px; width: 21px; padding-left: 2px; color: #CCCCCC; }
#access li a,
#access li a:link,
#access li a:visited,
#access li a:active { display: block; float: left; height: 21px; width: 21px; background: url(images/plus.gif) 50%; }

#access li a#down,
#access li a#down:link,
#access li a#down:visited,
#access li a#down:active { background: url(images/minus.gif) 50%; }

#access li a#plain,
#access li a#plain:link,
#access li a#plain:visited,
#access li a#plain:active { background: url(images/plain.gif) 0 50% no-repeat; }

/* General Form Styles */
#right form { margin: 0px 0; font-size: 100%; width: 350px; }
#right fieldset { border: 1px solid #4D95B1; padding: 5px; }
#right legend { padding: 5px; font-weight: bold;  color: #1F1F1F;}
#right label {  display: block; margin: 10px 0 4px 0;}
#right label.check { display: inline; }
#right textarea, #right input { width: 100%; border: 1px solid #7F9DB9; padding: 3px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: url(images/formshadow.jpg); }
#right select { width: 100%;}
#right input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
#right input.submit{ color:#FFFFFF; background: #84BF0B; width: 100%; border: 2px outset #FFFFFF; font: bold.85em Arial, Helvetica, sans-serif; }
#right textarea{ height: 100px; }
#left .form input.txt, #left .form textarea.txt { width: 157px; }
#left .form fieldset { width: 170px; padding: 5px 0 5px 5px; }
#left .form label { font-size: .9em; }
#left .form legend { font-size: 1.1em; }
#left .form input.check { display: inline; }
#left .form p { font-size: 1em; padding: 5px 3px 2px 0; }


/* Text, Lists, Headings, Paragraphs etc */
#right p, #right2cols p { padding-top: 7px; padding-bottom: 7px; line-height: 130%; }
.clear { clear: both; height: 1px; }
#right ul, #right2cols ul {margin-bottom:15px;}
#right ul li, #right2cols ul li { background: url(images/bullet.gif) no-repeat 0px 7px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }
#right ol li, #right2cols ol li{ list-style: decimal; margin-left: 20px; padding-top: 2px; padding-bottom: 2px; }
#right h3, #right2cols h3 { margin-top: 20px; margin-bottom: 0px; font-size: 1.6em; font-weight: normal; border-bottom: 2px double #42413C; border-left: 10px solid #5F5E59; padding-bottom: 1px; padding-left: 8px; }
#right h4, #right2cols h4 { margin-top: 20px; font-size: 1.4em; font-weight: normal; color: #42413C; width: 430px;}
#sub h2 { color: #FFFFFF; font-weight: normal; padding-left: 250px; padding-top: 10px; font-size: 1.4em; }
#sub p { padding-left: 240px; font-size: 1.4em; }
#sub .telno { position: absolute; top: 5px; margin: 0px; padding: 0px 0px 0px 10px; font-size: 0.85em; color: #FFFFFF; width: 202px; text-align: left; }
#sub .telno b { color: #F8F4EE; font-weight: bold; }


/* The Footer of Love */
#footer { background: #F8F4EE url(images/footer.jpg) no-repeat left top; height: 170px; clear: both; position: relative; }
.tilter { width: 250px; float: left; }
.tilter img {margin:-10px 0px 0px 15px;}
.tilter h2, .tilter h3, .tilter p { position: absolute; left: -9999em; border: 1px solid red; }

#footer #footer-info { position: absolute; left: 37px; bottom: 18px; height: 18px; padding: 0; margin: 0;}
#footer #footer-info li { float: left; font: 11px/12px Arial, Helvetica, sans-serif; padding: 0 10px; }
#footer #footer-info li a,
#footer #footer-info li a:link,
#footer #footer-info li a:visited,
#footer #footer-info li a:active { color: #fff; text-decoration: none; }
#footer #footer-info li img { margin-top: 2px; }

#footerright { float: left; width: 185px; margin-left: 20px; background: url(images/footer-right-p.gif) bottom; margin-right: 35px; margin-bottom: 20px; }

#footerright p { font-weight:bold; color:#42413C; background: url(images/footer-right-p.gif) bottom; padding: 10px; }
#footerright .checkarrow { background: url(images/checkarrow.gif) no-repeat 10px 10px; height: 68px; padding-left: 85px; display: block; font-size: .85em; }
#footerright a { text-decoration: none; }

#footerrighter { float: left; width: 218px; background: url(images/footerrighter.gif) no-repeat bottom; padding: 0px; margin-bottom: 20px; position: relative; }

#footerrighter p { font-weight:bold; color:#42413C; background: url(images/footer-right-p.gif) bottom; padding: 10px; }
#footerrighter .checkarrow { background: url(images/checkarrow.gif) no-repeat 10px 10px; height: 68px; padding-left: 85px; display: block; font-size: .85em; }

#footerrighter form { padding: 10px; }
#footerrighter label { font-size: .85em; display: inline; width: 40px; float: left; }
#access .txt { margin-right: 1.2em; padding-top:2px; font-weight: bold; }
#footerrighter a { text-decoration: none; }

#footerright {position: relative;}
#footerright h5 a,
#footerrighter h5 a {position: absolute; top: 0; left: 0; width: 184px; height: 110px; padding: 5px 0 0 10px;z-index: 6;}
#footerrighter a:link, #footerrighter a:visited, #footerright a:link, #footerright a:visited {color: #42413C;}
#footerrighter h5 a:link, #footerrighter h5 a:visited, #footerright h5 a:link, #footerright h5 a:visited {color: #fff;}
#footerrighter h5 a {width: 250px; height: 110px;}





.thumbs img { float: left; margin-right: 5px; margin-top: 0px; margin-left: 0px; border:none; z-index:100; position: absolute; left: 10px; top: 26px; }
.thumbs { position: relative; margin-bottom: 0px; padding-bottom:18px; background: #CCCCC8 url(images/thumbs-top.gif) no-repeat; color: #000000; z-index:99; }

#right .thumbs .price, #right .thumbs .furn, #right .thumbs .tenur, #right .thumbs .beds { margin: 0px; padding: 0px; height: 10px; font-size: .9em; }
.thumbs .price { position: absolute; top: 5px; left: 10px; color: #ffffff; font-weight: bold; }
.thumbs .furn { position: absolute; top: 26px; left: 170px; }
.thumbs .tenur { right: 10px; position: absolute; top: 43px; left: 170px; }
.thumbs .beds { position: absolute; top: 26px; left: 295px; }
#right .thumbs .descp { margin-top: 0px; line-height: 120%; font-size: 0.85em; color: #000000; margin-left: 170px; margin-right: 10px; display: block; padding-top: 70px; }
#right .thumbs .more { margin-left: 170px; padding: 0px; margin-top: 0px; font-size: .85em; font-weight: bold; margin-bottom: 5px; }
div.details { padding: 30px 20px 20px; background: #CCCCC8 url(images/thumbs-top.gif) no-repeat; }
#right div.details li { background: url(images/bullet_blue.gif) no-repeat 0px 5px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }
#right .detailsred li { background: url(images/red-bull.gif) no-repeat 0px 5px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }
#right .detailsyell li { background: url(images/bullet-yellow.gif) no-repeat 0px 5px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }
#right .detailsgreen li { background: url(images/bullet-green.gif) no-repeat 0px 5px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }

#detailsbox img { margin-right: 3px; margin-bottom: 3px; border: 4px solid #4B95B0; }
#footerrighter #brochures { height: 91px; width: 91px; position: absolute; top: 10px; left: 180px; background: url(images/brochures.png) no-repeat; }
.formtext { color: #4D95B1; margin-top: 30px; }


table { background: #CCCCCC; text-align: center; padding: 0px; margin-top: 15px; margin-bottom: 15px; border-collapse: collapse; width: 100%; }
th { background: #5F5E59; padding: 5px; color: #FFFFFF; }td.dark { }
td.light { background: #E2E2E2; }
td { padding: 5px; color: #42413C; border: 1px dotted #5F5E59;   }
.thumbshr { background: url(/images/thumbs-hr.gif) no-repeat; height: 18px; display: block; margin: 0px 0px 15px; padding: 0px; }

#right #cabins_for_sale {width: 435px; float: left; clear: both; margin-bottom: 0; margin-top: 5px;}
#right #cabins_for_sale li {width: 435px; float: left; clear: both; background: #ccc url(/images/thumbs-hr.gif) no-repeat scroll bottom left; padding: 0; margin-bottom: 10px;}
#right #cabins_for_sale div {width: 415px; float: left; clear: both; padding: 0 10px 0 10px;  }
#right #cabins_for_sale li h4 {width: 415px; float: left; clear: both; background: #418FAD url(images/thumbs-top.gif) no-repeat scroll top left; margin: 0; padding: 0 10px 0 10px;}
#right #cabins_for_sale li h4 a:link, #right #cabins_for_sale li h4 a:visited { height: 2em; line-height: 2em; color: #fff; font-size: 77%; font-weight: bold; text-decoration: none;}
#right #cabins_for_sale li h4 span {display: block; float: left; clear: none; }
#right #cabins_for_sale li h4 span.rooms {display: block; float: right; clear: none; }
#right #cabins_for_sale li .pic-r { margin-top: 0; }
.cabins_for_sale #right p { float: left; clear: both; width: 435px; }
.cabins_for_sale #right #cabins_for_sale p {float: left; width: auto;}
.


.cabins_for_sale #right { margin: 0 0 0 18px; float: left; border: none; }
.cabins_for_sale .pagination { float: left; clear: both; width: 435px; text-align: center;}
.cabins_for_sale select, .cabins_for_sale h4  { float: left; clear: both; }
.cabins_for_sale p.more, .cabins_for_sale p.more a { float: left; clear: both; width: 400px;}

#right #cabins_for_sale li div { padding-bottom: 10px; }

.details #right .summary { padding: 0 20px 0 0; }
.details .details { float: left; background-image: none; width: 435px; padding-top: 0; margin-top: 10px; padding-right: 0;background: #E6E6E4; url(/images/thumbs-hr.gif) no-repeat scroll bottom left; margin-bottom: 20px;}
.details #left { float: left;}
.details #right {  margin: 0 0 0 18px; float: left; padding-right: 0; padding-left: 0; width:475px; background-position: 0 0;}
.details .details h2 {float: left; clear: both; width: 415px; margin-left: 0px; margin-bottom: 0.5em;padding: 0 10px 0 10px; background: #418FAD url(images/thumbs-top.gif) no-repeat scroll 0 0;  }
.details .details h2 span { float: left; display: block; }
.details .details ul {float: left; clear: left;  }
.details .details #detailsbox, .details .details .description { float: left; clear: both; }
.details .details h2 span.rooms {display: block; float: right; clear: none; }
.details .description {margin-bottom: 1em; }
.details .details ul { width: auto; }
a#photos { color: #000; display: block; font-weight: bold; color: #999; text-decoration: none;}
div.image {display: block; float: right; height: auto;}
div.image img {  border:3px double #42413C; }
div.image a { display: block; text-align: center; text-transform: lowercase; text-decoration: none; font-weight: bold;}
p.sidenote {float: left; clear: both; width: 435px; margin-left: 20px;}

.print { float: right; clear: both; margin-right: 20px;padding-left: 20px; background: url(../images/printer.png) no-repeat scroll 0% 50%; color: #999; font-weight: bold; text-decoration: none; text-align: right; }
.cabins_for_sale .print { float: left; margin-left: 380px;}
.details .details .print { float: left; clear: both; margin-top: 10px; margin-left: 325px; }
.details .details .description, #detailsbox { width: 435px; }
.details p.enlarge {text-transform: lowercase; color: #999; font-weight: bold;}
.details .details .pic-r {margin-right: 10px}
.cabins_for_sale #right select {width: 434px;}
.cabins_for_sale #right .pagination {margin: 10px 0 10px 0;}
#footer-notes {float: left; clear: both; width: 435px;}

#right .details .details a:link,#right .details h2 a, #right .details h2 a:visited,#right .details h2 a:link, #right .details h2 a:visited { height: 2em; line-height: 2em; color: #fff; font-size: 77%; font-weight: bold; text-decoration: none;}
.subheading { color:#e77107; padding-top: 12px; }
.subheading span { display: block; color: #fff; }


html, body{ height: 100%; margin: 0; }
#floating{
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url('images/float.png');
  text-align: center;
  min-height: 100%;
}

.show{
  display: block;
}
.hide{
  display: none;
}
#floating_content{
  z-index: 1020;
  padding: 20px;
  width: 600px;
  background: #ffffff;
  margin: 0 auto;
  margin-top:5%;
  margin-bottom:5%;
}

#google-map {margin-left:270px;}
#floating p {margin-bottom: 1em;}

/* Print Friendly */

.print-friendly .wrapper { width: 435px; margin: 10px 0 10px 10px; }
.print-friendly .details .main-image, .print-friendly .details ul { margin-bottom: 10px; }
.print-friendly .details p { margin-bottom: 10px; }

#lightbox span { display: inline; }
span.error { display: block !important; color: red; }

/* OH MY!!!!  AN IE7 FIRST CHLD SELECTOR HACK, WHATEVER NEXT! */
*:first-child+html #right {width: 435px; }
*:first-child+html .details #right {width: 475px; }


/* Added by Jon for new advert below nav */
#nav-advert a {margin-left:-13px;}
#nav-advert img {margin-top:15px;}

#right .detailsyellright li {
background:url(images/bullet-yellow.gif) no-repeat scroll 220px 5px transparent;
padding-bottom:2px;
padding-left:242px;
padding-top:2px;
}

#social {position:absolute; top:168px; left:104px; z-index:10;}
#social ul {margin:0;}
#social ul li {display:inline;}