a.nav1:link, a.nav1:visited, a.nav1:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #FFFFFF; font-size: 11pt; font-weight: bold; color: #808080; padding: 2px 15px; }
a.nav1:hover { background-color: #EEEEEE }
a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #A2B49C; font-size: 11pt; font-weight: bold; color: #FFFFFF; padding: 2px 15px; }
a.main:link, a.main:visited, a.main:active { font-family: Verdana,Arial,Sans Serif; text-decoration: underline; font-size: 10pt; color: #5B7951 }
a.main:hover { text-decoration: none }
a.main2:link, a.main2:visited, a.main2:active { font-family: Verdana,Arial,Sans Serif; text-decoration: underline; font-size: 10pt; font-weight: bold; color: #899B83 }
a.main2:hover { text-decoration: none }
a.cottages:link, a.cottages:visited, a.cottages:active { font-family: Verdana,Arial,Sans Serif; text-decoration: none; font-size: 10pt; font-weight: bold; color: #FFFFFF }
a.cottages:hover { text-decoration: underline }
a.prices:link, a.prices:visited, a.prices:active { font-family: Verdana,Arial,Sans Serif; text-decoration: underline; font-size: 9pt; color: #333333 }
a.prices:hover { text-decoration: none }
a.links:link, a.links:visited, a.links:active { font-family: Verdana,Arial,Sans Serif; text-decoration: none; font-size: 12pt; font-weight: normal; color: #729466; padding-left: 10px }
a.links:hover { text-decoration: underline; color: #606060 }
a.links2:link, a.links2:visited, a.links2:active { font-family: Verdana,Arial,Sans Serif; text-decoration: none; font-size: 14pt; font-weight: normal; color: #729466 }
a.links2:hover { text-decoration: underline }
a.swd:link, a.swd:visited, a.swd:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 10pt; color: #FFFFFF }
a.swd:hover { text-decoration: none; color: #606060 }
a.book:link, a.book:visited, a.book:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #a2b49c; margin: 10px; padding: 5px; border-radius: 5px; font-size: 12pt; color: #FFFFFF }
a.book:hover { background-color: #729466 }
a.book2:link, a.book2:visited, a.book2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #FFFFFF; margin: 10px; padding: 5px; border-radius: 5px; font-size: 12pt; color: #729466 }
a.book2:hover { background-color: #729466; color: #FFFFFF }

body { background-color: #A2B49C; color: #333333; margin: 0px; padding: 0px; scrollbar-base-color: #728B69; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-track-color: #6B6C36 }

h1 { font-family: Verdana,Arial,Sans Serif; font-size: 14pt; color: #729466; margin-top: 0px; margin-bottom: 10px }
h2 { font-family: Verdana,Arial,Sans Serif; font-size: 12pt; color: #729466; margin-top: 0px; margin-bottom: 10px }
h3 { font-family: Verdana,Arial,Sans Serif; font-size: 14pt; color: #729466; margin-top: 0px }
p { font-family: Verdana,Arial,Sans Serif; font-size: 10pt }
ul { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #000000; list-style-image: url(images/ulbullet.gif) }
li { padding-top: 3px; padding-bottom: 3px }
strong { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; font-weight: bold; color: #899B83 }
.menu-bullets { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; font-weight: normal; margin-left: 10pxc; color: #666666 }
#map { width: 100%; height: 900px; }
.caption { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; text-align: center; background-color: #A2B49C; color: #FFFFFF }
.strapline { font-family: Verdana,Arial,Sans Serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; margin-left: 10px; margin-bottom: 5px }
.tel { font-family: Verdana,Arial,Sans Serif; font-size: 16pt; font-weight: normal; color: #FFFFFF; text-align: right; margin: 10px; letter-spacing: 2px }
.tel2 { font-family: Verdana,Arial,Sans Serif; font-size: 16pt; font-weight: normal; color: #729466; text-align: right; margin: 10px; letter-spacing: 2px }
.box { font-family: Verdana,Arial,Sans Serif; font-size: 9pt; border: dashed #63874F 1px; padding: 10px }
.box2 { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; background-color: #EEEEEE; padding: 10px; margin-bottom: 10px }
.menu-box { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; padding: 10px }
.cottage-menu { background-color: #EEEEEE; border: solid #A2B49C 1px; padding: 10px; margin-bottom: 10px }
.fcl { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #FFFFFF; padding: 10px; text-align: left }
.fc { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #000000; padding: 10px; text-align: center }
.fcr { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #FFFFFF; padding: 10px; text-align: right }
.fw { font-family: Verdana,Arial,Sans Serif; font-size: 9pt; color: #FFFFFF }
.formlabel { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #000000; margin-left: 10px }
.logo-left { margin-left: 12px; margin-right: 12px }
.logo-right { margin-left: 12px; margin-right: 12px; margin-top: 20px }
.header-left { text-align: left }
.header-right { text-align: right }

.les { font-family: Arial, Verdana, Sans Serif; font-size: 12pt; color: #729466; font-weight: normal }
a.les:link, a.les:visited, a.les:active { font-family: Verdana,Arial,Sans Serif; text-decoration: none; font-size: 12pt; font-weight: normal; color: #729466  }
a.les:hover { text-decoration: underline; color: #606060 }

a.cookie:link, a.cookie:visited, a.cookie:active { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: normal; text-decoration: underline; color: #FFFFFF }
a.cookie:hover { text-decoration: none }
#cookieMessageWrapper { background: #728B69; font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; padding: 0; margin: 0; margin-bottom: 10px; display: none }
#cookieMessage { max-width: 1050;px padding: 3px 0px 5px }
#cookieMessage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#cookieMessage p { margin: 5px 0 0 }
#cookieClose { float: right; display: block; padding: 0px 5px; margin-left: 5px; margin-right: 5px; text-decoration: none; background: #EEEEEE;	border: solid 1px #FFFFFF; border-radius: 2px; color: #333333; font-size: 10pt; margin-top: 6px; font-weight: bold; }

.container { background-color: #FFFFFF; margin: 0px auto; overflow: hidden; width: 100%; max-width: 1050px; }

.submenu-left { visibility: visible; display: inline; }
.submenu-right { visibility: hidden; display: none; }

.menu_container, 
.anchor-link { display: none; }
.menu_container { width: 100%; }
.anchor-link { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 12pt; font-weight: normal; padding: 1em; background-color: #5A7390; color: #FFFFFF; float: right; margin-right: 10px }
.anchor-link:hover { background-color: #FCEAC8; color: #FADDA1; }

.nav { width:100%; }
.nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; }
.nav ul li { display: inline-block; text-align: left; }
.nav ul li a { display: block; padding: 10px 12px; text-decoration: none; color: #FFFFFF; }
/* .nav ul li a:hover { text-decoration: underline; color: #FFFFFF; } */
/* .nav1 ul li a:hover { text-decoration: underline; color: #FFFFFF; } */
/* .nav2 ul li a:hover { text-decoration: underline; color: #000000; } */

.main_content, 
.nav { transition: .5s margin ease; display: block; }
.main_content { padding: 1.5em; position: relative; max-width: 70em; width: 100%; background-color: #F4F4F4; margin: 0 auto; }
body.active .main_content:before { content: ""; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; background-color: #38B148; }

@media all and (max-width: 720px){
	.container { background-color: #FFFFFF; margin: 0px auto; overflow: hidden; width: 100%; max-width: 100%; }
	.menu_container, .anchor-link { display: block; }
  
/*  .nav { float: left; margin-left: -100%; width: 150px; z-index: 2; } */
  .nav { float: left; width: 100%; z-index: 2; }
  .main_content { float: left; margin-left: 0px; width: 100%; }

  body.active .nav { margin-left: 0; }
  body.active .main_content { margin-right: -100%; }

  .nav { padding: 0.6em 0; border: none; padding: 0px; }
  .nav ul { text-align: left; font-weight: bold; }
  .nav ul li { display: block; }
  .nav ul li a { color: #A2B49C; padding: 10px; }
  .nav ul li a:hover { }
}

@media only screen and (max-width: 720px) {
	.submenu-left { visibility: hidden; display: none; }
	.submenu-right { visibility: visible; display: inline; }
	a.nav1:link, a.nav1:visited, a.nav1:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #EEEEEE; font-size: 12pt; font-weight: normal; color: #808080; padding: 4px 8px 4px 8px; border-radius: 0px; }
	a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #FFFFFF; font-size: 12pt; font-weight: bold; color: #A2B49C; padding: 4px 8px 4px 8px; border-radius: 0px; }
	a.nav1:hover { text-decoration: none; }
	a.book:link, a.book:visited, a.book:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #a2b49c; margin: 15px 10px; padding: 5px; border-radius: 5px; font-size: 12pt; color: #FFFFFF }
	a.book:hover { background-color: #729466 }
	.tableimgleft { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.tableimgright { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.tel { font-family: Verdana,Arial,Sans Serif; font-size: 16pt; font-weight: normal; color: #FFFFFF; text-align: center; margin: 10px; letter-spacing: 2px }
	.tel2 { font-family: Verdana,Arial,Sans Serif; font-size: 16pt; font-weight: normal; color: #729466; text-align: center; margin: 10px; letter-spacing: 2px }
	.fcl { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #FFFFFF; padding: 10px; text-align: center }
	.fcr { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #FFFFFF; padding: 10px; text-align: center }
	.logo-right { margin-left: 12px; margin-right: 12px; margin-top: 5px }
	.header-left { text-align: center }
	.header-right { text-align: center }
	.formlabel { font-family: Verdana,Arial,Sans Serif; font-size: 10pt; color: #000000; margin-left: 0px }
}

.cotowner { position: relative; padding-bottom: 350%; height: 0; overflow: visible; }
.cotowner iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; border :none; }