body {
    font-family: sans-serif, helvetica, arial,tahoma;
    font-size: 11px;
    text-align: center;
    color: #666666;
	overflow: -moz-scrollbars-vertical;
}

html, body, #wrapper, h1, #nav, #nav li {
    margin: 0;
    padding: 0;
    list-style: none; 
}

th, td {
    font-size: 11px;
	vertical-align:top;
	margin: 1px 0px 0px 8px;
}

.withBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.withTopBottomBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;

}

img { border: 0; }

ul{ margin-top:0; margin-bottom:2; list-style-type:disc; list-style-position:outside;}
li { list-style-image: url(../images/arrowOrangeDot.gif); margin:0 0 0 -20px;margin-bottom:2;}
li.orange { list-style-image: url(../images/arrowOrangeDot.gif); margin:0px 0px 5px -20px;}
li.black { list-style-image: url(../images/arrowBlack.gif); margin:0px 0px 0px -20px;}

#wrapper {
    margin: auto;
    text-align: left;
    width: 750px;
    position: relative;
}

h1, h2, h3 {
    font-size: 12px;
}


h1 {
    margin: 0;
    padding: 0;
}

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

h3 {
    margin: 2px 0 0 0;
    padding: 0 0 0 0;
}

h4 {
	margin: 0 0 0 0;
    padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
h5 {
	margin: 0px 0px 3px 5px;
    padding: 0px 0px 3px 5px;
	font-size: 12px;
	font-weight: bold;
	color:#003300;
}

h6 {
	margin: 8px 0px 2px 0px;
    padding: 8px 0px 2px 0px;
	font-size: 1.1em;
	font-weight: bold;
	color:#FF9966;

}

p {
    margin: 1em 0;
    padding: 0;
}

.block {
    display: block;
}

.clear {
    clear: both;
    height: 1px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1px;
    line-height: 1px;
}

* html .clear {
    margin-top: -5px;
    margin-bottom: -4px;
}

.left {
    float: left;
    margin: 1px 8px 0px 10px;
}

.right {
    float: right;
    margin: 1px 0px 0px 8px;
}

.softright {
    text-align: right;
}

.readmore {
	text-align: right;
    padding-right: 1em;
}

/* ***** */

body {
    background: #EAEAEA;
}

#wrapper {
    width: 698px;
    background: #fff;
    border: 1px solid #fff;
}

* html #wrapper {
    width: 700px;
    w\idth: 698px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

h1 {
    padding: 2px 0px
}

a {
    text-decoration: none;
    font-weight: bold;
    color:#00813F;
	
}

a.black	{ color: #666666; font-weight: normal; }
a:hover.black{text-decoration:none; color:#000000;}
a:hover { text-decoration:underline; }



/* nav */

* html .clear {
    margin-top: 0;
    margin-bottom: 0;
}

#nav li {
	float:left;
    list-style: none;
    width: 138px;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid white;
    text-align: center;	
}

#nav li.first {
    padding-left: 2px;
	width: 138px;
    border-left: none;
}

#nav a {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #00813F;
    padding: 2px 0;
    width: 100%;
}

#nav a:hover {
    background: #89DC87;
	color:#111111;
}

/* Introduction Background */

#intro_bg {
    
    width: 600px;
    float: left;
	margin: 0 0 0 20px;
}

#intro_bg .p {
    padding: 8px 7px;
    margin-left: 207px;
    border-bottom: 1px solid white;
}

* html #intro_bg .p {
    padding-bottom: 6px;
}

/* right */

#right {
    width: 200px;
    float: left;
}

#right .right {
    margin-left: 3px;
}

#right #products {
    float: left;
    width: 337px;
}

#right #products div {
    border-top: 1px solid #bdbdbd;
    padding: 5px 0px 5px 5px;
}

#right #products #item-one {
    border-top: none;
	 padding: 5px 10px 5px 10px;
	 margin: 5px 10px 5px 10px;
	border: 1px solid #CCCCCC;
}

#right #products h2 {
    clear: both;
	color:#006633;
}

#news {
    float: right;
    width: 165px;
    margin: 10px 0 0 0;
    display: inline;
}

#right #news h2 {
    margin-bottom: 0.5em;
}

#right #news h3 {
    margin-bottom: -0.2em;
}

/* About Us */

#aboutus {
    width: 440px;
}

#aboutus div {
    padding: 6px 3px 0px 18px;
}

/* Contact Us */

#contactus {
    width: 210px;
}

#contactus div {
    padding: 0px;
}
/* footer */

#footer {
    color: #fff;
    background: #00813F;
    text-align: center;
    padding: 8px 0;
}

#footer a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover {
    color: #333333;
}

/* form text style */

.tableBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	text-align: left;
	padding: 0 0 0 10px;
}
.formtext {font-family: Tahoma; font-size: 12px; color: black;} 

.product {
	width: 140px;
	height: 200px;
	padding: 5px 0 0 0;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

.product_detailed {
	width: 640px;
	height: 120px;
	padding:  5px 5px 0px 0px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
	margin: 0 0 0 0;
}

.product_list {
	width: 640px;
	height: 200px;
	padding:  5px 5px 5px 10px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
	margin: 0 0 0 0;
}

.MenuBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	min-width:170px;
	background-color:#ffffff;
	padding: 1px 1px;
}
.TopLine {
	border-top: 1px solid #bdbdbd;
}

/*New Product Background*/
#news_bg{
	width:600px;
    float: left;
	margin: 0 0 0 20px;
}

.news_product{
	width: 200px;
	height: 300px;
	padding: 5px 5px 5px 15px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

/* for mouse over pict pop */
.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
color:#666666;
font-weight:normal;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
color:#666666;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
left: -1000px;
border-top: 1px solid #bdbdbd;
border-bottom: 2px groove #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 2px groove #bdbdbd;
visibility: hidden;
text-decoration: none;
color:#666666;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*News Page*/
.product_news {
	width: 600px;
	padding: 5px 0 0 0;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

.id_LUNCHDINNER			{background: url(../images/menu_lunchDinner.jpg) no-repeat right bottom;}
.id_PACKEDMEALS			{background: url(../images/menu_packedMeals.jpg) no-repeat right bottom;}
.id_BOARDROOM			{background: url(../images/menu_boardroom.jpg) no-repeat right bottom;}
.id_SEMINAR				{background: url(../images/menu_seminar.jpg) no-repeat right bottom;}
.id_TEARECEPT			{background: url(../images/menu_teaReception.jpg) no-repeat right bottom;}
.id_COCKTAIL			{background: url(../images/menu_cocktail.jpg) no-repeat right bottom;}
.id_WEDDINGS			{background: url(../images/menu_weddings.jpg) no-repeat right bottom;}
.id_CHILDREN			{background: url(../images/menu_children.jpg) no-repeat right bottom;}
.id_BBQ					{background: url(../images/menu_bbq.jpg) no-repeat right bottom;}