/*main sections*/

body {font-size: x-small;
/*for IE5/Win*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
/*compliant browsers*/
background-color: #dcd3d2;
margin: 0px;
padding: 0px;
background-image: url(images/wallpaper.gif);
background-position: center top;}

html>body {/*to be nice to Opera*/
font-size: small;}

form {margin: 0;
display: inline;}

#main {position: relative;
background-color: #d5b99d;
color: #4c2d0e;
border-left: 1px #615a30 solid;
border-right: 1px solid #615a30;
width: 900px;
margin: 0 auto;
font-size: 100%;
font-family: Arial, sans-serif;
background-image: url(images/mainpaper.gif);
background-repeat: repeat-y;
background-position: left top;}

#header {
text-align: center;
height: 108px;
border-bottom: 2px solid #ffffff;
background-image: url(images/headerpaper.gif);
background-repeat: repeat-x;
background-position: center top;}

#header2 {
height: 220px;}

#navigation{
height: 35px;
background-image: url(images/navbackground.jpg);
background-repeat: repeat-x;
text-align: center;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;}

#content {display:inline;
width: 598px; /*actual width 628*/
float: left;
border-right: 2px solid #ffffff;
padding: 15px;}

#photos {display:inline;
width: 240px; /*actual width 270*/
float: right;
background-color: #c29f7c;
padding: 15px;}

#footersurround {border-top: 2px solid #ffffff;
background-color: #9b9156;}

#footercontent {
font-size: 80%;
color: #FFFFFF;
padding: 10px;}

#footercontent a {color: #FFFFFF;
text-decoration: none;}

#footercontent a:hover {color: #ffffff;
text-decoration: underline;}

.clearit {clear: both;
height: 0;
line-height: 0;
font-size: 1px;}

.floatrightgeneric {float: right;
margin-left: 10px;}

.floatleftgeneric {float: left;
margin-right: 10px;}

/*end main sections*/

/*navigation*/



/*end navigation*/

/*text*/

h1 {font-size: 150%;
color: #ffffff;
font-family:Helvetica, Arial, sans-serif;
margin-top: 0px;
text-align: left;
}

h2 {font-size: 150%;
color: #ffffff;}

p {font-size: 100%;
font-family: Arial, Helvetica, sans-serif;}

ul li {font-size: 100%;}

.smallblack {font-size: 90%;
color: #4c2d0e;}

.smallwhite {font-size: 90%;
color: #FFFFFF;}

.brownheading {font-size: 120%;
font-family: Arial, sans-serif;
color: #9c7043;
font-weight: bold;}

.brownsubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #9c7043;
font-weight: bold;}

.darkbrownheading {font-size: 120%;
font-family: Arial, sans-serif;
color: #654422;
font-weight: bold;}

.darkbrownsubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #654422;
font-weight: bold;}

.greenheading {font-size: 120%;
font-family: Arial, sans-serif;
color: #9b9156;
font-weight: bold;}

.greensubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #9b9156;
font-weight: bold;}


.fadebar{
width: 240px;
height: 240px;
background-image: url(images/bar01.jpg);
margin-top: 10px;
margin-bottom: 10px; }

.fadebistro{
width: 240px;
height: 240px;
background-image: url(images/bistro01.jpg);
margin-top: 10px;
margin-bottom: 10px; }

.fadeindex{
width: 240px;
height: 240px;
background-image: url(images/index01.jpg);
margin-top: 10px;
margin-bottom: 10px; }

.fadebottleshop{
width: 240px;
height: 240px;
background-image: url(images/bottleshop01.jpg);
margin-top: 10px;
margin-bottom: 10px; }

.fadeaccommodation{
width: 240px;
height: 240px;
background-image: url(images/accommodation01.jpg);
margin-top: 10px;
margin-bottom: 10px; }

.fadecontactus{
width: 240px;
height: 240px;
background-image: url(images/contactus01.jpg);
margin-top: 10px;
margin-bottom: 10px; }

#contactdetails{
margin-top: 14px;
text-align: center;}


/*end text*/

/*menu styling*/

#menu th {
border-bottom: 1px #c0a182 solid;
text-align: left;
color: #9f7346;
font-family: Arial, Helvetica,sans-serif;
font-size: 125%;
margin-top: 0px;
}

#menu td {
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px #ceb194 solid;
vertical-align: top;}

.menuline{
text-align: center;
padding-top: 22px;
padding-bottom: 4px;}



/*end menu styling*/

/*hyperlinks*/

a {color: #766d3b;
text-decoration: underline;}

a:hover {color: #9b9156;
}

/*end hyperlinks*/

/*images*/

.leftimage {margin-right: 5px;}

.rightimage {margin-left: 5px;}

img {border: none;}

/*end images*/

/*start form fields*/

.formfields {border: 1px #4c2d0e solid;
background-color: #f8f8f8;
color: #2f2f2f;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;}

.submitbutton {border: 1px #000000 solid;
background-color: #4c2d0e;
color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;}

/*end form fields*/