body
{ 
background:#a8a8a6;
margin:auto;
font-family: "MS Sans Serif", Tahoma, AngsanaUPC;
font-size:12px;
color:#ccc;
}
h1{
font-size:16px;
color:#92b51f;
padding:5px;
margin:3px;
font-weight:bold;
}
h2{
font-size:15px;
color:#91a258;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
font-weight:normal;
}
h4{
font-size:14px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}

.textblackcontent {
font-size:14px;
color:#666666;
margin:0px;
font-weight:normal;
}


}
.textblack
{
font-size:13px;
color:#000000;
padding:4px 0 4 5px;
}

.textnav
{
font-size:13px;
color:#4a4949;
}
.textgreen
{
font-size:13px;
color:#5a8e22;
}

.textred
{
font-size:15px;
color:#b61540;
}

.textheadwhite
{
font-size:18px;
color:#ffffff;

}

.clear {
clear:both;
overflow:hidden;
height:4px;
}

#main_bar{
width: auto;
height: auto;
margin:auto;
border:0px;
}

#top_bar{
width: 980;
height:11px;
background:url(../images/bar.gif) center center repeat-x top ;
}

#main_content{
width: auto;
height: auto;
margin:auto;
background-color:#f7f7ed;
border:8px #FFFFFF solid;
}
#top_banner{
width: 980;
height:130px;
background:url(../images/headfood.jpg) no-repeat right;
}

img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width: 980px;
margin:auto;
padding:15px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:10px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

a.topmenu1:link, a.topmenu1:visited {
display:block; float:left; padding:0px 11px 0 20px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-size:12px;
text-decoration:none; color:#454543; background:url(../images/restauranthome.gif) no-repeat left;}

a.topmenu1:hover {
display:block; float:left; padding:0px 11px 0 20px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/restauranthome.gif) no-repeat left;}

a.topmenu2:link, a.topmenu2:visited {
display:block; float:left; padding:0px 11px 0 20px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-size:12px;
text-decoration:none; color:#454543; background:url(../images/restaurantcontact.gif) no-repeat left;}

a.topmenu2:hover {
display:block; float:left; padding:0px 11px 0 20px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/restaurantcontact.gif) no-repeat left;}

a.topmenu3:link, a.topmenu3:visited {
display:block; float:left; padding:0px 11px 0 20px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-size:12px;
text-decoration:none; color:#454543; background:url(../images/restaurantsitemap.gif) no-repeat left;}

a.topmenu3:hover {
display:block; float:left; padding:0px 11px 0 20px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/restaurantsitemap.gif) no-repeat left;}


/*----top thai english language----*/

a.nav1:link, a.nav1:visited {
display:block; float:right; padding:0px 11px 0 10px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-size:12px;
text-decoration:none; color:#6e6e6d; background:url(./images/foodarrow1.gif) no-repeat left;}

a.nav1:hover {
display:block; float:right; padding:0px 11px 0 10px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#000; background:url(./images/foodarrow2.gif) no-repeat left;}


/*----page content----*/
#page_content{
width:980px;
height:auto;
margin:auto;
}
#page_content_left{
width:400px;
height:auto;
float:left;
padding:10px;
border-right:1px #800000 dashed;
}
#page_content_right{
width:400px;
height:auto;
float:left;
padding:10px;
}
#leftmenu_text{
border-bottom:1px #800000 dashed;
padding:2px;
}

.title{
font-size:14px;
color:#eac912;
clear:both;
padding-left:5px;
border-top:1px #e3b604 dashed;
font-weight:normal;
text-decoration:none;}






img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:2px;
border:5px #FFFFFF solid;

}


img.blackframe{
padding:0px;
margin:0px;
border:1px #000000 solid;

}

/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #333333;
}
#footer_content{
width:980px;
margin:auto;
}
#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:0px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

ul.footer_food {
list-style-type:none; float:left; display:block; width:990; height: auto;  margin:0px; padding:1px 0 0 1px;}

ul.footer_food li {
display:inline;}

