/* CSS Document */


/* Global
------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address,img{
	margin:0;
	padding:0;
	}

h1{
	color:#831418;
	font-size:16px;
	font-weight:bold;
}

h2{
	font-size:12px;
}


body{
	margin: 0 0 0 0;
	font:normal 8pt "Arial";
	Color: #494949;
	line-height: 1.6em;
	background:url(../i/bg-splash.gif) center top repeat-x #9a0103;
}


a:link {text-decoration:none; font-weight:bold; color:#d81e29;}	
a:visited {text-decoration:none; font-weight:bold; color:#d81e29;}	
a:hover {text-decoration: underline; color:#F90;}


#container {
	width:998px;
	position: relative;
	margin: 0px auto;
}

img {
	border:0px;
}
	
.layer {position:absolute;
		width:100%;
}


#nav2{
	float:left;
	margin:1px 0 0 0;
}


/*ph-index
------------------------------------ */


.bg_bottom{
	background:url(../i/ph_bg_bottom.jpg) left bottom no-repeat;
	padding-bottom:20px;

}
#ph_box{
	position: relative;
	float:left;
	width:998px;
	height:52px;
	background:url(../i/other_01.gif) no-repeat;
}
#ph_box1{
	position: relative;
	float:left;
	width:998px;
	background:url(../i/other_02.jpg);
}
#ph_box2{
	position: relative;
	float:left;
	width:998px;
	padding-top:80px;
	background:url(../i/other_03.jpg) no-repeat;
}

#copyright{
	float:left;
	width:998px;
}

#copyright1{
	float:left;
	width:300px;
	padding:10px 10px 20px 100px;
}

#copyright2{
	color:#CCC;
	float:right;
	width:500px;
	padding:20px 10px 20px 10px;
	font-family: Arial;
}

#ph_left{
	float:left;
	width:920px;
	padding:30px 35px 30px 35px;
}

#ph_right{
	float:right;
	width:160px;
	padding:20px 80px 20px 10px;
}

#ph_title{
	color:#ed4525;
	float:left;
	width:880px;
	height:70px;
	background:url(../i/bg-splash1.gif);
	padding:8px 20px 20px 20px;
	opacity:1;
	font-size:12px;
}

#ph_logo{
	float:left;
	width:100px;
	margin:20px 20px 1px 20px;
	opacity:1;
}

#ph_logo2{
	float:left;
	width:206px;
	margin:20px 20px auto 120px;
}

#ph_order{
	float:right;
	width:154px;
	margin:90px 30px 10px auto;
}

#ph_phoneno{
	float:right;
	width:240px;
	margin:auto 95px auto auto;
	background:url(../i/ph_phoneno.gif);
}

#ph_tab{
	color:#eeeeee;
	float:right;
	width:290px;
	margin:10px 68px auto auto;
}

#ph_scroll{
	color:#eeeeee;
	float:left;
	width:803px;
	margin:6px 0px 44px 95px;
}

.form{
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:10px;
}

#ph_flash1{
	float:left;
	width:560px;
	margin:0px auto 10px 27px;
}

#ph_height{
	float:left;
	width:1px;
	
}

#bg_top{
	position: relative;
	float:left;
	width:998px;
	}

#ph_container{
	float:left;
	width:998px;
	background:url(../i/ph_bg_mid.jpg) opacity:0.4;filter:alpha(opacity=40);
}

#ph_bottom{
	float:left;
	width:998px;
	background:url(../i/ph_bg_bottom.jpg);
}

#ph-tagline{
	float:left;
	width:538px;
	text-align:right;
}

#ph_flash{
	float:left;
	padding:58px 0 0 0;
}
#ph_float{
	position:absolute;
	padding:0;
	left:0;
	top:0;
	z-Index:500000;
}

#ph_inner_banner{
	float:left;
	padding:58px 0 0 0;
}


#ph_family{
	float:left;
	width:170px;
	margin:19px 14px 0 0;
}
#ph_family_bg{
	background-color:#fff;
}


#ph_family_bg h3{
	background:url(../i/index_family_bg.gif) left top no-repeat;
	padding:15px 14px 5px 14px;
	font:normal 8pt "Arial";
}


#ph_teen{
	float:left;
	width:170px;
	margin:19px 14px 0 0;
}

#ph_teen_bg{
	background-color:#fff;
}


#ph_teen_bg h3{
	background:url(../i/index_teen_bg.gif) left top no-repeat;
	padding:15px 14px 5px 14px;
	font:normal 8pt "Arial";
}




