body {
position:relative;
background: #FFFFFF url(./images/back2.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 26px/28px verdana, arial, sans-serif ;
text-align: center;
}

#titles {
font-size: 100%;
color: white;
margin: 30px 0px 0px 0px;
width: 100%;
height: 50px;
}

.titlesleft {
float: left;
margin: 0px 20px 0px 10px;
}

.subtitles {
float: right;
font-size: 80%;
text-align: right;
margin: 0px 20px 10px 0px;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 10px 0px 0px 0px;
text-align: left;
}

#top {
position:relative;
background: url(./images/bgtop.png) top center no-repeat; 
width: 800px;
height:170px;
margin: 20px 0px 0px 0px;
}

#headimg {
position:relative;
background: url(./images/home_pic8.png) top center no-repeat; 
width: 800px;
height:480px;
margin: 0px 0px 0px 0px;
}

#content {
position:relative;
background: url(./images/bgmiddle.png) center repeat-y; 
width: 800px;
height: 1480px;
margin: 0px 0px 0px 0px;
}

#stuff {
width:680px;
height: 80px;
font: normal 16px/18px verdana, arial, sans-serif ;
color: #efefef ;
margin: 40px 0px 0px 55px;
}

#headstuff {
position:relative;
width:680px;
height: 20px;
font: normal 14px/16px verdana, arial, sans-serif ;
color: #ffffff ;
margin: 0px 0px 50px 55px;
text-align: center;
}

#detextit {

   position: relative;
   background: url(./images/bgmenu_f.png) top center no-repeat; 
   width:700px;
   height: 1px;
   margin: 0px 0px 0px 50px;
   padding: 0px 0px 0px 0px;

}

#menuimg {

   position: relative;
   background: url(./images/bgmenu_f.png) top center no-repeat; 
   width:700px;
   height:136px;
   margin:0px 0px 30px 50px;
   padding:0px 0px 0px 0px;
   border:0px solid #000;

}

#menumap a {

   position: absolute; 
   text-decoration: none;
   border:0px solid #000;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   font: normal 1px/2px verdana, arial, sans-serif ;

}

#menumap a i { visibility: hidden; }

a#home {    
    top:2px;
    height:100px;
    left:0px;
    width:71px;  
}

a#accom {    
    top:1px;
    left:83px;
    width:120px;    
    height: 110px;
}

a#tariffs {    
    top:3px;
    height:126px;
    left:209px;
    width:117px;    
}


a#findus {    
    top:3px;
    height:126px;
    left:328px;
    width:79px;    
}

a#guestbook {    
    top:4px;
    height:125px;
    left:411px;
    width:109px;  
}

a#ecossaise{    
    top:0px;
    height:130px;
    left:523px;
    width:87px;    
}

a#contact{    
    top:2px;
    height:128px;
    left:611px;
    width:87px;    
}

a#home:hover { background-image: url(./images/home_f.png);}
a#accom:hover { background-image: url(./images/accom_f.png); }
a#tariffs:hover { background-image: url(./images/booking_f.png); }
a#findus:hover { background-image: url(./images/findus_f.png); }
a#guestbook:hover { background-image: url(./images/guestbook_f.png); }
a#ecossaise:hover { background-image: url(./images/ecossaise.png); }
a#contact:hover { background-image: url(./images/contact_f.png); }

a#home:hover,
a#accom:hover,
a#tariffs:hover,
a#findus:hover,
a#ecossaise:hover,
a#guestbook:hover,
a#contact:hover { border: none; }

#bottomimg {
position:relative;
background: url(./images/bgbottom_accom_f.png) center no-repeat; 
width: 800px;
height: 310px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px
}

#bottommap a {

   position: absolute;
   height:50px;
   top:116px;
   left:130px;
   text-decoration: none;
   border:0px solid #eee;
   padding: 0px 0px 0px 0px;

}

#bottommap a i { visibility: hidden; }

a#edp {    

    left:442px;
    width:145px;    
    top:175px;
    height:58px;
}


a#edp:hover { background-image: url(./images/edp.png); }


a#edp:hover { border: none; }


#footer {
position:relative;
width:800px;
font: normal 12px/14px verdana, arial, sans-serif ;
color: blue;
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}