@charset "UTF-8";
/* CSS Document */

@import "forms.css";

* {
	margin: 0;
	padding: 0;
}

html { background: url(../images/interface/htmlBG.jpg) top left repeat-x #fff; }

body {
	position: relative;
	width: 952px;

	margin: 0 auto;
	padding-top: 410px;

	color: #222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background: url(../images/interface/pageBG.jpg) top left no-repeat;
}

div#page {
	padding: 10px 10px 0 10px;

	width: 926px;
	margin: 0 auto;
}

/* Masthead */
ul#masthead {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 310px;

	z-index: 10;
	list-style-type: none;
	padding: 100px 0 0 0;
}

ul#masthead li {
	float: right;
	clear: right;
	width: 25%;

	margin: 0 3% 10px 2%;
	text-align: center;
	line-height: 25px;
}

ul#masthead li a {
	color: #fff;
	font-size: 18px;

	text-transform: uppercase;
	text-decoration: none;
}

ul#masthead li a:hover { text-decoration: underline; }

ul#masthead li a span { font-size: 17px; font-weight: normal; color: #444; }

/* Columns */
div.column {
	float: left;
	width: 100%;
}

div.column.third { width: 31%; float: right; }
div.column.twothirds { width: 66%; }

/* Misc formatting */
div.clear { clear: both; }
a { color: #2071b3; }
a:hover { color: #4293d5; text-decoration: none; }

p { margin-bottom: 20px;  text-align: justify; }

h1 { color: #ad301b; padding-bottom: 10px; }

h2 {
	color: #57001b;
	font-size: 23px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

h3 { color: #8d1111; font-size: 17px; font-style: italic; padding-bottom: 10px; }

h1, h2, h3 { font-weight: normal; }

/* Column content formatting */
div.column ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 1% 0 2% 5%;
}

div.column ul li {
	background: url(../images/interface/bullet.gif) 0 4px no-repeat;
	margin-bottom: 5px;
}

div.column ul.twoColumns li {
	float: left;
	width: 48%;
}

div.column.third h3, div.column.third ul li { margin-left: 20px; }

/* Highlight box */
div.highlightBox {
	width: 96%;
	padding: 4% 2%;
	margin-bottom: 10px;

	border: 1px dashed #67604c;
	background-color: #e7dab7;
}

div.highlightBox p { margin: 2% 0 0 0; }

div.column.third ul.foodMenu li { margin-left: 0; }

/* Column images */
div.column img {
	float: left;
	padding: 2px;
	margin: 0 2% 2% 0;
}

div.column img.right { float: right; margin: 0 0 2% 2%; }
div.column.side img.right { margin-left: 6%; }

/* Google map */
div#googleMapContainer {
	position: absolute;
	top: 100px;
	left: 10px;
	z-index: 100;

	width: 660px;
	height: 250px;
	border: 1px solid #222;
}

div#googleMap {
	width: 100%;
	height: 100%;
}

/* Footer */
ul#footer {
	clear: both;
	width: 100%;
	height: 35px;
	line-height: 33px;

	list-style-type: none;
	margin-bottom: 20px;
	background-color: #eae5d6;
}

ul#footer li {
	float: left;
	margin-left: 2%;
}

/* Webcastle Branding */
ul#footer li#webcastle span {
	padding: 1px 5px 1px 3px;

	font-size: 11px;

	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;

	color: #0043f3;
	background-color: #fff;
	border: 1px solid #555;

	cursor: default;
}

ul#footer li#webcastle span span { border: 0; padding: 0; color: #fd1824; }

/* Food Menu; added 29th April 2009 */
div.column ul.foodMenu {
	list-style-type: none;
	padding: 10px;
	text-align: center;
	background-color: #ede9d9;
	border: 1px solid #57001b;
}

ul.foodMenu li { padding-bottom: 10px; }
ul.foodMenu li strong { color: #57001b; }

/* Brochure download link, added 2nd June 09 */
a#brochureLink {
	display: block;
	float: left;
	clear: left;

	width: 340px;
	padding: 5px;

	color: #111;
	margin: 0 20px 10px 0;

	text-decoration: none;
	border: 1px dashed #6a0b24;
}

a#brochureLink span {
	display: block;
	font-size: 19px;
}

a#brochureLink:hover { background-color: #beb7b9; text-decoration: underline; color: #000; }