#ph_kid{
	float:left;
	width:170px;
	margin:19px 0 0 0;
}
#ph_kid_bg{
	background-color:#ffffff;
}


#ph_kid_bg h3{
	background:url(../i/index_kid_bg.gif) left top no-repeat;
	padding:15px 14px 5px 14px;
	font:normal 8pt "Arial";
}




/*tables
------------------------------------ */
.t_agenda{
	margin:1px 0 0 0;
}

.td_title0{
	background:#ef1c21;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.td_title{
	background:#ef1c21;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	FONT-SIZE: 10pt;
}
.td_title0-pink{
	background:#fa4895;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.td_title-pink{
	background:#fa4895;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
}

.td_title0-yel{
	background:#ff7800;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.td_title-yel{
	background:#ff7800;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
}

.td_title0-green{
	background:#187716;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.td_title-green{
	background:#187716;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
}

.td_title0-blue{
	background:#00b8fc;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.td_title-blue{
	background:#00b8fc;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
}

.td_title0-purple{
	background:#bd1b8d;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.td_title-purple{
	background:#bd1b8d;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
}
.td_title-brown{
	background:#6b5536;
	padding:4px 0 4px 10px;
	color:#fff;
	font-weight:bold;
}
.td_title2{
	background:#d1d1d1;
	padding:4px 0 4px 10px;
	color:#000;
	font-weight:bold;
	
}
.td1{
	border-bottom:4px solid #e0e0e0;
	padding:4px 0 7px 10px;
}


.td2{
	border-bottom:1px solid #d1d1d1;
	border-left:4px solid #d1d1d1;
	padding:4px 0 7px 10px;
	background:#ffffff;
	vertical-align:top;
	padding:4px 0 4px 10px;
	color:#000;
}


.td3{
	background:#ffffff;
	vertical-align:top;
	padding:4px 0 4px 10px;
	color:#000;
	border-bottom:1px solid #d1d1d1;
}

.td4{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:4px 0 7px 10px;
}

.td5{
	background:#00aeef;
	padding:4px 0 4px 10px;
	border-bottom:1px solid #fff;
	color:#fff;
	font-weight:bold;
}

.td6{
	border-bottom:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:4px 0 7px 10px;
}

.td7{
	padding:4px 0 4px 10px;
	font-size:8pt;
}

ul{
	list-style-type: none;
	margin: 0;
    padding: 0;
	}
	
li{
	margin: 0px 0 0px 5px;;
	padding:2px 0 0px 22px;
	background: url(../i/li.png) no-repeat;
	background-position:left 5px;
	}


/*ph-inner
------------------------------------ */
.bg_bottom2{
	background:url(../i/ph_bg_bottom2.jpg) left bottom no-repeat;
	padding-bottom:40px;
}


#ph_wrapper{
	float:left;
	position:relative;
	width:770px;
}
#ph_inner_nav{
	float:left;
	padding:20px 23px 0 0;
	width:191px;
	text-align:right;
}


#ph_inner_nav ul{
	list-style:none;
	margin-bottom:120px;
}
#ph_inner_nav li{
	list-style:none;
	padding:4px 0 3px 0;
	font-weight:bold;
}


#ph_inner_nav a{
	color:#64421d;
	text-decoration:none;
}


#ph_inner_nav a:hover{
	color:#ff0013;
	text-decoration:none;
}
#ph_cbox2{
	width:746px;
	margin:12px 12px 0 12px;
}


#ph_cbox{
	float:left;
	width:538px;
	margin:12px 0 0 0;
}


#ph_cbox_bg{
	background-color:#ffffff;
	padding:10px;
}
#ph_cbox_bg h6{
	padding:0 0 0 6px;
	font:normal 7pt "Tahoma";
	color:#a39494;
}
#ph_cbox_bg h6 a{
	color:#a39494;
}


.title_space{
	padding:17px 0 16px 0;
}


.ph_cbox_price1{
	padding:6px 0 6px 20px;
}


.ph_cbox_price2{
	font:bold 9pt "Arial";
	color:#64421d;
	padding:6px 0 6px 0;
}
.ph_cbox_price3{
	padding:12px 20px 6px 20px;
	font:normal 8pt "Tahoma";
	line-height:1.6em;
}


.ph_cbox_price4{
	color:#64421d;
	padding:10px;
}