a.nav5:link, a.nav5:visited {
text-decoration:none; color: #4f4f4f; fontsize:15px:}

a.nav5:hover {
text-decoration:none;color:#020201;}

a.nav4:link, a.nav4:visited {
display:block; float:left; padding:2px 0 0 0px; margin:0px;width:140; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #4f4f4f; fontsize:15px:}

a.nav4:hover {
display:block; float:left; padding:2px 0 0 0px; margin:0px;width:140; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#020201;}

a.nav2:link, a.nav2:visited {
display:block; width: 175;  text-align:left; line-height:16px;padding:4px 5 0 5px;
text-decoration:none; color: #44687d; font-size:13px;}

a.nav2:hover {
display:block; width:175;  text-align:left; line-height:16px;padding:4px 5 0 5px;
text-decoration:none;color:#000000; font-size:13px; background:#fdf89d;}

a.nav3:link, a.nav3:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav3:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

a.nav6:link, a.nav6:visited {
display:block; float:left; padding:0px 11px 0 10px; margin:0;width: auto; height:35px; text-align:center; line-height:35px; font-size:15px;
text-decoration:none; color:#44687d;}

a.nav6:hover {
display:block; float:left; padding:0px 11px 0 10px; margin:0;width: auto; height:35px; text-align:center; line-height:35px;
text-decoration:none;  color:#000000;}

a.nav7:link, a.nav7:visited {
font-size:15px;
text-decoration:underline; color:#CE6700;}

a.nav7:hover {
text-decoration:underline;  color:#000;}

a.nav8:link, a.nav5:visited {
text-decoration:none; color: #4F4F4F; fontsize:15px:}

a.nav8:hover {
text-decoration:none;color:#CE6700;}

#q {
	
 /*---------the width of Select menu province box---------*/
border-right: 1px solid #9a9b9d;
	

}


#c {
	
 /*---------the width of center content---------*/
border:2px solid #ffffff;
	

}


#e {
	
 /*---------menu of each restaurant---------*/

background:url(./images/bgmenurestaurant.gif) no-repeat left;
	

}

#f {
	
 /*---------menu of each restaurant---------*/

border-bottom: 1px dashed #9a9b9d no-repeat left;

}


#menu a.p1, #menu a.p1:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu a img {border:2px #FFFFFF solid;}
#menu a.p1:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block;position:absolute; top:350px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh a.p11, #menu a.p11:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh a img {border:2px #FFFFFF solid;}
#menuh a.p11:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh a.p11:hover .large {display:block;position:absolute; top:350px; left:275px; width:336; height:448; border:5px solid #fff;}

#menu2 a.p12, #menu a.p12:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu2 a img {border:2px #FFFFFF solid;}
#menu2 a.p12:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu2 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu2 a.p12:hover .large {display:block;position:absolute; top:500px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh2 a.p121, #menu a.p121:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh2 a img {border:2px #FFFFFF solid;}
#menuh2 a.p121:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh2 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh2 a.p121:hover .large {display:block;position:absolute; top:480px; left:275px; width:336; height:448; border:5px solid #fff;}

#menu3 a.p13, #menu a.p13:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu3 a img {border:2px #FFFFFF solid;}
#menu3 a.p13:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu3 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu3 a.p13:hover .large {display:block;position:absolute; top:650px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh3 a.p131, #menu a.p131:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh3 a img {border:2px #FFFFFF solid;}
#menuh3 a.p131:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh3 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh3 a.p131:hover .large {display:block;position:absolute; top:630px; left:275px; width:336; height:448; border:5px solid #fff;}

#menu4 a.p14, #menu a.p14:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu4 a img {border:2px #FFFFFF solid;}
#menu4 a.p14:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu4 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu4 a.p14:hover .large {display:block;position:absolute; top:800px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh4 a.p141, #menu a.p141:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh4 a img {border:2px #FFFFFF solid;}
#menuh4 a.p141:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh4 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh4 a.p141:hover .large {display:block;position:absolute; top:780px; left:275px; width:336; height:448; border:5px solid #fff;}

#menu5 a.p15, #menu a.p15:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu5 a img {border:2px #FFFFFF solid;}
#menu5 a.p15:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu5 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu5 a.p15:hover .large {display:block;position:absolute; top:950px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh5 a.p151, #menu a.p151:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh5 a img {border:2px #FFFFFF solid;}
#menuh5 a.p151:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh5 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh5 a.p151:hover .large {display:block;position:absolute; top:930px; left:275px; width:336; height:448; border:5px solid #fff;}

#menu6 a.p16, #menu a.p16:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu6 a img {border:2px #FFFFFF solid;}
#menu6 a.p16:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu6 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu6 a.p16:hover .large {display:block;position:absolute; top:1100px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh6 a.p161, #menu a.p161:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh6 a img {border:2px #FFFFFF solid;}
#menuh6 a.p161:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh6 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh6 a.p161:hover .large {display:block;position:absolute; top:1080px; left:275px; width:336; height:448; border:5px solid #fff;}

#menu7 a.p17, #menu a.p17:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu7 a img {border:2px #FFFFFF solid;}
#menu7 a.p17:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu7 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu7 a.p17:hover .large {display:block;position:absolute; top:1250px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh7 a.p171, #menu a.p171:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh7 a img {border:2px #FFFFFF solid;}
#menuh7 a.p171:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh7 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh7 a.p171:hover .large {display:block;position:absolute; top:1230px; left:275px; width:336; height:448; border:5px solid #fff;}


#menu8 a.p18, #menu a.p18:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu8 a img {border:2px #FFFFFF solid;}
#menu8 a.p18:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu8 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu8 a.p18:hover .large {display:block;position:absolute; top:1400px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh8 a.p181, #menu a.p181:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh8 a img {border:2px #FFFFFF solid;}
#menuh8 a.p181:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh8 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh8 a.p181:hover .large {display:block;position:absolute; top:1380px; left:275px; width:336; height:448; border:5px solid #fff;}


#menu9 a.p19, #menu a.p19:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menu9 a img {border:2px #FFFFFF solid;}
#menu9 a.p19:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menu9 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu9 a.p19:hover .large {display:block;position:absolute; top:1650px; left:222px; width:448; height:336; border:5px solid #fff;}

#menuh9 a.p191, #menu a.p191:visited {display:block; width:50px; height:50px; text-decoration:none; background:#fff; top:0; left:0;margin:2px;border:2px #fff solid;}
#menuh9 a img {border:2px #FFFFFF solid;}
#menuh9 a.p191:hover {text-decoration:none; background-color:#CE6700; color:#CE6700;border:2px #CE6700 solid;}
#menuh9 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menuh9 a.p191:hover .large {display:block;position:absolute; top:1630px; left:275px; width:336; height:448; border:5px solid #fff;}