/* CSS Document */

body {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  font-family: arial, verdana, sans-serif;
  }
   
.float {float: left; margin:0px 0px 20px 0px; padding:0px;}  
.float3 {float: left; margin:0px; padding:0px;}   
.left {float: left; margin: 0px 10px 0px 0px;}
.right {float: right; margin: 0px 0px 0px 10px;}
.clearright {clear: right; font-size:12px; padding:0px 10px 0px 5px; margin:0px;}
.clearleft {clear: left; font-size:12px; padding:0px 5px 0px 10px; margin:0px;}

.beige {background-color: #edebdb; height: 150px; border:#666666 dotted 1px; padding:0px; margin-bottom:15px; font-size: 12px;}
.beige h3 {margin:12px 0px 3px 9px; padding: 0px; font-size:13px;}
.beige a {color: #666666;}
.beige a:link {color: #666666;}
.beige a:hover {color: #0099CC;}

.beige2 {background-color: #edebdb; height: 330px; border:#666666 dotted 1px; padding:0px; margin-bottom:15px; font-size: 12px;}
.beige2 img {height:330px;}
.beige2 h3 {margin:12px 0px 3px 9px; padding: 0px; font-size:13px;}
.beige2 a {color: #666666;}
.beige2 a:link {color: #666666;}
.beige2 a:hover {color: #0099CC;}

.calendar {color:#828257;}
.calendar img {border:0px;}
.calendar a {color:#828257; text-decoration:none; font-size:14px; font-weight:bold; }
.calendar a:link {color:#828257;}
.calendar a:visited {color:#828257;}
.calendar a:active {color:#828257;}
.calendar a:hover {color:#006666; text-decoration:underline;}

#hidden {position:absolute; top:50px; visibility: hidden;}

img.calendaricon {padding: 0px 15px 5px 0px;}
  
#container {
  width: 100%;
  height: 100%;
  top: 0px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}  

#content {
  width: 950px;
  height: 780px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
}

#content3 {
  width: 950px;
  height: 800px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
}
  
#contentlong {
  width: 950px;
  height: 880px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
}  

#contentlong2 {
  width: 950px;
  height: 950px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
} 

#contentlong3 {
  width: 950px;
  height: 1070px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
} 

#contentextralong {
  width: 950px;
  height: 1200px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
}

#contentultralong {
  width: 950px;
  height: 1700px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  z-index: 20;
}
  
#header {
  width: 100%;
  height: 256px;
  top: 0px;
  right: auto;
  left: 0px;
  bottom: auto;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/topbar3.jpg);
  background-repeat: repeat-x;
  position: absolute;
  }  

#nav {
  height:72px; 
  width: 800px;
  position: absolute;
  top: 0px; 
  left: 208px;
  margin:0px; 
  padding: 0px; 
  font-size: 11px;
  z-index: 150;
  }
  
#nav ul{list-style: none; margin:0px; padding:0px;}
#nav li {float: left; border-right: #C0B898 solid 1px; border-left: #FFFFFF solid 1px;}
#nav li a {display:block; height:42px; line-height:35px; color:#555555; text-decoration:none; text-align:center; padding:30px 10px 0px 9px; cursor:pointer;}
#nav li a:hover {color:#333333; background: url(../images/rolloverbg2.jpg); background-repeat: repeat-x;}
 

  
#logo {
  width: 350px;
  height: 105px;
  margin: 0px;
  padding: 0px;
  top: 100px;
  left: 555px;
  position: absolute;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  }
#logo h1 {
	color:#00816E;
	font-size:11px;
	margin: 5px;
	padding:0px;
}    

#specialoffer {
    background-color: #339966;
	padding: 10px 13px 13px 13px;
	margin: 10px 0px 0px 0px;
	border: #008459 dotted 2px;
	color: #efefef;
	-moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
}
#specialoffer h2 {
    color: #FFFFFF;
	font-size: 17px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
  
#vertbar {
  width: 224px;
  height: 780px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
} 

#keywordstop {
  width: 300px;
  height: 150px;
  top: 115px;
  left: 225px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 100;
  font-size: 11px;
  text-align: left;
  color: #004F45;
} 

#keywordsbottom {
	margin: auto;
	padding: auto;
	font-size: 12px;
	text-align: centre;
	color: #000;
}

#vertbar3 {
  width: 224px;
  height: 800px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
}

#vertbarlong {
  width: 224px;
  height: 880px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
} 

#vertbarlong2 {
  width: 224px;
  height: 950px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
} 

#vertbarlong3 {
  width: 224px;
  height: 1070px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
} 

#vertbarextralong {
  width: 224px;
  height: 1200px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
} 

#vertbarultralong {
  width: 224px;
  height: 1700px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/vertbg3.jpg);
  background-repeat: repeat-y;
  position: absolute;
  z-index: 100;
} 

#top {top: 0px; margin: 0px auto; padding: 0px;} 
#bottom {bottom: 0px; margin: 0px auto; padding: 0px;} 

#contact {
  position: absolute; 
  top:125px; 
  left: 31px;
  color: #FFFFFF; 
  font-size: 11px;
  text-align: left;
  }
  
