/*main sections*/

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

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

form {margin: 0;
display: inline;}

#main {position: relative;
background-color: #f9f8f5;
border: 0px #000000 solid;
width: 770px;
margin: 0 auto;
font-size: 100%;
font-family: Arial, sans-serif;
background-image: url(images/mainpaper.gif);
background-repeat: repeat-y;}

#header {
height: 98px;}

#panorama{
}

#navigation {
background-color: #f0efeb;}

#pageheading{
height: 30px;}

#content {padding: 12px 16px 2px 16px;
background-color: transparent;
background-image: url(images/contentpaper.gif);
background-repeat: no-repeat;
background-position: center bottom;}

#contentbottom{
margin: 0 auto;
width: 770px;
height: 18px;}

#bottomphotos{
margin: 0 auto;
width: 770px;
height: 110px;}

#footersurround {
width: 770px;
margin: 0 auto;
font-size: 10px;
}

#footercontent {
color: #2e517b;
padding: 10px;
font-family: Arial, sans-serif;
text-align: right;
}

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

#footercontent a:hover {color: #2e517b;
background-color: transparent;}

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

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

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

#tandc{
padding: 10px;
border: 1px solid #91402f;
font-size: 90%;}

.tandclink{
text-decoration: underline;
color: #91402f;
font-size: 10px;
font-weight: bold;
text-align: center;
cursor: pointer;}

.bookingtable{
border-collapse: collapse;}

.bookingtable th{
background-color: #e9e7dd;
padding: 5px 2px 2px 2px;
text-align: left;
font-weight: bold;
font-size: 11px;
color: #4b698c;
vertical-align: top;}

.bookingtable td{
border: 1px solid #e9e7dd;
padding: 2px;}

.rates{
border-collapse: collapse;}

.rates th{
background-color: #91402f;
color: #ffffff;
text-align: center;
font-weight: normal;
letter-spacing: 4px;
font-size: 15px;
font-style: italic;
text-transform: uppercase;
padding: 3px;}

.rates td{
border: 1px solid #91402f;
letter-spacing: 2px;
padding: 3px;
font-size: 11px;
font-family: "Trebuchet MS", Arial, sans-serif;
background-color: #ffffff;
vertical-align: top;}

.bookingbuttons{
margin-top: 30px;}

.bookingbuttons td{
text-align: center;
width: 50%;}


/*end main sections*/

/*photos*/

.indexphotos{
float: right;
width: 254px;
height: 171px;
margin-left: 12px;
margin-bottom: 5px;
background-image:url(images/index3.jpg);
background-repeat: no-repeat;}

.weddingsphotos{
float: right;
width: 171px;
height: 254px;
margin-left: 12px;
margin-bottom: 5px;
background-image:url(images/weddings1.jpg);
background-repeat: no-repeat;}

.guesthousephotos{
float: right;
width: 254px;
height: 171px;
margin-left: 12px;
margin-bottom: 5px;
background-image:url(images/guesthouse1.jpg);
background-repeat: no-repeat;}

.chaletphotos{
float: right;
width: 254px;
height: 171px;
margin-left: 12px;
margin-bottom: 5px;
background-image:url(images/chalet1.jpg);
background-repeat: no-repeat;}

.lodgephotos{
float: right;
width: 254px;
height: 171px;
margin-left: 12px;
margin-bottom: 5px;
background-image:url(images/lodge1.jpg);
background-repeat: no-repeat;}

.facilitiesphotos{
float: right;
width: 254px;
height: 171px;
margin-left: 12px;
margin-bottom: 5px;
background-image:url(images/facilities1.jpg);
background-repeat: no-repeat;}

/*end photos*/

/*text*/

h1 {font-size: 225%;
color: #2d77a7;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
text-align: center;
letter-spacing: 6px;}

h2 {font-size: 150%;}

p {font-size: 110%;
text-align: justify;
}

p.center{
text-align: center;}

.topparagraph{
margin-top: 1px;}

ul li {font-size: 105%;
color: #4b698c;
letter-spacing: 1px;
font-style: italic;}

.smallblack {font-size: 80%;
color: #000000;}

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

.testimonials{
letter-spacing: 1px;
font-family:"Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;}

.redheading {font-size: 135%;
font-family: Arial, sans-serif;
color: #91402f;
font-weight: bold;}

.redsubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #91402f;
font-weight: bold;}

.greyheading {font-size: 120%;
font-family: Verdana, Arial, sans-serif;
color: #333333;
font-weight: bold;}

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

.blackheading {font-size: 120%;
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-weight: bold;}

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

.blueheading {font-size: 135%;
font-family: Arial, sans-serif;
color: #4b698c;
font-weight: bold;}

.bluesubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #4b698c;
font-weight: bold;}

/*end text*/

/*menu styling*/

#menu th {background-image: url(images/navbackground.jpg);
border: 1px #373737 solid;
text-align: center;
color: #6c207e;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 165%;}

#menu td {border: 1px #ececec solid;}

.menuitem {font-size: 115%;
color: #2d77a7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;}

.menudescription {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
color: #363636;
font-style: italic;}

/*end menu styling*/

/*hyperlinks*/

a {color: #4b698c;
text-decoration: underline;}

a:hover {color: #91402f;
text-decoration: underline;}

/*end hyperlinks*/

/*images*/

.leftimage {margin-right: 5px;}

.rightimage {margin-left: 5px;}

img {border: none;}

/*end images*/

/*start form fields*/

.formfields {border: 1px #a36152 solid;
background-color: #ffffff;
color: #4b698c;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
padding: 1px;}

.submitbutton {border: 2px #a36152 solid;
background-color: #a36152;
color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;}

/*end form fields*/