/* 
-------------- Colours Scheme --------------
#FFF6D4 - Background Dark Grey
#000000 - Main Font colour Black
#C72F29 - a tag Red
#0000FF - a:hover Blue
#7c7b7b - Footer Grey
*/

/* ----------------------------------------------
                Global Classes
---------------------------------------------- */

body {
	font-family: verdana, Lucida Grande, sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
	background: #FFF6D4;
	color: #000000;
	margin-top: 10px;
}

img { border: 0; }

a {
		color: #C72F29;
		text-decoration: underline;
}

a:hover{
		color: #0000FF;
}

/* ----------------------------------------------
                Page-width Classes
---------------------------------------------- */

#mainWrapper {
		width: 800px;
		margin: 0 auto;
}

#contentWrapper {
        float: left;
        position:relative;
		width: 800px;
		background: url('images/main_bg.jpg') top center repeat-y;
}

#contentLeft {
	        float: left;
			margin-left: 36px;
			width: 220px;
}

#contentRight {
			float: right;
			width: 500px;
            min-height: 560px;
			margin-right: 40px;
}

#bottom {
        float: left;
		width: 800px;
		background: url('images/bottom_bg.jpg') top center no-repeat;
		height: 27px;
		margin-bottom: 10px;
}

/* -----------------------------------------------
                Top Classes
----------------------------------------------- */

#header {
    background: url("images/header.jpg") no-repeat scroll center top transparent;
    float: left;
    height: 327px;
    width: 800px;
}

.index {
	display: block;
	float: left;
	height: 280px;
	width: 210px;
}

#header #address {
    color: #FFFFFF;
    float: right;
    margin: 20px 30px 0 0;
}

/* -----------------------------------------------
                Navigation Classes
----------------------------------------------- */

ul#navigation {
    background: url("images/navigation_bg.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 285px;
    list-style-type: none;
    margin-left: 10px;
    position: absolute;
    text-indent: -9009px;
    top: 0;
    width: 160px;
}

li#navPub a, li#navRestaurant a, li#navGarden a, li#navGame a {
			background: transparent;
			display: block;
			height: 35px;
			width: 161px;
			margin-left: -11px;
}

li#navPub a {
			background: url('images/navPub.gif') no-repeat;
			margin-top: 67px;
}

li#navRestaurant a {
			background: url('images/navRestaurant.gif') no-repeat;
			margin-top: 13px;
}

li#navGarden a {
			background: url('images/navGarden.gif') no-repeat;
			margin-top: 16px;
}

li#navGame a {
    background: url("images/navGame.gif") no-repeat scroll 0 0 transparent;
    margin-top: 14px;
}

li#navPub a:hover, li#navRestaurant a:hover, li#navGarden a:hover, li#navGame a:hover { background-position: 0 -35px; }

/* -----------------------------------------------
                Content Classes
----------------------------------------------- */

#content {  }

#content h1 {
			color: #780804;
			margin: 0 0 20px 0;
}

#text {

}

#leftImage {
			position: absolute;
			bottom: 0px; 
}

#text h2 {
	margin: 0;
	padding: 0;
}

table { width: 100%; }

.menu {
	width: 250px;
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}

.menu li {
	clear: both;
	margin: 0;
	padding: 0 0 1.8em 0;
	position: relative;
	border-bottom: dotted 2px #999;
}

.menu strong {
	background: #fff;
	padding: 0 10px 0 0;
	font-weight: normal;
	position: absolute;
	bottom: -.3em;
	left: 0;
}

.menu em {
	background: #fff;
	padding: 0 0 0 5px;
	position: absolute;
	bottom: -.2em;
	right: 0;
}

.menu sup {
	font-size: 60%;
	color: #666;
	margin-left: 3px;
}

.style4 li {
	padding: 0 0 2.3em 0;
	background: url(images/circle.gif) repeat-x left bottom;
	border: none;
}

.right { float: right; margin: 0 10px; }
.left { float: left; margin: 0 10px; }

/* -----------------------------------------------
                Footer Classes
----------------------------------------------- */

#footer {
            margin-top: 5px;
			width: 500px;
			border-top: 5px #780803 solid;
			text-align: right;
	        color: #7c7b7b;
}

#footer p {
	        margin: 5px 0 0 0;
}