body
{ 
background:#a8a8a6;
margin:auto;
font-family: "MS Sans Serif", Tahoma, AngsanaUPC;
font-size:12px;
color:#ccc;
}
h1{
font-size:16px;
color:#CE6700;
padding:5px;
margin:3px;
font-weight:bold;
}
h2{
font-size:15px;
color:#CE6700;
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;
}


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






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:8px;
border:5px #FFFFFF 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;}

#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;
	

}


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