body
{ 
background:#dcdeeb;
margin:center;
font-family: "MS Sans Serif", Tahoma, AngsanaUPC;
font-size:14px;
color:#000000;
}
h1{
font-size:17px;
color:#602926;
padding:0px;
margin:10px;
font-weight:bold;
}
h2{
font-size:16px;
color:#784238;
margin:0px;
padding:3px;
}
h3{
font-size:15px;
color:#000000;
margin:0px;
padding:3px;
font-weight:normal;
}
h4{
font-size:15px;
color: #626262;
margin:0px;
padding:3px;
font-weight:normal;
}
h5{
font-size:14px;
color: #CE6700;
margin:0px;
padding:3px;
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:13px;
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:#3b3b0f; 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:#3b3b0f; 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:#3b3b0f; 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:inline; float:right; padding:0px 13px 0px 11px; margin:0;width: auto; height:8px; text-align:center; line-height:18px; font-size:12px;
text-decoration:none; color:#000000; background:url(./images/arrow1.gif) no-repeat left;}

a.nav1:hover {
display:inline; float:right; padding:0px 13px 0px 11px; margin:0;width: auto; height:8px; text-align:center; line-height:18px;
text-decoration:none;  color:#6e6e6d; background:url(./images/arrow2.gif) no-repeat left;}

/*----top bar----*/

a.nav_topbar:link, a.nav_topbar:visited {
display:inline; float:left; padding:0px 13px 0px 11px; margin:0;width: auto; height:8px; text-align:center; line-height:18px; font-size:12px;
text-decoration:none; color:#6e6e6d;}

a.nav_topbar:hover {
display:inline; float:left; padding:0px 13px 0px 11px; margin:0;width: auto; height:8px; text-align:center; line-height:18px;
text-decoration:none;  color:#000000;}

/*----left menu----*/

#menu_line{
font-size:14px;
color:#9a9b9d;
clear:both;
padding-left:5px;
border-top:1px #9a9b9d dashed;
font-weight:normal;
text-decoration:underline;}

a.nav_hmenu:link, a.nav_hmenu:visited {
display:inline; float:left; padding:0px 13px 5px 11px; margin-left:10; margin-top:2; width:auto; height:15px; text-align:center; line-height:16px; font-size:16px;
text-decoration:none ; color:#000000; no-repeat left;}

a.nav_hmenu:hover {
display:inline; float:left; padding:0px 13px 5px 11px; margin-left:10; margin-top:2; width:auto; height:15px; text-align:center; line-height:16px; font-size:16px;   
text-decoration:none;  color:#007777; no-repeat left;}

a.nav_menu:link, a.nav_menu:visited {
display:inline; float:left; padding:0px 13px 0px 11px; margin-left:30; margin-top:2; width:auto; height:15px; text-align:center; line-height:18px; font-size:14px;
text-decoration:none; color:#812621; background:url(./images/arrow2.gif) no-repeat left;}

a.nav_menu:hover {
display:inline; float:left; padding:0px 13px 0px 11px; margin-left:30; margin-top:2; width:auto; height:15px; text-align:center; line-height:18px; font-size:14px;   
text-decoration:none;  color:#007777; background:url(./images/arrow1.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:underline;}






img.pic{
padding:0px;
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
border:4px #ffffff solid;
float:center;
}
img.map_pic{
padding:0px;
margin:8px;
border:2px #ececec solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:2px #d5d4d5 solid;
}




/*-------footer-----*/

#footer_line{
font-size:14px;
color:#9a9b9d;
clear:both;
padding-left:5px;
border-top:1px #9a9b9d dashed;
font-weight:normal;
text-decoration:underline;}

#footer{
width: auto;
height:100px;
clear:both;
margin-top:0px;
background-color: #dbdbdb;
}
#footer_content{
width:980px;
margin:auto;
}
#copyrights{
width:320px;
color: #4e0404; 
font-size:10px;
float:left;
padding:10px;
}
#footer_menu{
width:320px;
margin:auto;
float:center;
}
#madeby{
width:550px;
float:right;
text-align:center;
padding:0px;
}
#madeby a{
text-decoration:none;
color:#4e0404;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:center; display:inline; 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:center; 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; font-size:16px;}

a.nav5:hover {
text-decoration:none; color:#020201; font-size:16px;}

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; font-size: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:right; padding:0 0 0 5px; margin:1px; width:200; height:10px; text-align:center; line-height:16px; font-size:14px;
text-decoration:none; color:#999999;}

a.nav3:hover {
display:block; float:right; padding:0 0 0 5px; margin:1px; width:200; height:20px; text-align:center; line-height:16px; font-size:16px;
text-decoration:none; color:#ffffff;}

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:14px;
text-decoration:none; color:#494949;}

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:#7d7d7d;}

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

a.nav7:hover {
font-size:15px;
text-decoration:underline;  color:#00000;}

a.nav_ruamweb:link, a.nav_ruamweb:visited {
display:block; float:right; padding:0 0 0 5px; margin:1px; width:200; height:10px; text-align:center; line-height:16px; font-size:14px;
text-decoration:none; color:#999999;}

a.nav_ruamweb:hover {
display:block; float:right; padding:0 0 0 5px; margin:1px; width:200; height:20px; text-align:center; line-height:16px; font-size:14px;
text-decoration:none; color:#ffffff;}

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

}


#c {
	
 /*---------the width of center content---------*/
border:1px solid #9a9b9d;
	

}


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

}


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

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

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

border-bottom: 1px dashed #9a9b9d border-right: 1px solid #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:331px; left:210px; 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:320px; left:275px; width:336; height:448; border:5px solid #fff;}