/* CSS Document */

body {
font-size: small;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #333333;

}
* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small;  /* for other IE versions */


}

html, body {
height: 100%;
border-bottom: 1px solid #333333;
padding: 0;
}



#wrapper {
margin: 0px auto;
padding: 0px;
width: 950px;
font-size: 100%;

}




#headerhome {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headerhome.jpg) no-repeat left top;
}

#headerfandd {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headerfoodanddrink.jpg) no-repeat left top;
}

#headerbookings {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headerbookings.jpg) no-repeat left top;
}

#headerphilosophy {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headerphilosophy.jpg) no-repeat left top;
}

#headercontact {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headercontact.jpg) no-repeat left top;
}

#headertbooking {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headertbooking.jpg) no-repeat left top;
}

#headergallery {
position: absolute;
top: 0px;
height: 225px;
width: 950px;
background: url(../livery/headergallery.jpg) no-repeat left top;
}

#wrapper2col {
margin: 0px auto;
padding: 0px;
width: 950px;
background: url(../livery/background.jpg) repeat-y; background-position:left;
font-size: 100%;
}


#content2col {

float: left;
width: 800px;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
margin-top: 260px;
vertical-align:top;


}

#sidebar2col {
float: right;
width: 10px;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 0px;
margin-top: 260px;
vertical-align:top;



}

#contenthpcol {

float: left;
width: 450px;
padding-top: 0;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 275px;
vertical-align:top;



}

#sidebarhpcol {
float: right;
width: 450px;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 0px;
margin-top: 275px;
vertical-align:top;



}
#left {
float:left;
width: 210px;
padding-left: 10px;
margin: 0;
height: auto;
margin-top: 210px;
}
#right {
float:right;
width: 700px;
font-size: 100%;
margin-top: 210px;
vertical-align:top;
padding-right: 20px;


}






div.clearer {
clear: both;

}

#footer {
padding-top: 6px;
padding-bottom: 4px;
margin: 0 auto;
width: 950px;
height: 40px;
text-align: center;
clear: both;
background: url(../livery/footer.jpg) no-repeat left top;
font-size: 90%;
color: #ffffff;
font-family: "Times New Roman", Times, serif;

}

.facebook {
	float: left;
	padding-left: 4px;

}
#bottom a {
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}
#bottom a:hover {

text-decoration: underline;

}


#bottom {
margin: 0px auto;
padding: 0px;
width: 950px;
font-size: 10px;
text-align:right;
}


/* Start CSS for text and link styling */

h1 {
font-size: 130%;
color: #ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}
h2 {
font-size: 110%;
color: #ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}









#left1 li {
list-style: none;
margin-left: -40px;

}


#left1 li a {
font-weight: bold;
color: #0054a6;
text-decoration: none;



}
#left1 li a:hover {
text-decoration: underline;
}

 
#left1 li {
list-style: none;

}

#left1 ul li ul li a {
text-align: left;
font-weight: normal;
color: #ffc801;
text-decoration: none;
padding-left: 25px;
}

#left1 ul li ul li a:hover {
text-decoration: underline;
padding-left: 25px;
}
/* Start CSS for LHS Navigation block */

.box {
width: 200px;
background: url(../livery/div_bottom.jpg) no-repeat bottom left;
}
.box h3 {
background: url(../livery/h3_bg.jpg) no-repeat top left;
margin: 0;
padding: 10px 6px 37px 30px;
font-size: 100%;
color: #FFFFFF;

}
.box ul {
margin: 0;
padding: 0px 10px 14px 30px;




}

.box ul ul {
margin: 0;
padding: 0;



}
.box ul li {
margin-top: 3px;
margin-bottom: 3px;
margin-right: 0;
margin-left: 0;
padding: 0;
list-style: url(../livery/arrow.gif);

}

.box ul li ul li {
margin: 0;
padding: 0;
list-style: url(../livery/no_arrow.gif);
}
.box ul li a {
text-decoration: none;
color: #0054A5;
font-size: 10pt;
font-weight:bold;


}

.box ul li a:hover {
text-decoration: none;
color: #CC0000;



}
.box ul li ul li a {
text-decoration: none;
color: #D54C39;
font-size: 9pt;
font-weight: normal;
padding-left: 0px;


}

.box ul li ul li a:hover {

color: #315d60;


}

/* finish CSS for LHS Navigation block */

.email a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
.email a:hover {
text-decoration: underline;
}

.review {
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 110%;
color: #ffffff;
font-style:italic;
}

.pagelink {

color: #FFFFFF;
text-decoration: underline;
}

A.pagelink:hover {
text-decoration: none;
}

.ascot {

color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

A.ascot:hover {
text-decoration: underline;
}
