body {
background: #f5f5dc;
color: #567;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: small;
font-weight: normal;
text-align: left;
line-height: normal;
margin: 0;
padding: 0;
}







/* ---------------------- TYPOGRAPHY ---------------------- */

h1 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 130%;
font-weight: bold;
color: #cc5600;
margin: 0 0 20px 0;
padding: 0 0 0.2em 0;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: 0.2em;
border-bottom: 1px solid #cc5600;
}

h2 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 100%;
font-weight: bold;
color: #cc5600;
margin: 0 0 20px 0;
padding: 0 0 0.2em 0;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: 0.2em;
border-bottom: 1px solid #cc5600;
}

h3 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 80%;
font-weight: bold;
margin: 0 0 20px 0;
padding: 0 0 0.2em 0;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: 0.2em;
border-bottom: 1px solid #567;
}

h4 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 80%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: 0.2em;
}

.greycontainer h1, .greycontainer h2, .greycontainer h3 {
color: #567;
border-bottom: 1px solid #567;
}

.greycontainer h4 {
color: #567;
}

p {
font-size: 97%;
line-height: 1.4em;
margin: 0 0 20px 0;
padding: 0;
}

p a {
color: #567;
text-decoration: none;
}

p a:hover {
color: #cc5600;
}

ul {
font-size: 97%;
line-height: 1.4em;
list-style-type: square;
list-style-position: inside;
margin: 0 0 20px 0;
padding: 0;
}

ul a {
color: #567;
text-decoration: none;
}

ul a:hover {
color: #cc5600;
}

.nowrap {
white-space: nowrap;
}

.error {
color: #cc5600;
}







/* ---------------------- CONTAINERS ---------------------- */

.containerwrap {
width: 1000px;
margin: 0 auto;
padding: 0;
}

.container {
width: 960px;
margin: 0 20px;
padding: 0;
}

.greycontainer {
background: #ddc;
margin: 0 0 30px 0;
padding: 20px;
}







/* ---------------------- FLOATING CONTAINERS---------------------- */

.left280_container {
float: left;
width: 280px;
margin: 0;
padding: 0;
}

.right280_container {
float: right;
width: 280px;
margin: 0;
padding: 0;
}

.left195_container {
float: left;
width: 195px;
margin: 0;
padding: 0;
}

.right195_container {
float: right;
width: 195px;
margin: 0;
padding: 0;
}

.left620_container {
float: left;
width: 620px;
margin: 0;
padding: 0;
}

.right620_container {
float: right;
width: 620px;
margin: 0;
padding: 0;
}

.left450_container {
float: left;
width: 450px;
margin: 0;
padding: 0;
}

.right450_container {
float: right;
width: 450px;
margin: 0;
padding: 0;
}

.left430_container {
float: left;
width: 430px;
margin: 0;
padding: 0;
}

.right430_container {
float: right;
width: 430px;
margin: 0;
padding: 0;
}







/* ---------------------- HEADER ---------------------- */

.header {
background: #ddc;
width: 100%;
height: 60px;
margin: 0 0 30px 0;
padding: 0;
}







/* ---------------------- LOGO ---------------------- */

a.logo {
background: url(../images/general/logo.gif) no-repeat 0 0;
display: block;
width: 490px;
height: 60px;
margin: 0;
padding: 0;
}







/* ---------------------- NAV ---------------------- */

.nav {
width: 960px;
height: 25px;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}

.nav ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}

.nav li {
display: inline;
margin: 0;
padding: 0;
}

.nav a {
display: block;
float: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 80%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #567;
text-decoration: none;
margin: 0;
padding: 0;
text-align: center;
height: 25px;
}

.nav a.home {
text-align: left;
}

.nav a.home {
width: 60px;
}

.nav a.functionrooms {
width: 200px;
}

.nav a.news {
width: 70px;
}

.nav a.foodbeverages {
width: 210px;
}

.nav a.weddings {
width: 110px;
}

.nav a.about {
width: 110px;
}

.nav a.location {
width: 100px;
}

.nav a.contact {
width: 100px;
text-align: right;
}

.nav a span {
border-bottom: 1px solid #567;
}

.nav a:hover span {
color: #cc5600;
border-bottom: 1px solid #cc5600;
}

.nav a.selected span {
color: #cc5600;
border-bottom: 1px solid #cc5600;
}







/* ---------------------- IMAGE-BUTTON ---------------------- */

a.image-button {
background-color: #ddc;
display: block;
width: 450px;
height: 183px;
margin: 0 0 30px 0;
padding: 0;
}







/* ---------------------- HEADER-IMAGE ---------------------- */

.header-image {
background-color: #ddc;
width: 960px;
height: 300px;
margin: 0 0 30px 0;
padding: 0;
}







/* ---------------------- FUNCTIONROOMS-IMAGE ---------------------- */

.functionrooms-image {
background-color: #ddc;
width: 960px;
height: 400px;
margin: 0 0 30px 0;
padding: 0;
}







/* ---------------------- FUNCTIONROOMS-SLIDESHOW ---------------------- */

#functionrooms-slideshow {
display: none;
}







/* ---------------------- MAP ---------------------- */

.map {
background-color: #ddc;
width: 450px;
height: 400px;
margin: 0 0 30px 0;
padding: 0;
}







/* ---------------------- BUTTON ---------------------- */

.button {
height: 20px;
margin: 0 0 20px 0;
overflow: hidden;
}

.button a {
background-image: url(../images/general/button-bg-left.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
float: left;
height: 20px;
margin: 0;
padding: 0 0 0 10px;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: bold;
font-size: 77%;
color: #cc5600;
text-transform: uppercase;
letter-spacing: 0.2em;
text-decoration: none;
}

.button a span {
display: block;
float: left;
height: 20px;
background: url(../images/general/button-bg-right.gif) no-repeat right top;
padding: 4px 10px 0 0;
}

.button a:hover {
background-position: 0 -40px;
color: #fff;
}

.button a:hover span {
background-position: right -40px;
color: #fff;
}







/* ---------------------- NEWSPAGE ---------------------- */

.newspage {
overflow: hidden;
}

.newspage img {
display: block;
margin: 0 0 30px 0;
}

.line {
border-top: 1px solid #cc5600;
margin: 30px 0 90px 0;
padding: 0;
}







/* ---------------------- LATEST NEWS ---------------------- */

.latestnews .button {
padding: 0 0 20px 0;
margin: 0 0 40px 0;
border-bottom: 1px solid #cc5600;
}







/* ---------------------- FOOTER ---------------------- */

.footer {
background: #ddc;
width: 100%;
margin: 60px 0 0 0;
padding: 40px 0;
}

.footer ul {
list-style-type: none;
list-style-position: outside;
}







/* ---------------------- FORM ---------------------- */

fieldset {
margin: 0;
padding: 0;
border: none;
}

form {
margin: 0 0 20px 0;
padding: 0;
}

label {
display: block;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 80%;
color: #567;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.2em;
}

.input, textarea {
display: block;
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #fff;
width: 568px;
font-size: 100%;
line-height: 1.4em;
color: #567;
border: none;
margin: 0 0 20px 0;
padding: 5px;
}

.submit {
display: block;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 100%;
color: #567;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.2em;
border: none;
cursor: pointer;
background-color: transparent;
}







/* ---------------------- CLEARFIX ---------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */








/* ---------------------- GENERAL ---------------------- */

img {
border: 0;
}

a img {
border: 0;
}

img a {
border: 0;
}

.invisible {
display: none;
}

a:active, a:focus {
outline: 0;
}