/* Base */
body { background: #fff url(/images/base/background.jpg) repeat; margin:0 auto; }
form { font-family: Verdana, Lucida Sans Unicode; font-size: 0.7em; color: #353f15; margin:0 auto; margin-top:0px; margin-bottom:20px; width:1000px; line-height:140%; background:#fff; padding:0; border-top: solid 0px #ddd; }
h1 { font-family: Cambria, Georgia, Trebuchet MS, Arial; font-size: 2.2em; background:#707f7e; color: #fff; letter-spacing:2px; font-weight: normal; margin-top:0px; margin-left:0px; padding: 20px; margin-bottom:20px; text-transform: capitalize; }
h2 { font-family: Trebuchet MS, Arial; font-size: 1.3em; color: #62aca7; font-weight: bold; margin-bottom:14px; text-transform:none;  }
h3 { font-family: Century Gothic; font-size: 2.0em; font-weight: normal; margin-bottom:6px; color: #ffca02; text-align:center; text-transform:uppercase; }
p { text-align:justify; margin-top:-4px;  }
a:link, a:active, a:visited { text-decoration:underline; border:none; color: #353f15;}
a:hover, a:active:hover, a:visited:hover { color: #379f37; text-decoration:underline; border:none }

/* Top */
#header { width: 1000px; height:200px; background: #fff url(/images/base/header.jpg) no-repeat; padding-bottom:0px; margin:0; border-bottom: solid 0px #ddd; }
#header .topleft { float:left; width:248px; height:200px; }
#header .montage { width:375px; height:200px; margin-top: 0px; float:left; border-right:solid 2px #ddd; }
#header .awards { float:left; width:250px; margin-top:210px; padding-left:70px; }
#header .award { float:left; margin-right: 20px; }

/* Booking */
#book { margin-left: 24px; margin-top:30px; }
#phone { margin-top:10px; width:248px; text-align:center; font-family: Cambria, Century Gothic; font-size:1.8em; margin-left:0px; color: #707f7e; }
#tripadvisor { margin-left:4px; margin-top:20px; margin-bottom:20px; }
#cards { margin-left:4px; margin-top:20px; margin-bottom:10px; width:240px; text-align:center; }

/* Strapline */
.largegreen { font-family: Century Gothic; font-size: 2.1em; color:#4e7f01; font-weight:bold; }
.smallgreen { font-family: Century Gothic; font-size: 1.8em; color:#4e7f01; text-transform:uppercase; font-weight:bold; }
.largeyellow { font-family: Century Gothic; font-size: 2.1em; color:#ffca02; font-weight:bold; }
.smallyellow { font-family: Century Gothic; font-size: 1.8em; color:#ffca02;text-transform:uppercase;font-weight:bold;  }

/* Montages */
#montage { width: 375px; height: 200px; }
.banner { padding:0; margin-top:0px; margin-left:0px; position:relative; width:375; height:200px; }
.banner:hover { border-color: #fff; }
.banner img { position: absolute; top: 0;}
.strapline { margin-top: -40px; width:680px; height: 40px; background: url(/images/base/strapline.png); color: #fff; position: relative; z-index:100; }
.strapline .title { float: left; font-size:0.8em; font-family: Cambria, Century Gothic; font-size: 1.8em; padding: 12px 0px 8px 20px;  }
.strapline .languages { float: right; position: relative; padding-right:8px; margin-top:12px; }
.strapline .languages .flag { margin-right:4px; }

/* Pictues */
.photo img { background:#eee; border: solid 1px #adc6c4; padding:4px; float:left; margin-right:10px;}

/* Rooms */
#rooms { font-family:Cambria, Georgia, Verdana; line-height:1.2em; margin-top:20px; margin-left:20px; font-size:1.3em; }
#rooms .options { margin-bottom:0; padding:0; width:710px; border-bottom: solid 1px #707f7e; font-size:1.3em; }
#rooms .selectedoption { padding: 4px 8px; float:left; background: #707f7e; border: solid 1px #707f7e; border-bottom:none; margin-right:-1px; }
#rooms .selectedoption a:link { font-weight:bold; text-decoration:none; color: #fff; }
#rooms .option { padding: 4px 8px; float:left; background: #edf4f7; border: solid 1px #707f7e; border-bottom:none; margin-right:-1px; }
#rooms .option a:link { font-weight:bold; text-decoration:none; color: #707f7e; }
#rooms .option a:link:hover { font-weight:bold; text-decoration:none; color: #3cb8b0; }
#rooms .contents { width: 688px; border: solid 1px #707f7e; border-top:none; margin-top:0; padding:10px; background: #edf4f7; }
#rooms .header { font-weight:bold; font-size:1.2em; margin-bottom:8px; } 
#rooms .picturepanel { float:left; width:300px; margin-right:10px; }
#rooms .picture { width:300px; margin-right:10px; border: solid 1px #707f7e; height:225px; }
#rooms .prices {float:left; width:353px; padding:10px; background:#fff; border: solid 1px #c2d4d3; height:135px;}
#rooms .details { width:663px; padding:10px; margin-top:10px; background:#fff; border: solid 1px #c2d4d3; line-height:1.2em; }
#rooms .photoselector { width: 80px; height: 60px; border: solid 1px #bba07d; float:left; margin-right: 8px; margin-top:8px; }

/* Scrolling Gallery */
.scrollgallery { width: 700px; margin-left:0px; margin-top:20px; }
.scrollgallery .left { float:left; width: 30px; margin-top:70px; margin-right:15px; }
.scrollgallery .viewer { float: left; width: 610px; overflow:hidden; background: none; margin-right:15px; height: 150px; margin-top:10px; }
.scrollgallery .picture { float: left; margin-top:0px; width:200px; height:150px; }
.scrollgallery .image { background:none; border:0; margin:0; padding:0; }
.scrollgallery .right { float: left; width: 30px; margin-top: 70px; }

/* Diary */
.diary { margin-top:20px; }
.diary .entry { padding-bottom: 10px; border-bottom: solid 1px #dfdfb1; margin-bottom: 10px; }
.diary .picture { float: left; margin-right:20px; }
.diary .details { float: left; }
.diary .title { font-weight: bold; margin-bottom:6px; margin-top:-4px; }
.diary .contents { font-weight: normal;  }
.diary .link { font-weight:normal; margin-top:-16px;}

/* Main Area */
#main { width:1000px; background: #fff url(/images/base/bgmain.jpg) repeat-y; margin-top:0px; }
#main #left { float:left; width:248px; }
#main #centre { float:left; width:752px; color: #555; min-height:770px; }
#main #right { float:left; width:0px; }
#main #whole { float:left; width:1000px; padding:0px 20px; overflow: auto; border-right:0; text-align: justify; }

/* Logo */
.logo { width:200px; height:20px; background-color: #87774f; }
.strip { height: 19px; padding: 2px 8px; background: #72892e; color: #ffffcc; font-weight:normal; font-size:1.0em; border-bottom: solid 2px #fff; border-top: solid 2px #fff; }
.separator { width: 580px; margin-top:-16px; border-bottom: solid 1px #dfdfb1; margin-bottom:0px; margin-left:40px; }

/* Footer */
#footer { text-align: center; width: 980px; height:16px; font-family: Cambria, Georgia, Lucida Sans Unicode; font-size: 1.4em; background: #313236; color: #fff; margin-top:0px; margin-bottom:0px; padding: 10px 10px; text-align:right;}
#footer a { text-decoration:underline; border:none; color: #fff; }
#footer a:hover { color:#bad7d5; text-decoration:underline; }

/* Text Sections */
.left1 { width: 638px; padding: 10px 20px; background-color: #ffffcb; border-bottom: solid 2px #fff; }
.left2 { width: 638px; padding: 10px 20px; background-color: #fde9a9;  border-bottom: solid 2px #fff;}
.left3 { width: 638px; padding: 10px 20px; background-color: #ffffcb;  margin-bottom:2px;}
.right1 { width: 280px; padding: 10px 20px; background-color: #ffffcb; border-bottom: solid 2px #fff; }

/* Standard text */
.text { font-family: Cambria, Georgia, Lucida Sans Unicode, Arial; font-size: 1.4em; line-height:1.4em; color: #353f15; padding:0px 0px 20px 0px; text-align:justify; margin-top:0;}
.text a { text-decoration:underline; border:none; color: #353f15;}
.text a:hover { color: #62aca7; text-decoration:underline; border:none }
.darktext { font-family: Lucida Sans Unicode, Arial; font-size: 1.1em; color: #fff; padding: 0px 20px 20px 20px; text-align:justify; margin-top:0; }
.darktext a, .darktext a:active, .darktext a:visited { text-decoration:underline; border:none; color: #353f15;}
.darktext a:hover, .darktext a:active:hover, .darktext a:visited:hover { color: #89d488; text-decoration:underline; border:none }

/* Controls */
.input { font-family: Cambria, Lucida Sans Unicode,Arial; margin-bottom:2px; font-size:1.0em; color: #353f15;}
.inputsmall  { font-family: Lucida Sans Unicode,Arial; margin-bottom:2px; font-size:0.85em; color: #353f15;}
.button { font-family: Lucida Sans Unicode,Arial; font-size:1.0em; color: #353f15;}

/* Menu */
#menu { float:left; border:0; padding:0; width:248px; margin-top:0px; margin-right:0px; font-size:1.0em; font-family: Cambria, Century Gothic, Lucida Sans Unicode }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { display: block; }
#menu li:hover { display: block; }
#menu li a { width: 238px; display:block; color: #313236; background:#adc6c4; font-weight: normal; font-size:1.4em; padding: 8px 10px 8px 0px; border-bottom: solid 1px #fff;  text-decoration: none; text-transform:none; margin-left:0px; text-align:right; }
#menu li a:hover { font-weight: normal; width: 228px; text-decoration: none; color:#fff; background: #707f7e; padding: 8px 10px 8px 10px; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; width: 190px; margin-left:248px; margin-top:-34px;  z-index:255; border-top: solid 1px #fff; border-right: solid 1px #fff; }
#menu li:hover ul { display: block; }
#menu li li a { width: 170px; font-size:1.4em; border-bottom: 1px solid #fff; border-top: 0; color: #fff; margin-top: 0px; background:url(/images/base/transparent_over.png); padding:8px 10px; text-transform:none; border-top:0; font-weight:normal; border-top:0; margin-left:0px; display:block; text-align:left; }
#menu li li a:hover { width: 170px; font-weight: normal; text-decoration: none; color:#313236; background: url(/images/base/transparent.png); border-bottom: 1px solid #fff; border-top: 0; padding:8px 10px; text-align:left; margin-left:0px; }

img { border: 0; }

/* Validators */
.warning { font-family: Verdana, Tahoma; color: #781F00; }
.validate { font-family: Verdana, Tahoma; font-size: 1.0em; color: #781F00; }

/* Google Map */
.map { width:752px; height:400px; border: none; position:relative; margin-top:-20px; }
.map .marker { font-family:Arial; font-size:1.0em; margin-bottom:0px; }
.map .marker .picture { float:left; width: 125px; margin-right:10px; }
.map .marker .details { float:left; }
.directions { margin-top:20px; }
.directions .text {  font-size:1.0em; width:140px; margin-right:10px; color: #000; }
.directions .button {  color: #000; padding-left:10px; padding-right:10px; height:24px; }

/* Montages */
.galleryphoto { padding: 2px 0px; margin-top:18px; margin-left:-4px; position:relative; width:640px; height:480px; border: solid 1px #fac358; }
.galleryphoto:hover { }
.galleryphoto img { position: absolute; top: 0; border-bottom: none;}
.gallery { margin-top:10px; margin-left:10px; }
.gallery .image { margin-right:5px; margin-top:5px; background: #fac358; padding:1px; }

/* Guest comments */
.comments { margin-top: 0px; }
.comments .comment { font-style: italic; }
.comments .separator { width: 260px; border-top: solid 1px #203e21; margin-top:9px; margin-bottom:9px; height:1px;}
.comments .gap { height:5px; }

/* Flourish */
.flourish { width: 700px; height:30px; background: url(/images/base/flourish.jpg) no-repeat; margin: 15px 0px; }

/* Caption Boxes */
.box { width: 320px; margin-bottom:0px; background: #e6f0b6; border-bottom: solid 2px #fff; }
.box .title { padding: 4px 8px 4px 8px; font-size:1.3em; font-weight:bold; text-transform:uppercase; color: #fff; background: url(/images/base/caption.jpg); }
.box .contents { padding:14px 8px 17px 8px; }
.box .link { padding: 0px 8px 10px 8px; text-align:right; }
.box .link a { text-decoration:underline; border:none; color: #65490d;}
.box .link a:hover {color: #c7911d; text-decoration:underline;}

/* News */
#feed { margin-top:8px; margin-bottom:4px; }
#news { font-size:1.0em; margin-top:20px; line-height:1.6em; }
#news .category { font-size:1.0em; font-weight:bold;text-decoration:underline; }
#news .month { font-size:1.0em; font-weight:bold; color: #355335; margin-bottom:8px; padding-bottom:4px; border-bottom:solid 1px #afc4ae;}
#news .title { font-size:1.0em; font-weight:normal; margin-bottom:4px; }
#news .description { text-align:justify; margin-bottom:2px; }
#news .separator { margin-top:0px; margin-bottom:20px; width:490px; border:none; border-bottom:solid 1px #d7c9d0; }

/* Links */
#links { margin-top:-30px; margin-bottom:50px; font-size:1.1em; font-family: Cambria, Georgia; }
#links h2 { margin-top:30px;  font-size:1.5em;}
#links .category { margin-top:20px; margin-bottom:10px; }
#links .picture { float: left; width: 40px; margin-right:10px; }
#links .details { float: left; width: 600px; }
#links .name { font-size:1.2em; font-weight:bold; margin-bottom: 6px; }
#links .description { font-size:1.2em; font-weight:normal; margin-top:4px; line-height:1.5em; }
#links .name a { text-decoration:underline; border:none; color: #515b5a;}
#links .name a:hover { color: #62aca7; text-decoration:underline; border:none }

.linkgallery { margin-bottom:20px; margin-top:10px; }
.linkgallery .item { float: left; margin-right:35px; }
.linkgallery img { border: 0; }

/* Angelfish Availability */
.availability { border: none; padding:2px; }
.angelfish { font-family:Arial; font-size:0.85em; margin-left:30px; }
.angelfish a { text-decoration: underline; }
.angelfish a:hover { text-decoration: underline; }

#updateprogress1 { color: #000000; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

/* Images */
#images {border:none; margin-top:15px; margin-bottom:15px; text-align:center; }
#images a, #images a:active, #images  a:visited { text-decoration:none; border:none; }
#images a:hover, #images a:active:hover, #images a:visited:hover { text-decoration:none; border:none; }
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }
.caption { padding-top:4px; padding-bottom: 12px; text-align:left; width:180px; }

/* Validators */
.validator { padding-bottom: 3px; margin-bottom: 10px; }