* {
	margin:0;
	padding:0;
}

html {
	height:100%
}

body {
   margin:0;
   padding:0;
   height:100%;
}

#footer {
   display: block;
        position:fixed;
        bottom:0;
        left: 0;
        z-index:10;
   width:100%;
   height:120px;   /* Height of the footer */
   background:url("images/ftr.png") no-repeat center bottom;
   }
 
#wrapper {  /*wrapper for ALL the content, 100% so it can never be smaller than the browser window*/
	min-height:100%;
	position:relative;
   	background:url("images/bgrepeat.jpg") repeat-y center bottom;
}


#container {
margin: auto;
padding: 0;
text-align: center;
width: 980px;
padding-bottom:120px;

}

a:link {
		color: #00F;
		text-decoration:none;
}
a:visited {
		color: #8000FF;
		text-decoration:none
}
a:hover {
		color: #FF0080;
		text-decoration:none;
}

.home {
	font-family:"Courier New", Courier, monospace;
	font-size:17px;
	font-weight:bold;
	color: #2F0D00;
}

.main {
	
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #606060;
	text-align:left;
	}
	
	.cateringmain {
	
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000000;
	text-align:left;
	
	}
	.cateringtitle {
	
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight: 600;
	color: #F00;
	text-align:left;
	}
	
	#cateringmenu	
	{float:left; 
	width:243px; 
	background-image:url(images/trans.jpg); 
	margin:10px; 
	padding-left:30px;}
	
	.main2 {
	
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	font-weight:bold;
	color: #A7A7A7;
		}
	
	.subtitle {
		font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #F00;
	text-align:left;}
	
	.subtitle2 {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bolder;
	color: #000;
	text-align:left;
	}
	
	.title {
		font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight:bold;
	color: #F00;
	text-align:center;}

#box {
	width:880px;
	padding-left:50px;
	padding-right:50px;
	padding-top:50px;
}



.m1
{width:571px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	}
	
	
	.m1-1
{width:660px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	}

.m2
{width:50px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:left;
	margin-top:5px;
}
.m3 
{ 
border-bottom: 3px dotted  #969696; 
width: 600px;
clear:both;
height:10px;
} 

#food1col {
	width:800px;
	float:left;
}

.food {
	float:left;
	width:631px;
	padding:20px;
	margin-right:30px;
	background-image:url(images/trans.jpg);
}

.valuefood {
	float:left;
	width:731px;
	padding:20px;
	margin-right:30px;
	background-image:url(images/trans.jpg);
}
#food2col {
		width:980px;
		padding-top:40px;
}

.col
{float:left;
width:330px;
padding:20px;
margin-right:30px;
background-image:url(images/trans.jpg);
}

.colm1
{width:274px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:left;
	margin-top:5px;
	margin-left:3px;
	
	}

.colm2
{width:50px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:right;
	margin-top:5px;
	
}
.colm3 
{ 
border-bottom: 3px dotted  #969696; 
width: 280px;
clear:both;
height:3px;
} 

.colm1-3
{width:214px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:left;
	margin-top:5px;
	margin-left:3px;
	
	}

.colm2-3
{width:55px;
float:left;
font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-align:right;
	margin-top:5px;
	
}

#boxw {

	width: 980px;
	height:280px;
	padding-top:0px ;

			
}




/* top menu image map */
#gmap {display:block; width:980px; height:200px; background:url(images/header.png); position:relative; margin:0 auto;}
#gmap a {color:#c81b99; font-family:arial, sans-serif; font-size:0.8em; font-weight:bold; text-transform:uppercase;}

a#topmenu, a#topmenu:visited {
	display:block;
	width:980px;
	height:0px;
	padding-top:0px;
	position:absolute;
	left:0px;
	top:0px;
	cursor:default;
	text-decoration:none;
}
* html a#topmenu {height:980px; he\ight:200px;}
#gmap a#topmenu:hover {background:transparent url(images/header.png) no-repeat 0 0; overflow:visible; color:#c00;}




a#menu {display:block; width:255px; height:67px; padding-top:0px; overflow:hidden; position:absolute; left:119px; top:55px;}
* html a#menu {height:55px; he\ight:0;}
a#menu:hover {background:transparent url(images/menu-link.png) no-repeat 0 0; overflow:visible;}

a#home {display:block; width:366px; height:84px; padding-top:0px; overflow:hidden; position:absolute; left:74px; top:0px;}
* html a#home {height:120px; he\ight:0;}
a#home:hover {background:transparent url(images/home-link.png) no-repeat 0 0; overflow:visible;}


