@charset "utf-8";

/* CSS Document */

html { background: url(../images/background_tile.jpg) top center repeat-x; background-color: #DAE795; font-family: Arial, Helvetica, sans-serif; }

body { margin: 0; padding: 0; }

a img { border: 0; }

/* ID STYLES */

#wrapper { width: 870px; margin-right: auto; margin-left: auto; margin-top: 15px; }

#navigation { background: url(../images/menu_background.jpg) top left no-repeat; height: 50px; width: 870px; z-index: 3; }

#top-image { background: url(../images/banner_background.jpg) top left no-repeat; height: 209px; width: 850px; padding: 0 10px 0 10px; z-index: 0; }

#top-image object { z-index: 0; }

#content-tile { background: url(../images/content_tile.jpg) top left repeat-y; float: left; overflow: hidden; width: 870px; }

#content-wrap { background: url(../images/content_back.jpg) top left no-repeat; float: left; overflow: hidden; width: 850px; padding: 0 10px 0 10px;}

#left { float: left; width: 580px; padding: 0 10px 10px 10px; }

#right { float: right; padding: 0 10px 10px 0; }

#blue-box { background-color: #e8f1ff; width: 218px; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; border: 1px solid #cddcf5; }

#footer { background: url(../images/footer_transparent.png) top left no-repeat; height: 70px; width: 870px; float: left; }

#photo-gallery { background: #FFFFFF; padding: 5px; border: 1px solid #bcd744; width: 560px; overflow: hidden; margin: 10px 0 10px 5px; }

#me-brand { padding-right: 10px; }
#binary-brand {clear: both; width: 830px; margin: 0 auto 0 auto; text-align: right; padding-top: 8px; padding-bottom: 8px;}
#binary-brand a {text-decoration: none; font-size: 0.7em; color: #114833;}

/* TEXT STYLES */

#cottage-photo { width: 320px; float: left; }

#green-box h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #013c2b; font-weight: 300; font-size: 1.6em; margin: 0; padding: 0; }

#green-box h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #013c2b; font-weight: 300; font-size: 1.4em; margin: 0; padding: 0; }

#green-box h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #013c2b; font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }

#green-box h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #013c2b; font-weight: 300; font-size: 1.0em; margin: 0; padding: 0; }

#green-box h5 { font-family: Georgia, "Times New Roman", Times, serif; color: #013c2b; font-weight: 300; font-size: 0.9em; margin: 0; padding: 0; }

#green-box h6 { font-family: Georgia, "Times New Roman", Times, serif; color: #013c2b; font-weight: 300; font-size: 0.8em; margin: 0; padding: 0; }

#green-box p { color: #202020; font-size: 0.8em; margin: 5px 0 5px 0; padding: 0; }

#blue-box h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #265fab; font-weight: 300; font-size: 1.6em; margin: 0 0 3px 0; padding: 0 0 3px 0; border-bottom: 3px dotted #b4caed; }

#blue-box h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #265fab; font-weight: 300; font-size: 1.4em; margin: 0; padding: 0; border-bottom: 3px dotted #b4caed; }

#blue-box h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #383838; font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }

#blue-box h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #383838; font-weight: 300; font-size: 1.0em; margin: 0; padding: 0; }

#blue-box h5 { font-family: Georgia, "Times New Roman", Times, serif; color: #383838; font-weight: 300; font-size: 0.9em; margin: 0; padding: 0; }

#blue-box h6 { font-family: Georgia, "Times New Roman", Times, serif; color: #383838; font-weight: 300; font-size: 0.8em; margin: 0; padding: 0; }

#blue-box p { color: #202020; font-size: 0.8em; margin: 5px 0 5px 0; padding: 0; }

#blue-box ul { color: #34597a; list-style-image: url(../images/list-image.gif); font-size: 0.9em; margin: 5px 0 5px 0; padding: 0 0 0 20px; }

#blue-box a { color: #34597a; text-decoration: none; }

#blue-box a:hover { text-decoration: underline; }

#left ul { color: #34597a; font-size: 0.9em; margin: 5px 0 5px 0; padding: 0 0 0 20px; }

#photo-gallery ul { padding: 0; }

#left a { color: #34597a; text-decoration: none; }

#left a:hover { text-decoration: underline; }

#left h1 { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #265fab; border-bottom: 3px dotted #c3d475; padding: 0 0 5px 0; margin: 0 0 3px 0; }

#left h2 { font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #265fab; border-bottom: 3px dotted #c3d475; padding: 0 0 5px 0; margin: 0 0 3px 0; }

#left h3 { font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #265fab; margin: 0 0 3px 0; }

#left h4 { font-size: 1.0em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #265fab; margin: 0 0 3px 0; }

#left h5 { font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #265fab; margin: 0 0 3px 0; }

#left h6 { font-size: 0.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #265fab; margin: 0 0 3px 0; }

#left p { font-size: 0.8em; color: #202020; padding: 0 10px 0 10px; }

#left ul.cottage { color: #202020; list-style-image: url(../images/list-image2.gif); font-size: 0.8em;  }

#left hr { clear: both; margin: 10px 0 10px 0; }

img.photo-left { padding: 5px; border: 1px solid #bcd744; background-color: #FFFFFF; }

img.photo-right { padding: 5px; border: 1px solid #bcd744; background-color: #FFFFFF; }

img.photo-index { padding: 5px; border: 1px solid #bcd744; background-color: #FFFFFF; margin: 10px 0 0 0; }

.large-image { float: right; margin: 5px 10px 10px 0; }

ul#more-galleries { list-style-type: none; margin: 0; padding: 0; }

ul#more-galleries li { float: left; margin: 0 5px 0 0; font-size: 0.8em; }

ul#more-galleries li a { display: block; text-decoration: none; font-weight: bold; color: #34597a; background: #e8f1ff; border: 1px solid #cbdbf4; padding: 4px;  }

ul#more-galleries li a:hover { color: #013C2B; background: #D9E895; border: 1px solid #BED06D; }

ul.thumbs { background: #FFFFFF; padding: 0; margin: 5px 0 5px 0; width: 560px; list-style-type: none; }

ul.thumbs li { float: left; padding: 0; margin: 0 2px 0 2px; list-style-type: none; }

/* NAVIGATION STYLES */

ul#nav-list { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; z-index: 3;  }

ul#nav-list li { float: left; display: inline; display: block; z-index: 3;}

ul#nav-list li a { display: block; z-index: 3; }

ul#nav-list li a.home { background: url(../images/buttons/home_btn.jpg) top left no-repeat; height: 50px; width: 66px; z-index: 3; }

ul#nav-list li a.home:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.pricing { background: url(../images/buttons/pricing_btn.jpg) top left no-repeat; height: 50px; width: 69px; z-index: 3; }

ul#nav-list li a.pricing:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.cottages { background: url(../images/buttons/cottages_btn.jpg) top left no-repeat; height: 50px; width: 82px; z-index: 3; }

ul#nav-list li a.cottages:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.fishing { background: url(../images/buttons/fishing_btn.jpg) top left no-repeat; height: 50px; width: 68px; z-index: 3; }

ul#nav-list li a.fishing:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.resortinfo { background: url(../images/buttons/resortinfo_btn.jpg) top left no-repeat; height: 50px; width: 101px; z-index: 3; }

ul#nav-list li a.resortinfo:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.blog { background: url(../images/buttons/blog_btn.jpg) top left no-repeat; height: 50px; width: 57px; z-index: 3; }

ul#nav-list li a.blog:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.links { background: url(../images/buttons/links_btn.jpg) top left no-repeat; height: 50px; width: 59px; z-index: 3; }

ul#nav-list li a.links:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.contact { background: url(../images/buttons/contactus_btn.jpg) top left no-repeat; height: 50px; width: 104px; z-index: 3; }

ul#nav-list li a.contact:hover { background-position: 0 -50px; z-index: 3; }

ul#nav-list li a.booking { background: url(../images/buttons/booking_btn.jpg) top left no-repeat; height: 50px; width: 127px; z-index: 3; }

ul#nav-list li a.booking:hover { background-position: 0 -50px; z-index: 3; }

ul#foot-list { margin: 0 0 0 0; padding: 3px 0 0 0; list-style-type: none; float: right; }

ul#foot-list li { float: left; vertical-align: middle; padding: 0 23px 0 0; }

ul#foot-list li a { text-decoration: none; color: #2a5071; font-size: 14px; }

ul#foot-list li a:hover { color: #FFFFFF; }

/* TABLE STYLES */

#left table.left-table { width: 550px; margin-right: auto; margin-left: auto; font-size: 0.8em; }

tr.head { border-bottom: 1px solid #bdce71; }

tr.head td { background-color: #d9e894; border-top: 1px solid #bdce71; }

tr.head .start { background: url(../images/table-top.gif) top left no-repeat; background-color:#FFFFFF; border-top: none;}

tr.head .end { background: url(../images/table-top.gif) top right no-repeat; background-color:#FFFFFF; border-top: none; }

/* DROPDOWN STYLES */

ul#nav-list ul { margin: 0; padding: 0; padding-top: 11px; list-style-type: none; list-style-position: outside; background: #FFFFFF; position: absolute; left: 0px;  border-bottom: solid 1px #365A7C; border-right: solid 1px #365A7C; border-left: solid 1px #365A7C; padding-bottom: 5px; display: none; width: 179px;  z-index: 3; }

ul#nav-list ul li { float: left; margin: 0px 0px 5px 0px; z-index: 3; }

ul#nav-list ul li a { display: block; padding: 0px 0px 0px 10px; color: #365A7C; text-decoration: none; width: 169px; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px;  z-index: 3; }

ul#nav-list ul li a.left-slide { background: url(../images/arrow.gif) top right no-repeat; z-index: 3; }

#nav-list ul li a:hover, #nav-list a.left-slide:hover { background-color: #365A7C; color: #FFFFFF; width: 169px; height: auto; z-index: 3; }

#nav-list li { position: relative; z-index: 3; }

#nav-list li ul ul { background: #365A7C; top: auto; padding-top: 0px; top: 0px; left: 179px; margin: 0px 0 0 0px; border-bottom: solid 1px #365A7C; border-top: solid 1px #365A7C; z-index: 3; }

#nav-list li ul ul a { color: #FFFFFF; z-index: 3; }
	
#nav-list li ul ul a:hover { width: 179px; color: #365A7C; background: #FFFFFF; z-index: 3; }

#nav-list li:hover ul ul, #nav-list li:hover ul ul ul, #nav-list li:hover ul ul ul ul { display: none; z-index: 3; }

#nav-list li:hover ul, #nav-list li li:hover ul, #nav-list li li li:hover ul, #nav-list li li li li:hover ul { display: block; z-index: 3; }

.hidden { display: none; }

#tabs { clear: both; width: 560px; background: #FFFFFF; }

ul.thumbs { list-style-type: none; }

/* FORM STYLES */

#availability-form input { background-color: #FFFFFF; border: 1px solid #becf6d; font-size: 0.75em; width: 100px; }

#availability-form select { background-color: #FFFFFF; border: 1px solid #becf6d; color: #6c763b; font-size: 0.75em; width: 95px; } 

.tableheading { font-size: 0.8em; color: #013c2b; font-weight: bold; }

.head td { border-bottom: 1px solid #bdce71; color: #013c2b; font-weight: bold;  }

#availability-form input.availability { background: #013c2b; border: 1px solid #becf6d; color: #FFFFFF; width: 210px; padding: 4px 0 4px 0; font-size: 1.0em; margin: 5px 0 0 0; cursor: pointer; }
#newsletter_signup {width: 222px; background: #d9e895; border: 1px solid #c6d584; text-align: center; padding: 8px; margin: 0 0 10px 0;}
#newsletter_signup a {color: #013c2b; text-decoration: none; font-size: 0.9em;}
#newsletter_signup a:hover {color: #026649;}

/* BLOGGER STYLES */

h5.date-header { padding: 20px 0 5px 0; }

.post-body { font-size: 0.8em; padding: 10px; }

.post-body img { padding: 5px; border: 1px solid #bcd744; background-color: #FFFFFF; margin: 5px; }

.profile-data { font-size: 0.8em; margin: 0; padding: 0; }