body { color: #003300; background-color:  #e5dece;   font-family: Arial, Helvetica, sans-serif;  margin: 0;  padding: 0; } 

#preloader01 { display:none;}
#premenu01 { display:none;}

p { margin-top:0; font-size: 80%; font-weight: bold;}
#zyx1 { margin-top:0; font-size: 80%; font-weight: bold; line-height: 150%; }  /*includes 1.5 line spacing*/
#zyx2 { margin-top:0; font-size: 80%; font-weight: bold; line-height: 150%; }  /*includes 1.5 line spacing*/
#zyx3 { margin-top:0; font-size: 80%; font-weight: bold; line-height: 150%; width: 405px;  }  /*includes 1.5 line spacing*/

#he1 {  font-size:  110%; font-weight: bold; color: rgb(231, 82, 24);}
#he2 {  font-size:  150%; font-weight: bold; color: rgb(0, 51, 0);}
#he3 {  font-size:  110%; font-weight: bold; color: rgb(0, 51, 0);}
#he4 {  font-size:  150%; font-weight: bold; color: rgb(0, 51, 0);}

#chaleta {  font-size:  150%; font-weight: bold; }
#chaletb {  font-size:  150%; font-weight: bold; }
#chaletc {  font-size:  150%; font-weight: bold; }
#chaletd {  font-size:  150%; font-weight: bold; }

a:link { font-size: 90%; font-weight: bold; color: rgb(0, 51, 0); }  /* for unvisited links */
a:visited { font-size: 90%; font-weight: bold; color: rgb(231, 82, 24); } /* for visited links */
a:active { font-size: 90%; font-weight: bold; color: rgb(255, 0, 102); } /* when link is clicked */
a:hover { font-size: 90%; font-weight: bold; color: rgb(231, 82, 24); } /* when mouse is over link */
a.plain { text-decoration: none; }

#top-section {  position:relative;  left:0;  top:0;  }
#mid-section {  position:relative;  left:0;  top:0;  }


#top-col-1 {  position:relative;  top:0;  padding-left:5px;  padding-right:5px;  }
#top-col-2 {  position:absolute;  top:0;  padding-left:5px;  padding-right:5px; left: 310px;  }
#top-col-3 {  position:absolute;  top:0;  padding-left:5px;  padding-right:5px; left: 830px;  }
#top-col-c {  position:absolute;  top:40px;  padding-left:5px;  padding-right:5px; left: 760px;  }

#mid-col-1 {  position:absolute;  top:0;  width:110px;  }
#mid-col-2 {  position:relative;  top:0;  width:855px;  left:120px;  text-align: justify; text-justify: distribute   }
#list1 {  position:relative; margin-top:0; left:0px;  font-size: 80%; font-weight: bold;}

#leaf2 a {  position: absolute;  height: 1px;  width: 110px;  text-decoration: none;  }           /*the chalet experience menu */
a#chaleta {left: 0px; top: 33px; display: block; width: 100px; height: 80px; background-image: url("images/leaf1.png") }
a#chaletb { left: 0px; top: 109px; display: block; width: 100px; height: 80px; background-image: url("images/leaf1.png") }
a#chaletc { left: 0px; top: 186px; display: block; width: 100px; height: 80px; background-image: url("images/leaf1.png")  }
a#chaletd { left: 0px; top: 262px; display: block; width: 100px; height: 80px; background-image: url("images/leaf1.png")  }

a#chaleta:hover { background-image: url(images/leaf2.png); }
a#chaletb:hover { background-image: url(images/leaf2.png); }
a#chaletc:hover { background-image: url(images/leaf2.png); }
a#chaletd:hover { background-image: url(images/leaf2.png); }

a#chaleta:hover,
a#chaletb:hover,
a#chaletc:hover,
a#chaletd:hover, { border: none; } 


#menu a {  position: absolute;  height: 50px;  width: 102px;  text-decoration: none;  }
a#attractions { left: 140px; top: 8px;  background-image: url(images/buffer1.png); }
a#findus { left: 155px; top: 42px;  background-image: url(images/buffer1.png); }
a#gallery { left: 25px; top: 38px;  background-image: url(images/buffer1.png); }
a#home { left: 158px; top: 150px;  background-image: url(images/buffer1.png); }
a#bookings { left: 170px; top: 86px;  background-image: url(images/buffer1.png); }
a#specials { left: 80px; top: 135px;  background-image: url(images/buffer1.png); }
a#contactus { left: 53px; top: 93px;  background-image: url(images/buffer1.png); }

a#attractions:hover {  block; width: 150px; height: 66px;  margin-left: -36px; margin-top: -9px; background-image: url(images/attrover02.gif); line-height:999px; overflow:hidden; }
a#findus:hover {  block; width: 135px; height: 66px;  margin-left: -32px; margin-top: -9px; background-image: url(images/findusover01.gif); line-height:999px; overflow:hidden; }
a#gallery:hover {  block; width: 100px; height: 91px;  margin-left: -20px; margin-top: -9px; background-image: url(images/galleryover02.gif);  line-height:999px; overflow:hidden;  }
a#home:hover {  block; width: 92px; height: 110px; margin-left: -10px; margin-top: -35px; background-image: url(images/homeover02.gif); line-height:999px; overflow:hidden;  }
a#bookings:hover { block; width: 150px; height: 69px; margin-left: -33px; margin-top: -7px; background-image: url(images/bookingover02.gif);  line-height:999px; overflow:hidden;}
a#specials:hover { block; width: 77px; height: 157px; margin-left: 10px; margin-top: -45px; background-image: url(images/specialover02.gif); line-height:999px; overflow:hidden; }
a#contactus:hover {  block; width: 78px; height: 126px; margin-top: -37px; background-image: url(images/contactover02.gif); line-height:999px; overflow:hidden; }

a#attractions:hover,
a#findus:hover, 
a#gallery:hover, 
a#home:hover, 
a#bookings:hover,   
a#specials:hover, 
a#contactus:hover,  { border: none; }