*{
padding:0;
margin:0;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
line-height:1.5;
background-color:#ffffcc;
}

#page{
width:100%;
height:100%;
}

#top{
background:url(images/layout/topbg.gif) repeat-x #f2e4bd;
}

#topcontainer{
width:762px;
border-left:solid #ffcc00 1px;
border-right:solid #ffcc00 1px;
margin:0 auto;
padding-bottom:20px;
}

#bottomcontainer{
width:762px;
border-left:solid #ffcc00 1px;
border-right:solid #ffcc00 1px;
margin:0 auto;
}

h1{
width:324px;
height:35px;
background:url(images/layout/logo.gif) no-repeat;
padding:3px 10px;
margin-left:10px;
}

h1 a{
display:block;
height:100%;
width:100%;
}

h1 span{
display:none;
}

#nav{
list-style:none;
width:100%;
background:#780101 url(images/layout/nav.gif);
height:24px;
text-align:center;
}

#nav li{
display:inline;
}

#nav a:link, #nav a:visited{
background:#780101 url(images/layout/nav.gif);
color:#ffff99;
text-decoration:none;
height:20px;
display:block;
float:left;
padding:4px 8px 0 8px;
font-weight:bold;
border-right:1px solid #86231d;
border-left:1px solid #560101;
}

#nav a.last{
border-right:none;
}

#nav a.first{
border-left:none;
}

#nav a:hover{
background-position:0% 30px;
}

#imageholder{
width:300px;
float:left;
clear:both;
text-align:center;
padding-top:10px;
}

#contentholder{
float:left;
width:450px;
padding-right:10px;
}

h2{
width:400px;
height:30px;
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}

h2 span{
display:none;
}

h2#aboutus{
background-image:url(images/h2/aboutus.gif);
}

h2#specials{
background-image:url(images/h2/specials.gif);
}

h2#accommodation{
background-image:url(images/h2/accommodation.gif);
}

h2#restaurant{
background-image:url(images/h2/restaurant.gif);
}

h2#banqueting{
background-image:url(images/h2/banqueting.gif);
}

h2#bar{
background-image:url(images/h2/bar.gif);
}

h2#conference{
background-image:url(images/h2/conference.gif);
}

h2#links{
background-image:url(images/h2/links.gif);
}

h2#contact{
background-image:url(images/h2/contact.gif);
}

h2#location{
background-image:url(images/h2/location.gif);
}

h2#enquiry{
background-image:url(images/h2/enquiry.gif);
}

h2#reservation{
background-image:url(images/h2/reservations.gif);
}

.clear{
clear:both;
}

p{
margin:10px 0;
}

img{
border:none;
}

#thumbs{
width:208px;
margin:0 auto;
text-align:center;
}

#thumbs a:link, #thumbs a:visited{
float:left;
border:1px solid #f2e4bd;
padding:2px;
}

#thumbs a:hover{
border:1px solid #990000;
}

#special{
background:url(images/layout/specialbg.gif) repeat-x;
width:260px;
float:left;
margin:10px 10px 0 10px;
padding:5px;
}

h3{
font-size:1.6em;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
color:#780101;
}

h3#specials{
width:121px;
height:23px;
background:url(images/h3/specials.gif) no-repeat;
margin-bottom:10px;
}

h3 span{
display:none;
}

#special ul{
list-style:none;
}

#special ul li{
background:url(images/layout/pointer.gif) no-repeat top left;
padding-left:20px;
margin-bottom:20px;
}

ul.list{
list-style:none;
}

ul.list li{
background:url(images/layout/pointer.gif) no-repeat top left;
padding-left:20px;
margin-bottom:20px;
}

h4{
color:#990000;
font-size:1em;
}

a:link, a:visited{
color:#990000;
}

a:hover{
text-decoration:none;
}

#flash{
width:460px;
float:left;
}

#footer{
clear:both;
background:url(images/layout/footer.jpg);
color:#ffffcc;
}

#footleft{
padding:10px;
float:left;
background:url(images/layout/footer.jpg);
}

#footright{
padding:10px;
float:right;
}

#footright{
text-align:right;
}

#footlinks{
list-style:none;
margin-bottom:20px;
}

#footlinks li{
display:inline;
padding:0 5px;
border-left:1px solid #ffffcc;
}

#footlinks li.first{
border:none;
}

#footer a{
color:#ffffcc;
}

#footer p{
margin:0;
}

label{
clear:both;
float:left;
width:140px;
margin:5px 0;
font-weight:bold;
}

input#submit{
margin-left:140px;
}

input, textarea, select{
float:left;
margin:5px 0;
}

.formelement{
display:block;
}

.error{
color:red;
font-weight:bold;
}
