html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: "arial", "tahoma", "verdana";
 font-size: 12px;
 color: #3d3d3d;
 line-height: 110%;
 background-color: #7C0A03;
} 



a:link, a:visited  {
  	color: #3d3d3d;
	text-decoration: underline;
	padding-bottom: 2px;
}

a:hover {
	text-decoration: none;
	color: #c5161d;
}

img {
	border:0;
}
#container{ 
 width:900px; 
 overflow: hidden; /*clearing floats in FF*/
 margin-left:auto; 
 margin-right:auto;  
 text-align: left;
 background-color:#FFFFFF;
}





/*OPENING PAGE*/
#bg_opening{ 
 width:900px; 
 overflow: hidden; /*clearing floats in FF*/
 height: 578px;
 background: #f9efcb url(../images/bg_opening.jpg) no-repeat;
 text-align: left;
}

#logo1 {/*logo opening*/
 text-align: center;
 margin: 40px 0 30px 0;
}

#opening_col {
float: left;
text-align: center;
width: 420px;
margin-left: 20px;
font-size: x-small;
}

#opening_col img{
border: none;
}
/*END OPENING PAGE*/

/*MAIN MENU*/
#bg_menu{ 
 width:900px; 
 overflow: hidden; /*clearing floats in FF*/
 height: 170px;
 background: transparent url(../images/bg_menu.jpg) no-repeat;
 text-align: left;
}

#bg_menu_2{ 
 width:900px; 
 overflow: hidden; /*clearing floats in FF*/
 height: 170px;
 background: transparent url(../images/bg_menu_white.jpg) no-repeat;
 text-align: left;
}


#menugroup {
margin: 75px 0 0 0;
}

#menuhome {float: left;width: 151px;}
#menumenu {float: left;width: 120px;}
#menupaket {float: left;width: 121px;}
#menudelivery {float: left;width: 121px;}
#menufasilitas {float: left;width: 120px;}
#menuevent {float: left;width: 121px;}
#menucontact {float: left;width: 146px;}
/*END MAIN MENU*/


#logo2 {/*logo content*/
 position: absolute;
 z-index: 1;
 margin: 15px 0 0 20px;
}

#content{ 
 width:840px; 
 overflow: hidden; /*clearing floats in FF*/
 margin-left:auto; 
 margin-right:auto;  
 text-align: left;
 margin-bottom: 10px;
}

/*CONTENT HOME*/
	#content #col1{ 
	 width:545px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: left;
	}

			#promo_ttl{ 
			 width:100%; 
			 overflow: hidden; /*clearing floats in FF*/
			 background-color: #c5161d;
			 color: #ffffff;
			 padding: 3px 0 1px 10px;
			 text-align: left;
			 margin-top: 10px;
			}

			#promo_box{ 
			 overflow: hidden; /*clearing floats in FF*/
			 background: #ffffff url(../images/bg_event.gif) repeat-x bottom left;
			 color: #000000;
			 font-size: 10px;
			 text-align: left;
			 margin-bottom: 10px;
			 /*border: 1px solid #c9151e;*/
			}

			#promo_cols{ 
			 width:240px; 
			 overflow: hidden; /*clearing floats in FF*/
			 float: left;
			 text-align: left;
			 padding: 10px;
			}

				#promo_cols img{ 
				 float: left;
				 border: 1px solid #c9151e;
				 margin: 0 5px 0 0;
				}

			#promo_cols .judul{ 
			 text-align: left;
			 font-weight: bold;
			 color: #c5161d;
			}

			#promo_cols .readmore{ 
			 width:100%; 
			 text-align: right;
			 padding: 10px 0 0 0;
			}

	#content #col2{ 
	 width:271px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: right;
	 text-align: center;
	}

			.pilihanmenu{ 
			 text-align: center;
			 text-transform: uppercase;
			 color: #c5161d;
			 font-size: 10px;
			 margin: 10px 0 0 0;
			}

			#foodmenu_box{ 
			 overflow: hidden; /*clearing floats in FF*/
			 background: #d79f52 url(../images/bg_foodmenu.gif) repeat-x top left;
			 color: #000000;
			 font-size: xx-small;
			 text-align: left;
			 margin-bottom: 10px;
			}

			#foodmenu_box_red{ /*untuk bumbu*/
			 overflow: hidden; /*clearing floats in FF*/
			 background: #a10c10 url(../images/bg_bumbu.gif) repeat-x top left;
			 color: #ffffff;
			 font-size: xx-small;
			 text-align: left;
			 margin-bottom: 10px;
			}

			#foodmenu_cols{ 
			 width:110px; 
			 overflow: hidden; /*clearing floats in FF*/
			 float: left;
			 text-align: center;
			 padding: 12px;
			}

			#foodmenu_cols .judul{ 
			 text-align: center;
			 font-weight: bold;
			 font-size: x-small;
			 color: #000000;
			}

			#foodmenu_cols2{ /*untuk bumbu*/
			 width:65px; 
			 overflow: hidden; /*clearing floats in FF*/
			 float: left;
			 text-align: center;
			 padding: 12px 12px 5px 12px;
			}

			#foodmenu_cols2 .judul{ /*untuk bumbu*/
			 text-align: center;
			 font-weight: bold;
			 font-size: x-small;
			 color: #ffffff;
			}

			#foodmenu_box .readmore,#foodmenu_box_red .readmore{ 
			 clear: both;
			 text-align: right;
			 padding: 10px;
			 font-size: 10px;
			}


			#foodmenu_box_red .readmore a, #foodmenu_box_red .readmore a:visited{ 
			 color: #ffffff;
			}

			#foodmenu_box_red .readmore a:hover{ 
			 color: #ffffff;
			}

