/* CSS Document */

html { 
margin:0 auto;
padding:0;
}

body {
text-align:center;
max-width: 800px;
margin:0 auto;
padding:0px;
background-image:url(images/bg.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;}

#pageholder{
margin:0 auto;
padding:0px;
width: 800px;
height:inherit;
text-align:center;
background-image:url(images/bg2.jpg);

}

html>body #pageholder{
float:left;
height:auto;
}

#banner1{
float:left;
width:800px;
height:321px;
background-image:url(images/top.jpg);
}

#banner2{
float:left;
width:800px;
height:158px;
background-image:url(images/top2.jpg);
}

#navbar{
float:right;
width:auto;
height:115px; 
margin:0px 15px 0 0;
padding:0px;
list-style:none;
background-image:url(images/navbar.gif);
background-repeat:repeat-x;
}

img.navbar {
float:left;}

#navbar ul {
float:left;
height:auto;
margin:0;
padding:0px;
list-style: none;
list-style-type:none;
}
 
#navbar ul li {
float:left;
margin:0px;
padding:0px;
list-style:inherit;
display: inline;
}

#navbar ul li a:link, #navbar ul li a:visited {
text-decoration:none;
width:97px;
height:115px;
display:block;
}

#navbar ul li a.home{
background-image:url(images/home.gif);
}

#navbar ul li a.about{
background-image:url(images/about.gif);
}

#navbar ul li a.bookings{
background-image:url(images/booking.gif);
}

#navbar ul li a.gallery{
background-image:url(images/gallery.gif);
}

#navbar ul li a img {
border:0;
}

#navbar ul li a:hover {
background-position:-97px;
}

#navbar ul li a#active{
background-position:-97px;
}

#content{
float:left;
text-align:left;
padding:20px;
background-image:url(images/mainbg.gif);
color:#361928;
font-size:11px;
line-height:18px;}

.padder{padding:0px 10px 10px 10px;}

#content h1{
font-size:14px;
margin:4px 0 4px 0;}

#content h2{
font-size:14px;
margin:8px 0 4px 0;
color:#00aeef;}

#content p{
margin:4px 0 4px 0;}

.rightcol{
float:right;
margin-left:10px;
padding:15px;
background-image:url(images/col.jpg);
background-repeat:no-repeat;
width:196px;

color:#f2801e;
font-weight:bold;}

.rightcol a{
font-size:10px;
text-decoration:none;
color:#f2801e;
}

.rightcol a:hover{
color:#00aeef;}

.rightcol a img{
float:left;
border:0;
margin:0 5px 5px 0 ;}

a.email{
display:block;
width:78px;
height:26px;
background-image:url(images/email.gif);
}

a.email:hover{
background-position:78px;}

a.email img{
border:0;}

#linky{
float:left;
width: 800px;
text-align:center;
padding-top:5px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#f48022;
}

#linky a:link, #linky a:visited{
color:#f48022;
text-decoration:none;
}

#linky a:hover {
text-decoration:underline;
}

.gal{
width:100%;}

.gal td{
background-image:url(images/frame.gif);
background-repeat:no-repeat;
width:172px;
height:125px;
padding:0;
text-align:center;}

.gal td a img{
border:1px solid #ffffff;}

.gal td a:hover img{
border:1px solid #333333;}

.rightimg{
float:right;}

.leftimg{
float:left;}

.strike{
text-decoration:line-through;}


html>body #deets{
float:inherit;
margin:0 110px}