a#about {display:block; width:274px; height:92px; padding-top:55px; overflow:hidden; position:absolute; left:135px; top:107px;}
* html a#about {height:55px; he\ight:0;}
a#about:hover {background:transparent url(images/about-link.png) no-repeat 0 0; overflow:visible;}

a#news {display:block; width:467px; height:83px; padding-top:0px; overflow:hidden; position:absolute; left:513px; top:0px;}
* html a#news {height:55px; he\ight:0;}
a#news:hover {background:transparent url(images/news-link.png) no-repeat 0 0; overflow:visible;}

a#catering {display:block; width:366px; height:84px; padding-top:0px; overflow:hidden; position:absolute; left:603px; top:60px;}
* html a#catering {height:120px; he\ight:0;}
a#catering:hover {background:transparent url(images/catering-link.png) no-repeat 0 0; overflow:visible;}


a#contact {display:block; width:274px; height:92px; padding-top:55px; overflow:hidden; position:absolute; left:585px; top:112px;}
* html a#contact {height:55px; he\ight:0;}
a#contact:hover {background:transparent url(images/contact-link.png) no-repeat 0 0; overflow:visible;}

/* menus boxes */
#menuscontainer {

width:880px;
height: 179px;
float: left;

}

#menus {
 width: 880px;
 height: 176px;
 background: url('images/menus.jpg');
 margin: 0 auto; 
 padding: 0;
 position: relative;
}
#menus li {margin: 0; padding: 0; list-style: none; display: block; position:absolute;}

#menus a {display: block;}

#menus1 {left: 0px; top: 0px; width: 144px; height: 179px;}
#menus2 {left: 146px; top: 0px; width: 146px; height: 179px;}
#menus3 {left: 292px; top: 0px; width: 146px; height: 179px;}
#menus4 {left: 438px; top: 0px; width: 146px; height: 179px;}
#menus5 {left: 584px; top: 0px; width: 146px; height: 179px;}
#menus6 {left: 730px; top: 0px; width: 146px; height: 179px;}


#menus1 a {height:179px;}
#menus2 a {height:179px;}
#menus3 a {height:179px;}
#menus4 a {height:179px;}
#menus5 a {height:179px;}
#menus6 a {height:179px;}


#menus1 a:hover {background: url('images/menus.jpg') 0px -179px no-repeat;}
#menus2 a:hover {background: url('images/menus.jpg') -146px -179px no-repeat;}
#menus3 a:hover {background: url('images/menus.jpg') -292px -179px no-repeat;}
#menus4 a:hover {background: url('images/menus.jpg') -438px -179px no-repeat;}
#menus5 a:hover {background: url('images/menus.jpg') -584px -179px no-repeat;}
#menus6 a:hover {background: url('images/menus.jpg') -730px -179px no-repeat;}

/* sidebar */
#sidebarcontainer {

width:179px;
height: 880px;
float: left;

}

#sidebar {
 width: 179px;
 height: 880px;
 background: url('images/sidebar.jpg');
 margin: 0 auto; 
 padding: 0;
 position: relative;
}
#sidebar li {margin: 0; padding: 0; list-style: none; display: block; position:absolute;}

#sidebar a {display: block;}

#sidebar1 {left: 0px; top:   0px; width: 179px; height: 146px;}
#sidebar2 {left: 0px; top: 148px; width: 179px; height: 146px;}
#sidebar3 {left: 0px; top: 292px; width: 179px; height: 146px;}
#sidebar4 {left: 0px; top: 438px; width: 179px; height: 146px;}
#sidebar5 {left: 0px; top: 584px; width: 179px; height: 146px;}
#sidebar6 {left: 0px; top: 730px; width: 179px; height: 146px;}


#sidebar1 a {height:146px;}
#sidebar2 a {height:146px;}
#sidebar3 a {height:146px;}
#sidebar4 a {height:146px;}
#sidebar5 a {height:146px;}
#sidebar6 a {height:146px;}


#sidebar1 a:hover {background: url('images/sidebar.jpg') -179px    0px no-repeat;}
#sidebar2 a:hover {background: url('images/sidebar.jpg') -179px -148px no-repeat;}
#sidebar3 a:hover {background: url('images/sidebar.jpg') -179px -292px no-repeat;}
#sidebar4 a:hover {background: url('images/sidebar.jpg') -179px -438px no-repeat;}
#sidebar5 a:hover {background: url('images/sidebar.jpg') -179px -584px no-repeat;}
#sidebar6 a:hover {background: url('images/sidebar.jpg') -179px -730px no-repeat;}