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: 1400px;
margin: 0px 0px 0px 0px;
}

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

#foodstuff {
width:680px;
height: 40px;
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;
}

#tripwrap {
position:absolute;
width: 800px;
height:50px;
margin: 245px 0px 0px 560px;

}

#detextit {
   position: relative;
   background: url(./images/bgmenu.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.png) top center no-repeat; 
   width:700px;
   height:136px;
   margin:0px 0px 0px 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:5px;
    height:100px;
    left:3px;
    width:71px;  
}

a#accom {    
    top:0px;
    left:80px;
    width:134px;    
    height: 132px;
}

a#tariffs {    
    top:26px;
    height:104px;
    left:224px;
    width:92px;    
}


a#findus {    
    top:7px;
    height:124px;
    left:332px;
    width:71px;    
}

a#guestbook {    
    top:4px;
    height:126px;
    left:416px;
    width:94px;  
}

a#francaise{    
    top:4px;
    height:126px;
    left:514px;
    width:96px;    
}

a#contact{    
    top:8px;
    height:122px;
    left:614px;
    width:77px;    
}

a#home:hover { background-image: url(./images/home.png);}
a#accom:hover { background-image: url(./images/accom.png); }
a#tariffs:hover { background-image: url(./images/booking.png); }
a#findus:hover { background-image: url(./images/findus.png); }
a#guestbook:hover { background-image: url(./images/guestbook.png); }
a#francaise:hover { background-image: url(./images/francaise.png); }
a#contact:hover { background-image: url(./images/contact.png); }

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


#todolinkimg {

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

}

#todolinkmap a {

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

}

#todolinkmap a i { visibility: hidden; }

a#edp {    
    top:151px;
    height:60px;
    left:48px;
    width:142px;  
}
a#gmarine {    
    top:266px;
    height:83px;
    left:21px;
    width:170px;  
}
a#hebcruise {    
    top:96px;
    height:84px;
    left:430px;
    width:229px;  
}
a#sfsafari {    
    top:165px;
    height:64px;
    left:222px;
    width:161px;  
}
a#craicpots {    
    top:13px;
    height:60px;
    left:381px;
    width:152px;  
}
a#poolpool {    
    top:331px;
    height:110px;
    left:402px;
    width:133px;  
}
a#lochbrum {    
    top:437px;
    height:83px;
    left:21px;
    width:262px;  
}
a#ghm {    
    top:43px;
    height:65px;
    left:21px;
    width:132px;  
}
a#ggc {    
    top:2px;
    height:123px;
    left:213px;
    width:117px;  
}
a#gbb {    
    top:284px;
    height:125px;
    left:227px;
    width:152px;  
}


a#ggc:hover { background-image: url(./images/ggc.png); }
a#gmarine:hover { background-image: url(./images/gmlcc.png); }
a#edp:hover { background-image: url(./images/edp.png);  }
a#hebcruise:hover { background-image: url(./images/hwc.png); }
a#sfsafari:hover { background-image: url(./images/sfs.png); }
a#craicpots:hover { background-image: url(./images/cpot.png); }
a#poolpool:hover { background-image: url(./images/pool.png); }
a#lochbrum:hover { background-image: url(./images/lbp.png); }
a#ghm:hover { background-image: url(./images/ghm.png); }
a#gbb:hover { background-image: url(./images/gbb.png); }

a#edp:hover,
a#gmarine:hover,
a#ggc:hover,
a#ghm:hover,
a#hebcruise:hover,
a#craicpots:hover,
a#poolpool:hover,
a#lochbrum:hover,
a#lochbrum:gbb,
a#sfsafari:hover { border: none; }

#foodlinkimg {

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

}

#foodlinkmap a {

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

}

#foodlinkmap a i { visibility: hidden; }

a#shieling {    
    top:17px;
    height:68px;
    left:268px;
    width:271px;  
}

a#millcroft {    
    top:170px;
    height:61px;
    left:360px;
    width:302px;  
}

a#myrtle {    
    top:247px;
    height:57px;
    left:27px;
    width:278px;  
}


a#oldinn {    
    top:31px;
    height:126px;
    left:27px;
    width:183px;  
}


a#millcroft:hover { background-image: url(./images/millcroft.png); }
a#shieling:hover { background-image: url(./images/shieling.png); }
a#myrtle:hover { background-image: url(./images/myrtle.png); }
a#oldinn:hover { background-image: url(./images/oldinn.png); }

a#millcroft:hover,
a#myrtle:hover,
a#oldinn:hover,
a#shieling:hover { border: none; }


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

#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;
}