.ph_cbox_mthirst{
	padding:6px 20px 20px 20px;
	background:url(../i/m_thirst1.jpg) left bottom no-repeat;	
}
.ph_cbox_mdesserts{
	padding:6px 20px 20px 20px;
	background:url(../i/m_desserts1.jpg) left bottom no-repeat;	
}
.ph_cbox_mside{
	padding:6px 20px 20px 20px;
	background:url(../i/m_side1.jpg) left bottom no-repeat;	
}
.ph_cbox_msalad{
	padding:20px 20px 0 20px;
}


.ph_cbox_maf{
	padding:10px;
}


.ph_cbox_mb{
	padding:10px;
}


.ph_cbox_chicky{
	padding:35px 12px 12px 12px;
}


.ph_cbox_chicky1{
	padding:10px 12px 10px 0;
	vertical-align:top;
	color:#fff;
}

.ph_cbox_chicky2{
	padding:10px 12px 10px 0;
	vertical-align:top;
	color:#000;
}


.ph_cbox_msb{
	padding:6px 20px 6px 20px;
}


#ph_cbox_bgy{
	background-color:#fff5d2;
	margin-bottom:1px;
}


#ph_cbox_dis{
	background:url(../i/cbox_greytone.gif) left top repeat-x;	
	text-align:right;
	padding:9px 13px 9px 13px;
	color:#a39494;
	font:normal 7pt "Tahoma";
}


#ph_cbox_bgy2{
	background-color:#fff9e9;
	margin-bottom:1px;
	text-align:justify;
}


#ph_about1{
	padding:0 10px 0 0;
	text-align:justify;
	vertical-align:top;
}


#ph_about2{
	padding:0 0 0 10px;
	text-align:justify;
	vertical-align:top;
}


#ph_about3{
	padding:20px;
	background-color:#c4122f;
	color:#fff;
	font:bold 9pt "Arial";
}


blockquote{
	float: right;
 	width: 250px;
 	margin:0 0 0 20px;
 	padding: 15px;
 	color:#fff;
	background-color: #c4122f;
 	font:bold 11pt "Arial";
	text-align:center;
}


#v1{
	background:url(../i/gv_voucherbg.jpg) left top no-repeat;
	padding:30px 15px 10px 200px;	
}


#v1 ul {
	margin:5px 0 0 15px;
}


#v2{
	background:url(../i/gv_cateringbg.jpg) left top no-repeat;
	padding:30px 15px 10px 230px;
}
#v2_contact{
	padding:0 15px 0 15px;
}
#v2_contactspace{
	width:230px;
	padding:0 25px 0 0;
}




#qa1 ul li{
	margin:0 0 5px 20px;
}


.qa2{
	padding:5px;
}


.t24_left{
	padding:10px;
	color:#ffffff;
}


.t24_right{
	padding:10px 0px 10px 10px;
	color:#ffffff;
}


/*ph-familyindex
------------------------------------ */
.fbg_top{
	background:url(../i/fbg_top.gif) left top no-repeat;
	background-color:#ffedcd;
}


.fbg_bottom{
	background:url(../i/fbg_bottom.gif) left bottom no-repeat;
	padding-bottom:20px;
}


#f_container1{
	width:415px;
	padding:0 0 0 23px;
	float:left;
}
#f_container2{
	width:332px;
	float:left;
	position:relative;
}











/* sidenav
------------------------------------ */
body#menu_latest a#menu_latest_nav,
body#menu_real a#menu_real_nav,
body#menu_if a#menu_if_nav,
body#menu_sb a#menu_sb_nav,
body#menu_side a#menu_side_nav,
body#menu_thirst a#menu_thirst_nav,
body#menu_desserts a#menu_desserts_nav,
body#menu_bucket a#menu_bucket_nav,
body#menu_family a#menu_family_nav,
body#menu_xmeal a#menu_xmeal_nav,
body#menu_chicky a#menu_chicky_nav,
body#menu_afternoon a#menu_afternoon_nav,
body#menu_salad a#menu_salad_nav,
body#menu_nutri a#menu_nutri_nav,
body#menu_24 a#menu_24_nav,
body#menu_bf a#menu_bf_nav,
body#about_story a#about_story_nav,
body#about_msia a#about_msia_nav,
body#about_qa a#about_qa_nav,
body#about_halal a#about_halal_nav,
body#about_milestone a#about_milestone_nav,
body#voucherd a#voucherd_nav,
body#voucher a#voucher_nav,
body#catering a#catering_nav,
body#l_perlis a#l_perlis_nav,
body#l_kedah a#l_kedah_nav,
body#l_pg a#l_pg_nav,
body#l_perak a#l_perak_nav,
body#l_sel a#l_sel_nav,
body#l_kl a#l_kl_nav,
body#l_putra a#l_putra_nav,
body#l_ns a#l_ns_nav,
body#l_melaka a#l_melaka_nav,
body#l_kelantan a#l_kelantan_nav,
body#l_tg #l_tg_nav,
body#l_pahang a#l_pahang_nav,
body#l_johor a#l_johor_nav,
body#l_sabah a#l_sabah_nav,
body#l_sarawak a#l_sarawak_nav,
body#l_brunei a#l_brunei_nav
{
	font-weight:bold;
	color:#ff0013;
	text-decoration:none;
}




