body { margin:auto; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; background:url(../img/chantveg-bg.jpg) repeat-x #dfd555;}
p { padding:0; margin:0; }
#container { width:800px; margin:auto; padding:0;}

@font-face {
    font-family: 'appleberryregular';
    src: url('../font/appleberry_with_cyrillic-webfont.eot');
    src: url('../font/appleberry_with_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/appleberry_with_cyrillic-webfont.woff2') format('woff2'),
         url('../font/appleberry_with_cyrillic-webfont.woff') format('woff'),
         url('../font/appleberry_with_cyrillic-webfont.ttf') format('truetype'),
         url('../font/appleberry_with_cyrillic-webfont.svg#appleberryregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h3{ margin-top:0; margin-bottom:10px; padding:0; font-size:23px; font-weight:bold; color:#ce181e; font-family:'appleberryregular' }
li { font-size:15px; color:#003c10; margin-left:20px; }

/* header */
#head { width:800px; height:252px; float:left;}
a.logo { width:270px; height:195px; float:left; background:url(../img/chant-logo.png) no-repeat; margin-left:21px;}
.ban { width:509px; height:252px; float:right;}
.version { height:33px; text-align:right; line-height:33px; font-size:14px; color:#FFF; }
.banhead { width:509px; height:219px; float:right; background:url(../img/chant-ban.png) no-repeat; }

/* middle */
/* menu */
#mid-container { width:800px; float:left; }

#menu { width:213px; float:left;}
.menubg { line-height:19px; width:190px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:url(../img/menu-bg.jpg); -webkit-box-shadow: 4px 5px 3px rgba(8,9,9,.5); -moz-box-shadow: 4px 5px 3px rgba(8,9,9,.5); box-shadow: 4px 5px 3px rgba(8,9,9,.5); border: solid 2px #fff; margin-top:14px; text-align:right; padding-top:20px; padding-bottom:20px; }
a.menuit { margin-right:20px; color:#FFF; text-decoration:none; font-size:16px; font-family: 'appleberryregular' }
a.menuit:hover { color:#f6ec13; text-shadow: 0 0 5px rgba(254,243,2,.9); }
/* menu */

/* body */
.indimg { width:472px; height:550px; background:url(../img/chant-banindex.jpg) no-repeat; float:left; margin-left:53px; margin-bottom:36px; }
#bod { width:587px; float:right; }
.bg { width:574px; background-color:#FFF; float:left; border-left:solid 2px #8bc541; border-right:solid 2px #8bc541; clear:both; }
.food { margin-left:28px; width:68%; font-size:13px; padding-top:20px; margin-bottom:20px; padding-right:20px; text-align:left; border-right:solid 1px #33cc00; line-height:15px; float:left }
.food h3 { color:#579c00 }
.txt { margin-left:28px; font-size:13px; padding-top:20px; margin-bottom:20px; padding-right:28px; text-align:justify; line-height:15px; float:left }
.galimg { float:left; margin-top:18px; margin-bottom:18px; margin-left:36px; }
.foodprice { margin-right:18px; width:17%; font-size:13px; padding-top:20px; margin-bottom:20px; text-align:left; line-height:15px; font-weight:bold; color:#003c10; float:right; }

#navmenu { width:515px; height:40px; float:left; margin-left:31px; border-top:solid 1px #003c10; font-weight:bold; text-align:center; line-height:40px; margin-bottom:4px; }
a.navmen { font-weight:bold; font-size:15px; text-decoration:none; padding-left:8px; padding-right:8px; color:#003c10; }
a.navmen:hover { text-decoration:underline; color:#FF0000 }
/* body */
/* middle */

/* footer */
#foot { width:800px; float:left; }
.footxt { width:213px; font-size:12px; text-align:right; color:#003c10; line-height:12px; float:left; padding-top:11px; }
a.tag { width:161px; height:23px; float:right; background: url(../img/bis-tag.gif) no-repeat; margin-top:10px; margin-right:22px}
.footinfo { width:587px; height:104px; float:right; background:url(../img/chant-foot-bg.jpg); color:#FFF;}
.phone { height:48px; float:right; border-bottom:solid 1px #FFFFFF; margin-right:34px; text-align:center; line-height:48px; font-size:26px; margin-top:12px}
.details { text-align:left; font-size:16px; float:left; margin-left:170px; clear:both; margin-top:7px; }
a.detail { color:#FFF; text-decoration:none; }

#footmenu { width:800px; padding-top:20px; padding-bottom:26px; text-align:center; color:#990000; }
a.footmen { font-size:12px; color:#990000; padding-left:6px; padding-right:6px; text-decoration:none; }
a.footmen:hover { text-decoration:underline; color:#ff0000 }

#cont-foot{ width:100%; height:12px; background-color:#990000; clear:both}