#contact a {color: #FFFFFF; text-decoration:none;}
#contact a:hover {color: #CCCC33; text-decoration:none;} 


#contact3 {
  position: absolute; 
  top:125px; 
  left: 31px;
  color: #FFFFFF; 
  font-size: 11px;
  text-align: left;
  }
  
#contact3 a {color: #FFFFFF; text-decoration:none;}
#contact3 a:hover {color: #CCCC33; text-decoration:none;}   

#sidebarinfo {
	width: 160px;
	color: #0E665C;
	font-size: 11px;
	text-align: center;
	padding:auto;
	margin: auto;
  }
  #sidebarinfo h3{
	  margin:8px;
	  padding:0px;
	  color:#828257;
  }
    #sidebarinfo strong{
	  color:#828257;
  }
#basca {position:absolute; bottom: -70px; left: 36px; font-size:12px; }
#basca a:link, #basca a:visited {font-size:12px; color:#006633; text-decoration:none; }
#basca a:hover {font-size:12px; color:#000000; text-decoration:underline; }

#title {
  width: 603px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  top: 260px;
  left: 252px;
  position: absolute;
  color: #828257;
  text-align: left;
  z-index: 180;
  font-size: 16px;
  font-weight: bold;
}

#addressbar {
  width: 640px;
  height: 41px;
  top: 480px;
  left: 250px;
  position: absolute;
  color: #828257;
  text-align: left;
  z-index: 180;
  background-image: url(../images/address-bar.png);
}
#addressbar h4 {font-size:12px; margin:0px; padding:12px;}

#images {
  width: 220px;
  margin: 0px;
  padding: 0px;
  top: 260px;
  left: 0px;
  position: absolute;
  z-index: 100;
}
#images img {marging:0px; padding: 0px 0px 10px 0px;}


#imageblock3 {
   width: 660px;
   height: 354px;
   background-color:#e3e0cf;
   padding:10px;
   }
   

#welcome {
  width: 645px;
  margin: 0px;
  padding: 0px;
  top: 300px;
  left: 250px;
  position: absolute;
  font-size: 14px;
  color: #828257;
  text-align: justify;
}
#welcome p {margin: 20px 0px 25px 0px;}

#welcome2 {
  width: 645px;
  margin: 0px;
  padding: 0px;
  top: 260px;
  left: 250px;
  position: absolute;
  font-size: 14px;
  color: #828257;
  text-align: justify;
}
#welcome2 p {margin: 20px 0px 25px 0px;}

#welcome3 {
  width: 845px;
  margin: 0px;
  padding: 0px;
  top: 260px;
  left: 225px;
  position: absolute;
  font-size: 14px;
  color: #828257;
  text-align: justify;
}
#welcome3 p {margin: 20px 0px 25px 0px;}
#welcome3 img {border: #ffffff solid 1px;}


#intro {
  width: 655px;
  margin: 0px;
  padding: 0px;
  top: 670px;
  left: 238px;
  position: absolute;
  font-size: 13px;
  color: #828257;
  text-align: justify;
}
#intro p {margin:0px; padding:0px 0px 15px 0px;}
#intro strong {
	color: #0C6651;
}


#text {
  width: 640px;
  margin: 0px;
  padding: 0px;
  top: 300px;
  left: 250px;
  position: absolute;
  font-size: 13px;
  color: #828257;
  text-align: justify;
}

#text img {border: #666666 dotted 1px;}
#text table {border: #666666 dotted 1px; width: 640px; height: 65px; margin: 0px 0px 12px 0px; padding:0px;}
#text td {border: #666666 dotted 1px; text-align: center;}
#text p {margin: 5px 0px 10px 0px;}
#text h3 {margin:0px; padding:18px 0px 2px 0px;}
#text ol {font-size: 12px;}
#text ol li {margin: 0px 0px 18px 0px;}


#bookings {
  width: 640px;
  margin: 0px;
  padding: 0px;
  top: 300px;
  left: 250px;
  position: absolute;
  font-size: 14px;
  color: #828257;
  text-align: justify;
  z-index: 50;
}

#bookings p {margin: 10px 0px 10px 0px;}
#bookings h3 {margin:0px; padding:15px 0px 5px 0px;}
#bookings a {text-decoration: none;}

#bookings2 {
  width: 340px;
  margin: 0px;
  padding: 0px;
  top: 300px;
  left: 250px;
  position: absolute;
  font-size: 14px;
  color: #828257;
  text-align: justify;
  z-index: 50;
}

#bookings2 p {margin: 10px 0px 10px 0px;}
#bookings2 h3 {margin:0px; padding:15px 0px 5px 0px;}
#bookings2 a {text-decoration: none;}
#bookings2 a:visited {text-decoration: none;}
#bookings2 a:hover {text-decoration: underline;}


#form {
  width: 304px;
  font-size: 14px;
  color: #066;
}
.nofloat {clear:left; padding:15px 0px 10px 0px;}
#form2 {
  top: 300px;
  left: 680px;
  position: absolute;
  width: 304px;
  font-size: 14px;
  color: #066;
  text-align:left;
}

