body {
	/*height:100%;*/
background-color:#000033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px 0 0;
	padding:0;
	border:0;
}



* {
margin:0;
padding:0;
}

html,* html #wrap {
/*height:600px;*/
}

#wrap {
	position:relative;
	width:840px;
	background-color:#000033;
	margin:0 auto;



}

#inner-wrap {
	padding-bottom:23px;
	float:left;
	clear:both;
	width:840px;
	background-color:#000033; /*  background-position: top centre; background-repeat:no-repeat;*/


}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

* html #inner-wrap {
/*height:600px;*/
}

#header {
	height:150px;
	width:840px;
	margin-left:-2px;
	background-image: url(graphics/banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer {
	float:left;
	height:20px;
	/*padding-top:62px;*/
/*background:url(graphics/footer.gif) top left no-repeat;*/
/*border:1px solid #ffffff;*/
width:800px;
	text-align:center;
	padding-right:9px;
/*margin:2px 0 0 5px;*/
}

#footer a {
	font-size:10px;
	color:#FFFFFF;
}

#left {
	float:left;
	width:527px;
	text-align:left;
	color: #FFFFFF;
	line-height: 163%;
	height: 360px;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#home_right {
	width: 272px;
	float: left;
	margin-left: 10px;
	height: 360px;
	color: #CCCCCC;
}


#right {
	width:252px;
	text-align:left;
	position:absolute;
	top:2px;
	left:536px;
	padding:5px;
	height:619px;
}

/* Typeography */
div {
font-size:10px;
}



h1 {
font-size:12px;
color: #fff;
font-weight:700;
}

h3 {
	font-size:11px;
}

li {
	color: #66FFFF;
}
li span {
	color: #0033FF;
}

a:link {
	color: #66FFFF;
} a:visited {
	color: #0033FF;
} a:hover {
	color: #6666FF;
} a:active {
	color: #66FFFF;
}

/* end of Typeography 
 
start of main top navigation*/
#navigation {
float:left;
width:802px;
height:34px;
margin-top:1px;
margin-left:-2px;
/*margin-bottom:5px;*/
background: url(graphics/navigation.gif) left top repeat-x;
/*border-bottom:#999 dotted thin; 
border-toP:#999 dotted thin; */
}

#subheader1 {
height:26px;
background: url(graphics/box1_bg1.gif) left top repeat-x;
display:block;
color:#ffffff;
padding-top:3px;
padding-left:10px;
margin-top:10px;
}

#subheader2 {
height:26px;
background-image: url(graphics/box3_bg1.gif);
display:block;
color:#ffffff;
padding-top:3px;
padding-left:10px;
margin-top:10px;
}

#subheader3 {
height:26px;
background: url(graphics/box4_bg1.gif) left top no-repeat;
display:block;
color:#ffffff;
padding-top:3px;
padding-left:10px;
margin-top:10px;
}

#addressinfo {
	height:180px;
	width:180px;
	padding-left:5px;
	color:#FFFFFF;
	position: absolute;
	top: 18px;
	left: 550px;
}
#restaurant_openTimes {
	height: 300px;
	width: 320px;
	font-weight: bold;
	color: #FFFFFF;
}
#bar_openingTimes {
	height: 300px;
	width: 300px;
	margin-left: 320px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;
}


#directions {
height:65px;
margin-bottom:0px;

/*background: url(graphics/box4.gif) left top no-repeat;*/
}

p,div {
font-family:Verdana,tahoma,helvetica,arial;
font-size:12px;
line-height:150%;
}

ul {
margin-left:22px;
}

.footerlink {
	color:#66FFFF;
	font-family:arial;
	font-size:10px;
	font-variant:normal;
	font-weight:700;
	text-decoration:none;
}

:hover.footerlink {
	color:#66FFFF;
}

.poweredbylink {
color:#000;
font-family:arial;
font-size:10px;
font-variant:normal;
font-weight:700;
text-decoration:none;
}

:hover.poweredbylink {
	color:#66FFFF;
}

/*view.asp basic css */
#dstop {
height:22px;
font-weight:bolder;
}

#bottom {
height:22px;
font-weight:bolder;
}

.dslink {
color:#000;
font-size:10px;
}

.dslink:hover {
color:#fff;
font-size:10px;
}

/*view.asp button*/
#viewadditional {
margin:10px 0 0 3px;
}

#dsenlarge a{
	display:block;
	width:268px;
	height:20px;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #535353;
	margin-bottom:1px;
}

#dsenlarge a:hover {
	background-color:#999999;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	border:1px solid #535353;
}

.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

#findus {
display:block;
width:278px;
height:240px;
margin-top:5px;
padding:5px 5px 5px 10px;
color:#000000;
background-color:#f3f3f3;
}

#findus span {
	color:#CCCCCC;
}


.currentday {
	color:#99CCFF;
	background-color: #0066FF;
}

.day {
color:#000000;
}

#menu1 {
	visibility:hidden;
	z-index:400;
	width:100px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	position:absolute;
	top:196px;
	left:271px;
	

}

#menu1 #tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: block;
	list-style:none;


	} 

#menu1 #tabs ul li {
list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	display:block;
	padding-left:0px;
	}
	
#menu1 a {
	color:#000033;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	width:100px;
	height:30px;
	background-color:#333333;
	display:block;
	padding-left:0px;
	filter:alpha(opacity=100);
	opacity: 0.8;
	-moz-opacity:0.8;
	}
	
#menu1 a:hover {
	color:#000;
	background-color: #666666;
	}

#home { /*home page fix*/
	position:relative;
	height:600px;
	}
	
#txtPostcodeA {
	float:left;
	width:50px;
	height:20px;
	margin-left:0px;
	margin-top:5px;
	background-color:#999999;
}

#txtPostcodeB {
	float:left;
	width:50px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	background-color:#999999;
}

#btnShowDirections {
	float:left;
	margin-left:8px;
	margin-top:4px;
}

#mid-enq {
	width:515px;
	height:400px;
	padding-left:5px;
	margin-left:auto;
	margin-right:auto;

}
#mid-enq label {
	width:60px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12.5px;
	color:#FFF;
}
#mid-enq input {
	margin-bottom:4px;
	margin-top:4px;
	width:400px;
	height: auto;
	float:left;
	
}

#mid-enq input img {
	width:50px;
}

#mid-enq textarea {
	width:400px;
	height:250px;
	font:  Arial, Helvetica, sans-serif;
	
}