body {
	text-align: center;
	margin: 0 0 0 0;
	background: #6399b5 url(images/BG.jpg) top right no-repeat fixed;
}

h1 {margin: 0px}

#container {
	text-align: left;
	margin: auto;
	width: 700px;
	background: url(images/bg.png) 50% 50% repeat;
	border-top: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
	padding-bottom: 25px;
	 height: 100%;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
}

html>body #container {
overflow: auto;
 height: auto;
 }




#head {
	position: relative;
	width: 700px;
	height: 50px;
	background: url(images/header.gif) no-repeat;

}



#head span{
		visibility: hidden;

}



#left {
float: left;
width: 45%; 
margin-left: 10px;

	

}

#right {
float: right;
text-align: center;
margin-right: 5px;
width: 45%; 
	


}

#top {
position: relative;
margin-left: 10px;
}

#menu {
	margin : 30px 0 0em  10px;
	text-align: center;
	padding: 2px;
	float: left;

}

#menu ul, #menu li	{
	float: left;
	list-style-type : none;
	height: 1%;
}	  

#menu a	{
	color : #000;
	font-weight : bold;
	margin : 0;
	text-decoration : none;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	border: 1px solid black;
	border-right: none;
	background: #fff;
	height: 1%;
}

#menu li.last a {border-right: 1px solid black;}

#menu li.active a {
	color: #fff; 
	background:  #666;  
	padding: 3px 5px 3px 5px;
}	

#menu li a:hover	{
	background: #ccc; 
	padding: 3px 5px 3px 5px;
}



#intro {width: 318px; padding: 15px 0 0 15px;}

.catering {
	background: #fff;
	border: 1px solid black;
	margin: 0 20px 20px 20px;
	padding: 20px;
}

#pics {position: relative; padding-right:5px;}

#nav {position: relative;  table-layout: auto; width: 318px; padding-top: 15px; border: 0; }
#nav td {font-size: 13px; text-align: center; vertical-align: middle;  padding: 0; border: 1px solid #000000; border-width: 1px 1px 1px 0;font-weight: bold;}
#nav td.first {border-left: 1px solid #000000;width: 57px; margin-left:30px;}
#nav td.last {width: 65px; margin-left:30px;}
#nav td.bottom {border: 0;}
#nav a {text-decoration: none; color: #581491;}
#nav a:hover {color: #581491; text-decoration: underline;}
#nav td.aboutus {border: 0px none #000000; text-align: left; padding: 10px 0 10px 0s; font-weight: normal; padding: 25px 0 25px 0; }
#nav td.aboutus span {border: 0px none #000000; text-align: left; padding-top: 10px;}
#nav td.xtra {border-left: 1px solid #000000; background-color: #FFFFFF; font-size: 10px; padding: 5px;}

#location1 {position:relative;   table-layout: fixed; width: 300px; margin-left: 15px; border: 0;}
#location1 td {font-size: 13px; text-align: left; vertical-align: middle;  padding: 2px; margin-left:30px;}
#location1 td.first {border: 1px solid #000000; border-width: 0px 0px 1px 0; padding-top: 25px;}
#location1 td.first span {color: #393c3e;}
#location1 td.au {padding-top: 20px; padding-left:35px;}
#location1 td.xtra {border: 1px solid #000000; background-color: #FFFFFF; font-size: 12px; padding: 5px;text-align: center; margin-top: 25px;}

#location2 {position: relative;   table-layout: fixed; width: 300px; padding: 0; border: 0; margin-right: 15px;}
#location2 td {font-size: 13px; text-align: left; vertical-align: middle;  padding: 2px; padding-top: 25px;}
#location2 td.first {border: 1px solid #000000; border-width: 0px 0px 1px 0; padding-top: 25px;}
#location2 td.first span {color: #393c3e;}
#location2 td.image {padding-top: 25px;}


#pics2 {position: relative; margin-top:25px; text-align: right;}
#pics3 {position: relative; margin: -25px 40px 0 0 ;}
#pics4 {position: relative; margin: -2px 10px 0 0 ;}

table.cmenu {
	border: 1px solid #000000;
	font-size: 12px; 
	color: #013064;
	margin: 15px 0 0 25px;
	background-color: #FFFFFF;

	width: 650px;
	
}

table.cmenu td {
	padding: 10px;



}
html>body .cmenu{
float: left;
 }

.reserve {background: #fff; font-weight: bold; margin: 10px 0 15px 0; border: 1px solid #000000; text-align: center;}
.reserve a {padding: 0px; text-decoration: none;}



.clear {clear: both; height: auto; _height: 1%;}