/* text
------------------------------------ */
.indicated {
	color:#976767
}


.brown1{
	color:#64421d;
	font-size:8pt;
	font-weight:normal;
}


.brown2{
	color:#64421d;
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 0 3px 0;
}


.brown3{
	color:#64421d;
	font-size:12pt;
	font-weight:bold;
}

.brown4{
	color:#64421d;
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
}


.subhead{
	font:bold 10pt "Trebuchet MS";
	line-height:1.3em;
}


.subhead2{
	font:bold 10pt "Trebuchet MS";
	line-height:1.3em;
	text-transform:uppercase;
}

.txtblack
{ font-weight:bold; color:#313131;}

.txtred
{ font-weight:bold; color:#d81e29;}

.txtred1
{ font-weight:bold; color:#F90;}


.txtred2{
	color:#e40000;
	font-weight:bold;
}


.txtorange{
	color:#ff3300;
	font-weight:bold;
	font-size:9pt;
}

.txtorange{
	color:#ff3300;
	font-size:8pt;
}

.txtwhite{
	color:#fff;
	font-size:8pt;
}

.txtwhite2{
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 0 3px 0;
}
.txtwhite3{
	color:#fff;
	font-weight:bold;
	font-size:9pt;
}


.txtbf{
	color:#000;
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 0 3px 0;
}
.txtbf0{
	color:#000;
	font-size:10pt;
	font-weight:bold;
	padding:3px 0 3px 0;
}

.txtbf2{
	color:#000;
	font-weight:bold;
	font-size:9pt;
}

.txtbf3{
	color:#000;
	font-size:7pt;
}

.txtgold{
	color:#f6bb0e;
	font-size:9pt;
	font-weight:bold;
}


/* joinmaillist
------------------------------------ */
.mail{
	padding:10px;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	background:#fff url(../i/p_mailbg.gif) left center no-repeat;
}
.txt_box {
	border:1px solid #e2e2e2;
	color:#444444;
	margin:2px 0 2px 0;
	text-align:left;
	font-size:8pt;
}
.mailspace{
	padding:2px 0 2px 0;
}


/* locateus table
------------------------------------ */
.locate_title{
	padding:3px 10px 3px 10px;
	background-color:#fa8f0c;
	color:#fff;
	font-weight: bold;
	border:none;
	font-size:10px;
}

.locate_gray{
	padding:4px 4px 4px 4px;
	background-color:#e30001;
	color:#1d1d1d;
	font-weight: bold;
	border:none;
	font-size:10px;
}

.locate_gray1{
	padding:4px 4px 4px 4px;
	background-color:#cccccc;
	color:#1d1d1d;
	font-weight: bold;
	border:none;
	font-size:10px;
}

.locate_darkred{
	padding:4px 4px 4px 4px;
	background-color:#94070a;
	color:#fff;
	font-weight: bold;
	border:none;
	font-size:10px;
}

.locate_td{
	padding:6px 10px 6px 10px;
	background-color:#fffbf5;
	border-bottom:1px solid #ffe5c5;
	border-left:1px solid #ffe5c5;
}
.locate_td2{
	padding:6px 10px 6px 10px;
	background-color:#fff;
	border-bottom:1px solid #ffe5c5;
	border-right:1px solid #ffe5c5;
}




/* space
------------------------------------ */
.space1{
	padding:3px;
}


.space2{
	padding:8px 0 5px 0;

}
.space3{
	padding:0 0 5px 0;
}

.space4{
	margin-top:10px;
}

.pic{
	padding-right:20px;
	vertical-align:top;
}


.pic2{
	margin:0 0 0 20px;
	float:right;
}


.pic3{
	margin:0 20px 0 0;
	float:left;
}


/* footer
------------------------------------ */
#footer{
	position:relative;
	margin: 0px auto;
	width:740px;
	background-color:#c4122f;
	padding:8px 15px 8px 15px;
	font:normal 7pt "Tahoma";
	color:#fff;
	text-align:right;
}