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 40px;
text-align: left;
}

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

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

#stuff {
width:800px;
height: 80px;
font: normal 12px/14px verdana, arial, sans-serif ;
color: #777777;
margin: 190px 0px 0px 0px;
}

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

#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:800px;
   height:36px;
   margin:0px 0px 0px 0px;
   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 ;
   top:3px;
   height:25px;
}

#menumap a i { visibility: hidden; }

a#home {    
    left:13px;
    width:66px;  
}

a#calendar {    

    left:81px;
    width:110px;    
}

a#westerross {    
    left:185px;
    width:130px;    
}

a#scotland {    
    left:313px;
    width:93px;    
}

a#beyond {    
    left:420px;
    width:81px;  
}

a#contact{    
    left:510px;
    width:93px;    
}

a#tandc{    
    left:609px;
    width:180px;    
}

a#home:hover { background-image: url(./images/home.jpg);}
a#calendar:hover { background-image: url(./images/calendar.jpg); }
a#westerross:hover { background-image: url(./images/westerross.jpg); }
a#scotland:hover { background-image: url(./images/scotland.jpg); }
a#beyond:hover { background-image: url(./images/beyond.jpg); }
a#contact:hover { background-image: url(./images/contact.jpg); }
a#tandc:hover { background-image: url(./images/tandc.jpg); }

a#home:hover,
a#calendar:hover,
a#westerross:hover,
a#scotland:hover,
a#beyond:hover,
a#contact:hover,
a#tandc:hover { border: none; }


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

#eop {
position:relative;
background: url(./images/divider.png) top center no-repeat; 
width: 400x;
height:30px;
margin: 0px 0px 20px 0px;
}