#textscroll {
  width: 660px;
  height: 660px;
  overflow-y: scroll;
  top: 300px;
  left: 250px;
  margin: 0px;
  padding: 0px 15px 0px 0px;
  position: absolute;
  font-size: 12px;
  color: #828257;
  text-align: justify;
  z-index: 120;
}

#textscroll2 {
  width: 630px;
  height: 660px;
  overflow-y: scroll;
  top: 300px;
  left: 250px;
  margin: 0px;
  padding: 0px 40px 0px 5px;
  position: absolute;
  font-size: 12px;
  color: #828257;
  text-align: justify;
  z-index: 120;
}
#textscroll2 em {color:#066;}


/* Gallery */
#container_bottom {position:relative; width:640px; height:620px; background:#edebdb; border:1px dotted #BDAFA8; margin:0px; padding:0px;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:15px; bottom:10px; z-index:50; line-height:47px;}

a, a:visited {color:#BDAFA8;} 
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#BDAFA8; border:1px solid #BDAFA8; width:75px; height:47px; line-height:47px; float:left; margin:5px; padding:0px; z-index:60;}
a.slidea {width:75px; height:47px; background-image:url(../images/outside-thumb.jpg);}
a.slideb {width:75px; height:47px; background-image:url(../images/outside-thumb2.jpg);}
a.slideb2 {width:75px; height:47px; background-image:url(../images/door-thumb.jpg);}
a.slideb3 {width:75px; height:47px; background-image:url(../images/flowers-thumb.jpg);}
a.slidec {width:75px; height:47px; background-image:url(../images/lounge-thumb.jpg);}
a.slided {width:75px; height:47px; background-image:url(../images/kitchen-thumb.jpg);}
a.slided2 {width:75px; height:47px; background-image:url(../images/kitchen-thumb2.jpg);}
a.slided3 {width:75px; height:47px; background-image:url(../images/hob-thumb.jpg);}
a.slidee {width:75px; height:47px; background-image:url(../images/kitchen-thumb2.jpg);}
a.slidef {width:75px; height:47px; background-image:url(../images/master-thumb.jpg);}
a.slideg {width:75px; height:47px; background-image:url(../images/masterbed-thumb.jpg);}
a.slideh {width:75px; height:47px; background-image:url(../images/twin-thumb.jpg);}
a.slideh2 {width:75px; height:47px; background-image:url(../images/twin-thumb2.jpg);}
a.slidei {width:75px; height:47px; background-image:url(../images/bathroom-thumb.jpg);}
a.slidej {width:75px; height:47px; background-image:url(../images/french-thumb.jpg);}
a.slidek {width:75px; height:47px; background-image:url(../images/entrance-thumb.jpg);}
a.slidel {width:75px; height:47px; background-image:url(../images/door2-thumb.jpg);}
a.slidem {width:75px; height:47px; background-image:url(../images/ducks-thumb.jpg);}
a.sliden {width:75px; height:47px; background-image:url(../images/double-bed-thumb.jpg);}
a.slideo {width:75px; height:47px; background-image:url(../images/patio-thumb.jpg);}
a.slidep {width:75px; height:47px; background-image:url(../images/patio2-thumb.jpg);}

a.gallery:hover {border:1px solid #fff;}
a.gallery:active {border:1px solid #000;}
a.gallery:focus {border:1px solid #000;}

a.gallery em {display:none;}
a.gallery:active em {display:block; position:absolute; width:600px; height:400px; top:-420px; left:0px; padding:4px; color:#000; border:1px solid #ffffff; z-index:50; text-align:center;}
a.gallery:focus em {display:block; position:absolute; width:600px; height:400px; top:-420px; left:0px; padding:4px; color:#000; border:1px solid #ffffff; z-index:50; text-align:center;}

a.slidea em {display:block; position:absolute; width:600px; height:400px; top:-420px; left:0px; padding:4px; color:#000; border:1px solid #ffffff; z-index:50; text-align:center;}
/* end gallery */
  

  
#footer {
  width: 100%;
  height: 227px;
  background-image: url(../images/basebar3.jpg);
  background-repeat: repeat-x;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  color: #666666;
  font-size: 11px;
  z-index: 10;
  }    
  
#footer a {color: #666666; text-decoration: none;}
#footer a:link {color: #666666; text-decoration: none;}  
#footer a:hover {color: #ffffff; text-decoration: none;}


#footer3 {
  width: 100%;
  height: 240px;
  background-image: url(../images/basebar3b.jpg);
  background-repeat: repeat-x;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  color: #666666;
  font-size: 11px;
  z-index: 10;
  }    
  
#footer3 a {color: #666666; text-decoration: none;}
#footer3 a:link {color: #666666; text-decoration: none;}  
#footer3 a:hover {color: #ffffff; text-decoration: none;}

#jow {color:#009966;}
#jow a {color: #009966; text-decoration: none; font-weight:bold;}
#jow a:link {color: #009966; text-decoration: none;}  
#jow a:hover {color: #ffffff; text-decoration: none;}

#vertbase {
  width: 950px;
  height: 139px;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  position: relative;
}