@charset "utf-8";

/* CSS Document */

body{

	background-color:#dbf0c9;

	padding:0px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	margin:0px;

	color:#000; }

#headtop {height:128px; width:800px; margin:auto; margin-top:60px }

.headtopleft {float:left; height:128px; width:172px; background-image:url(images/logo.jpg); }

.headtopright {float:right; height:128px; width:619px; }

#headmid {float:left; width:100%; height:405px;	background-image:url(images/head.jpg); background-position:center; background-repeat:no-repeat; }

#headmenu {width:800px; height:405px; margin:auto; margin-top:20px;}

#newslist{width:485px; margin:10px 0px 10px 122px;}

#newslist a{color:#009245; text-decoration:none;}

#newslist a:hover{color:#00DF00; text-decoration:none;}

.headmenusatu{float:left; width:158px; height:330px; background-image:url(images/menu_side.png); }

.headmenudua {float:right; width:158px; height:330px; background-image:url(images/side_testi.png); }

.menuabout {float:left; width:158px; height:70px; background-image:url(images/menu_name.png); }

.menupages {float:left; width:158px; height:70px; background-image:url(images/menupages.png); }

.menugallery{float:left; width:158px; height:70px; background-image:url(images/mnugallery.png); }

.menucommunity{float:left; width:158px; height:70px; background-image:url(images/menucomm.png); }

.menuphoto1{float:left; width:120px; height:90px; background-image:url(images/view1.jpg); margin:18px 10px 10px 18px; }

.menuphoto2{float:left; width:120px; height:90px; background-image:url(images/view2.jpg); margin:18px 20px 10px 18px; }

.menuphoto3{float:left; width:120px; height:90px; background-image:url(images/view3.jpg); margin:18px 20px 10px 18px; }

.menuphoto4{float:left; width:120px; height:90px; background-image:url(images/view4.jpg); margin:18px 20px 10px 18px; }

/*tabel*/

#tr {font-family:Verdana; font-size:8pt; color:#FFFFFF; font-weight:bold; background:#C62628;}

.td{color:#808080; font-size:10pt; font-weight:bold;}

/*ul*/

ul.textheadmenu {width:158px; padding:0px; margin:0px; list-style:none;	}

ul.textheadmenu li {margin:0px; list-style:none; }

ul.textheadmenu li{width:128px; height:18px; display:block; background:url(images/dot.png) no-repeat left; vertical-align:middle; font-size:11px; text-decoration:none; color:#FFF; line-height:16px; padding:0 0 0 15px; margin-left:15px; font-family:Verdana, Geneva, sans-serif;}

ul.textheadmenu li a{color:#FFF; text-decoration:none;}

ul.textheadmenu li a:hover{color:#C62628; text-decoration:none;}



ul.sidefood {width:158px; padding:0px; margin:0px; list-style:none;	}

ul.sidefood li {margin:0px; list-style:none; }

ul.sidefood li{width:200px; height:18px; display:block; background:url(images/dotside.jpg) no-repeat left; vertical-align:middle; font-size:11px;text-decoration:none; line-height:16px; padding:0 0 0 15px; margin-left:15px; font-family:Verdana, Geneva, sans-serif; text-align:left}





ul.textmenu {width:158px; padding:0px; margin:0px; list-style:none;	}

ul.textmenu li {margin:0px; list-style:none; }

ul.textmenu li{width:128px; height:18px; display:block; background:url(images/dot.png) no-repeat left; vertical-align:middle; font-size:11px;text-decoration:none; color:#FFF; line-height:16px; padding:0 0 0 15px; margin-left:15px; font-family:Verdana, Geneva, sans-serif;}

ul.textmenu li a{color:#007F00; text-decoration:none;}

ul.textmenu li a:hover{color:#C62628; text-decoration:none;}

#mainmenu { width:800px; height:auto; margin:auto; margin-bottom:}

.mainmenu_01{float:left; width:156px; height:127px; background-image:url(images/top_01.png)}

.mainmenu_02{float:left; width:148px; height:127px;}

.mainmenu_03{float:left; width:159px; height:127px;}

.mainmenu_04{float:left; width:156px; height:127px;}

.mainmenu_05{float:left; width:173px; height:127px;}

#foodpic{float:left; width:792px; height:263px; background-image:url(images/headpic.png)}

#maintext{font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:20px; width:800; height:auto;}

#mainmenus {float:left; width:800px; height:auto; margin:auto;}

.actions{width:800px; margin:auto; height:auto;}

.testipic{float:left; width:50px; height:auto; }

.testitext{float:left; width:500px; height:auto; text-align:justify; padding-left:5px; margin-bottom:10px;}

.testitext a{color:#C62628; text-decoration:none;}

.testitext a:hover{color:#C62628; text-decoration:underline;}

.imgtesti{float:left; width:50px; height:50px; border:1px solid #A0A0A4; background-color:#FFF; padding:5px; margin-bottom:10px;}

.imgtesti:hover{float:left; width:50px; height:50px; border:1px solid #C62628; background-color:#FFF; padding:5px; margin-bottom:10px;}

.bigpic{border:1px solid #A0A0A4; background-color:#FFF; padding:5px;}

.line {float:left; width:3px; height:425px; background-image:url(images/line.jpg)}

.line_lounge {float:left; width:3px; height:1000px; background-image:url(images/line.jpg);}

.red {color: #F00;}

.submit{border:1px; padding:5px 25px; background-color:#FFB000; color:#FFFFFF;}

.boxmenu1{float:right; width:177px; height:39px; background:url(images/right_menu_01.jpg);}

.boxmenu1:hover{float:right; width:177px; height:39px; background:url(images/hov_menuright_01.jpg);}

.boxmenu2{float:right; width:177px; height:34px; background-image:url(images/right_menu_02.jpg);}

.boxmenu2:hover{float:right; width:177px; height:34px; background:url(images/hov_menuright_02.jpg);}

.boxmenu3{float:right; width:177px; height:34px; background-image:url(images/right_menu_03.jpg);}

.boxmenu3:hover{float:right; width:177px; height:34px; background:url(images/hov_menuright_03.jpg);}

.boxmenu4{float:right; width:177px; height:37px; background-image:url(images/right_menu_04.jpg);}

.boxmenu4:hover{float:right; width:177px; height:37px; background:url(images/hov_menuright_04.jpg);}

.boxmenu5{float:right; width:177px; height:34px; background-image:url(images/right_menu_05.jpg);}

.boxmenu5:hover{float:right; width:177px; height:34px; background:url(images/hov_menuright_05.jpg);}

.boxmenu6{float:right; width:177px; height:38px; background-image:url(images/right_menu_06.jpg);}

.boxmenu6:hover{float:right; width:177px; height:38px; background:url(images/hov_menuright_06.jpg);}

.boxmenu7{float:right; width:177px; height:38px; background-image:url(images/right_menu_07.jpg);}

.boxmenu7:hover{float:right; width:177px; height:38px; background:url(images/hov_menuright_07.jpg);}

.boxmenu8{float:right; width:177px; height:6px; background-image:url(images/right_menu_08.jpg);}

#maincontainer{width:800px; height:auto; margin:auto;padding:0px;}

#maincenter{float:left; margin:auto; margin-top:20px; width:800px; background-image:url(images/bgline.jpg); background-repeat:repeat-y; height:auto;}

#pagecenter{float:left; margin:auto; margin-top:20px; width:800px; height:auto;}

#fullpage{float:left; width:780px; height:auto;}

#mainleft{float:left; width:580px;}



#mainleft a{ text-decoration:none; color:#007FAA;}

#mainleft a:hover{ text-decoration:none; color:#F00;}

#mainright{float:right; margin:0 10px 0 5px; width:200px; height:auto;}

.bingkai{border:1px solid #A0A0A4; background-color:#FFF; padding:5px;}

.login{float:right; width:177px; height:150px;}

.admin_area{float:right; width:177px; height:38px; background-image:url(images/adminarea.jpg); }

.benefit{float:right; width:177px; height:38px; background-image:url(images/benfit.jpg); }

.voucher{float:right; width:177px; height:101px; background-image:url(images/free_voucher.jpg); background-repeat:no-repeat; margin-bottom:10px; background-position:center;}

.stiker{float:right; width:177px; height:101px; background-image:url(images/stiker.jpg); background-repeat:no-repeat; background-position:center; margin-bottom:10px;}

.memlist{float:right;; width:177px; height:38px; background-image:url(images/memlist.jpg); }

#footer {float:none; clear:both; background:url(images/main_03.jpg) repeat-x top; height:260px; width:100%;}

#footcenter{float:none; width:800px; height:auto; margin:auto; padding-top:20px;}

.foottop_left{float:left; width:500px; height:20px; margin:auto; margin-top:5px; color:#FFF; font-size:10px;}

.foottop_right{float:left; width:300px; height:20px; margin:auto; margin-top:5px; color:#FFF; text-align:right; font-size:10px;}

.foottop_right a{color:#FFF; text-decoration:none;}

.foottop_right a:hover{text-decoration:none; color:#D41F00;}

.footbout{float:left; width:200px; height:auto;}

.sidefoods{float:left; width:250px; height:auto;}

#dhtmltooltip{

position: absolute;

width: 480px;

border: 1px solid black;

padding: 10px;

background-color: #FFE495;

font-size:11px;

color:#333333;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}


#quotation {
	overflow-x:hidden; 
	overflow-y:auto;
}