body { 
background:#CCC; 
margin:0px; padding:0px; 
font:14px/18px Arial, Verdana, tahoma,Sans-serif; 
text-align:center; 
color:#000; 
}

.accent { 
font:18px/24px Arial, Verdana, tahoma,Sans-serif;
font-weight:bold; 
}

td {font:12px/18px Arial, Verdana, tahoma,Sans-serif;}

#wrap {
position: relative; 
margin:0px auto 0px auto; 
width: 750px; 
text-align:center;
}

a{
color:#336699; 
font-weight:bold;}

a:hover {
color:#603913;}

ul {margin:0px; padding:0 30px;}

/*---- Top --------------------------------*/
#header_home, #header_bed, #header_breakfast, #header_hosts, #header_find, #header_locale, #header_guestbook, #header_snapshot, #header_contact {
position:absolute; 
top:0px; left:0px; 
width:750px; 
height:460px; margin:0; padding:0; 
border-bottom:3px solid #FFF;
}

#header_home {background:  url(Graphics/Home.jpg) bottom right no-repeat}
#header_bed {background:  url(Graphics/Bed.jpg) bottom right no-repeat}
#header_breakfast {background:  url(Graphics/Breakfast.jpg) bottom right no-repeat}
#header_hosts {background:  url(Graphics/Hosts.jpg) bottom right no-repeat}
#header_find {background:  url(Graphics/Find.jpg) bottom right no-repeat}
#header_locale {background:  url(Graphics/Locale.jpg) bottom right no-repeat}
#header_guestbook {background:  url(Graphics/Guestbook.gif) bottom right no-repeat}
#header_snapshot {background:  url(Graphics/Photos.gif) bottom right no-repeat}

#home_title {
float:right; font:14px arial, verdana, tahoma, sans-serif; color:#FFF; 
margin:150px 12px 5px 0px; width:450px; 
height:22px;
font-weight:bold; 
text-align:right;}

/*--- Navigation Area  ---------------------------*/
#home_menu {position: absolute; width:750px; height:50px; top:460px; left:0px; font-weight:bold; margin:0; padding:0; }
#home_menu li, #home_menu ul {display: inline;}
#home_menu  li a {margin: 0 5px; padding:0 5px; height: 21px; text-decoration:none; color:#3D4D58;}
#home_menu  li a.here {color:#FFF;}

/*#menu {position: absolute; width:750px; height:50px; top:460px; left:140px; font-weight:bold; margin:0; padding:0; }
#menu li, #home_menu ul {display: inline;}
#menu  li a {margin: 0px; padding:0px 8px;; height: 50px; text-decoration:none; color:#3D4D58;}
#menu  li a.here {color:#FFF;}*/


#menu {position: absolute; width:750px; height:50px; top:460px; left:0px; font-weight:bold; margin:0; padding:0;}
#menu li {display: inline;}
#menu li a, #menu li div {float: left; margin: 0px; padding: 0; height: 50px; text-decoration:none;}
#menu span {display: none;	width: 0;	height: 0;	overflow: hidden;}
#menu .menu1 {width: 107px; background:  url(Graphics/Menu_home.jpg) no-repeat;}
#menu div.menu1 {width: 107px;background:  url(Graphics/Menu_home_over.jpg) no-repeat;}
#menu .menu2 {width: 107px; background:  url(Graphics/Menu_bed.jpg) no-repeat;}
#menu div.menu2 {width: 107px; background:  url(Graphics/Menu_bed_over.jpg) no-repeat;}
#menu .menu3 {width: 107px; background:  url(Graphics/Menu_breakfast.jpg) no-repeat;}
#menu div.menu3 {width: 107px; background:  url(Graphics/Menu_breakfast_over.jpg) no-repeat;}
#menu .menu4 {width: 108px; background:  url(Graphics/Menu_locale.jpg) no-repeat;}
#menu div.menu4 {width: 108px; background:  url(Graphics/Menu_locale_over.jpg) no-repeat;}
#menu .menu5 {width: 107px; background:  url(Graphics/Menu_hosts.jpg) no-repeat;}
#menu div.menu5 {width: 107px; background:  url(Graphics/Menu_hosts_over.jpg) no-repeat;}
#menu .menu6 {width: 107px; background:  url(Graphics/Menu_guestbook.jpg) no-repeat;}
#menu div.menu6 {width: 107px; background:  url(Graphics/Menu_guestbook_over.jpg) no-repeat;}
#menu .menu7 {width: 107px; background:  url(Graphics/Menu_find.jpg) no-repeat;}
#menu div.menu7 {width: 107px; background:  url(Graphics/Menu_find_over.jpg) no-repeat;}

/*styles content --------------------------------------*/

#content_left {
position: absolute;
text-align:left; 
float:left; 
width:350px; 
height: 200px;
margin:85px 0 0 25px; 
padding:0px;
}

#content_right {
position: absolute;
text-align:left; 
float:right; 
width:275px; 
height: 200px;
margin:85px 0 0 400px; 
padding:0px;
}

#content_links {text-align:left; float:left; width:200px; height: 350px; margin:0px; padding:0px;}
#content p {padding:10px; margin:5px; color:#000;}

#footer{
clear: both; 
background-color:#FFF; 
text-align: center; 
font-weight: bold;
color: #000;
height:35px; padding:0px; 
margin:510px 0 0 0; 
width:750px; 
}

p.copy {float:left; padding:5px 5px 5px 15px; margin:0px; }
#footer a {color: #000; padding:0px 10px; text-decoration:none;}
#footer a:hover {color: #369;}