/*END CONTENT HOME*/

/*CONTENT BUMBU ABOUT*/
	#content #col1_bumbu_about{ 
	 width:400px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: left;
	}

	#content #col2_bumbu_about{ 
	 width:430px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: right;
	 text-align: justify;
	 line-height: 120%;
	}

		#content #col2_bumbu_about h2{ 
		 font-size: 14px;
		 color: #a10c10;
		}

/*CONTENT BUMBU DISTRIBUTION*/
	#content #col1_bumbu_distribution{ 
	 width:410px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: left;
	}

	#content #col2_bumbu_distribution{ 
	 width:410px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: right;
	 text-align: justify;
	 line-height: 120%;
	}

		#content #col1_bumbu_distribution h2, #content #col2_bumbu_distribution h2{ 
		 font-size: 14px;
		 color: #ffffff;
		 background-color: #a10c10;
		 padding: 5px;
		}

/*CONTENT MAKANAN MINUMAN*/

	#path{
	 overflow: hidden; /*clearing floats in FF*/
	 margin-left:auto; 
	 margin-right:auto;  
	 background-color: #edcf87;
	 color: #c5161d;
	 font-size:100%;
	 padding: 5px 0 5px 10px;
	 text-align: left;
	 margin: 0 0 10px 0;
	}

	#content #menucol1{ 
	 width:415px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: left;
	 margin: 0 0 10px 0;
	}

	#content #menucol2{ 
	 width:415px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: right;
	 margin: 0 0 10px 0;
	}

	#content #menucol1, #content #menucol2{ 
	 background: #c5161d url(../images/logobg.gif) no-repeat bottom right;
	 color: #ffffff;
	}
	
	img.ils{
	 float: left;
	 margin: 0;
	}

	#content #menucol1 .menu,#content #menucol2 .menu {
	width: 130px;
	float: right;
	}

	#content #menucol1 ul,#content #menucol2 ul{
	list-style: square;
	padding: 0 15px;
	margin:10px 0;
	}

	#content #menucol1 li, #content #menucol2 li{
	margin:2px 0;
	padding:1px 0;
	font-size:110%;
	}

	#menucol1 a, #menucol2 a{
	color: #ffffff;
	text-decoration: none;
	}

	#menucol1 a:visited, #menucol2 a:visited{
	color: #ffffff;
	text-decoration: none;
	}

	#menucol1 a:hover, #menucol2 a:hover{
	color: #edcf87;
	text-decoration: underline;
	}

/*END CONTENT MAKANAN MINUMAN*/

/*CONTENT MENU LIST*/

	#content #menulist{ 
	 width:410px; 
	 overflow: hidden; /*clearing floats in FF*/
	 float: left;
	 margin: 0 5px 10px 5px;
	}

	img.tmb {
	float: left;
	margin: 0 10px 0 0;
	/*border: 1px solid #c9151e;*/
	}

	#content #menulist .images {
		width: 150px;
		float: right;	
				
	}
	
	#content #menulist .ttl_menulist { 
	 margin: 0 0 0px 0;
	 overflow: hidden;
	}
	
	#content #menulist .ttl_menulist .title, #content #menulist a { 
	 font-size: 120%;
	 font-weight: bold;
	}	
	
	#content #menulist a {
	 text-decoration: none;
	}
	
		#content #menulist .ttl_menulist_red{ /*Untuk bumbu*/
		 font-size: 120%;
		 font-weight: bold;
		 margin: 0 0 5px 0;
		 color: #a10c10;
		}

	#content #menulist .quote_menulist{ 
	 margin: 5px 0;
	 font-style: italic;
	 font-size: 120%;
	 font-family: "georgia", "times", "garamond";
	}
	
	#content #paketlist {
	 margin: 0;
	 text-align:justify;
	} 
	
	#content #paketlist .ttl_menulist .title {
	 font-size: 120%;
	 font-weight: bold;
	}
	#content .new_line {
		 overflow: hidden; /*clearing floats in FF*/
	 clear: both;
	}
/*END CONTENT MENU LIST*/

#footer{ 
 width:890px; 
 overflow: hidden; /*clearing floats in FF*/
 margin-left:auto; 
 margin-right:auto;  
 background-color: #c5161d;
 color: #ffffff;
 font-size: x-small;
 padding: 3px 0 3px 10px;
 text-align: left;
}