@charset "utf-8";
/* CSS Document */
body{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:16px;  */
	font-family: "Kanit", sans-serif;
 	font-weight: 400;
  	font-style: normal;
	font-size: 14px;
	background-color: #f6ecc5;
}
a:link{ 
	text-decoration:none; color:#fff;
}
a:visited{ 
	text-decoration:none; color:#fff;
}
a:hover{ 
	text-decoration:underline; color:#fff;
}
a:active{ 
	text-decoration:underline; color:#fff;
}
/* STYLE */
.space{
	height:7px;
}
.space1{
	height:10px;
}
.space2{
	height:25px;
}
.red{ color:#f00; }
/* LAYOUT */
#wrap{
	margin:0; padding:0; width:100%; height:100%;
}
#wrapper{
	margin:0; padding:0; width:100%; height:100%; background-color:#000;
}
/* TOP */
#page_top{
	margin:0 auto; padding:0; width:860px; height:485px;
}
#page_top2{
	margin:0 auto; padding:0; width:900px; height:260px;
}
.header{
	margin:60px 70px 25px 350px; padding:10px; width:490px; height:20px; position:absolute; background:url(../images/bg_nav.png) left top no-repeat;
}
.header2{
	margin:60px 90px 25px 370px; padding:10px; width:490px; height:20px; position:absolute; background:url(../images/bg_nav.png) left top no-repeat;
}
#page_top .top_text{ margin:125px 0 0 520px; padding:0; width:340px; height:85px; position:absolute; }
#page_top2 .top_text2{ margin:125px 0 0 540px; padding:0; width:340px; height:85px; position:absolute; }
#page_top .top_contact{
	margin:265px 0px 0px 560px; padding:10px 15px; width:270px; height:175px; position:absolute; background:url(../images/bg_contact.png) left top no-repeat;
}
.top_contact p{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:15px; font-weight:normal; */
	 color:#fff; font-style:italic;	
}
.top_contact span{
	font-size:20px; font-weight:bold; color:#f2e40a;	
}
/* SLIDE */
#page_slide{
	margin:0; padding:0; width:100%; height:195px; background-image:url(../images/bg_slide.gif); background-position:left top; background-repeat:repeat;
}
#slide{
	margin:0 auto; padding:10px 0px; width:960px; height:175px;
}
li.slide{
	margin:0; padding-bottom:10px; list-style:none; float:left;
}
.blog{
	margin:0; padding:0; width:160px; height:175px; z-index:599;
}
.price2 { 
	width:62px; height:20px; position:absolute; z-index:605; background:url(../images/shark_price.png) no-repeat; margin-top:85px; margin-left:80px; padding:27px 5px 25px 5px; color:#7d1818; font-size:18px; text-align:center;
}
.blog .slide_bg_top{
	width:160px; height:50px; background-image:url(../images/slide_top.png); background-repeat:no-repeat; z-index:600;
}
.slide_bg_top p{
	margin:0; padding:5px 10px; 
	/* font-family:'Times New Roman', Times, serif; font-size:13px; font-weight:normal;  */
	color:#fff; z-index:600; line-height:20px;
}
.blog .slide_img{
	width:160px; height:90px; z-index:600;
}
.blog .slide_bg_bottom{
	width:160px; height:35px; background-image:url(../images/slide_bottom.png); background-repeat:no-repeat;z-index:600;
}
.slide_bg_bottom p{
	margin:0; padding:10px;
	 /* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:bold; */
	 color:#fff; font-style:italic; text-align:left; z-index:600;
}
/* MAIN */
#page_main{
	margin:0 auto; padding:20px 0px; width:860px; height:230px; background-color:#fff; clear:both;
}
#page_main2{
	margin:0 auto; padding:0; width:900px; clear:both;
}
#bg_main_top{
	margin:0; padding:0; width:900px; height:10px; background:url(../images/bg_main_top.png) left top no-repeat; float:left;
}
#main{
	margin:0 auto; padding:15px 20px; width:860px; height:auto; background:url(../images/bg_main_center.png) left top repeat-y; float:left;
}
#bg_main_bottom{
	margin:0; padding:0; width:900px; height:10px; background:url(../images/bg_main_bottom.png) left top no-repeat; float:left;
}
/* MAIN LEFT */
.main_l{
	margin-top:10px; margin-bottom:10px; padding-right:15px; width:225px; height:210px; float:left; border-right:solid 2px #d9a53d;
}
.main_l p{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:normal; */
	color:#979797;
}
.main_l img{
	float:left; margin-right:10px;	
}
span.dish{
	color:#7d1818; font-style:italic; font-size:18px; font-weight:bold; text-decoration:underline;
}
span.price{
	color:#f5821c; font-style:italic; font-weight:bold; line-height:34px;
}
.readmore{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:bold; */
	 color:#987d48; font-style:italic; text-align:right;
}
.readmore a{
	color:#987d48; text-decoration:none;
}
.readmore a:hover{
	color:#987d48; text-decoration:underline;
}
/* MAIN CENTER */
.main_c{
	margin-top:10px; margin-bottom:10px; padding-left:20px; padding-right:15px; width:205px; height:210px; float:left; border-right:solid 2px #d9a53d;
}
.main_c img{
	border:none;	
}
.main_c p{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:13px; font-weight:normal;  */
	color:#7d1818; line-height:18px;	
}
.main_c span{
	color:#f5821c; font-weight:bold;	
}
/* MAIN RIGHT */
.main_r{
	margin:0; padding:0; width:376px; height:230px; float:left; background-image:url(../images/bg_welcome.png); background-position:left top; background-repeat:no-repeat;
}
.text_welcome{
	margin-top:65px; margin-bottom:10px; margin-left:40px; margin-right:35px; padding:0; width:300px; height:155px;
}
.text_welcome p{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:13px; font-weight:normal; */
	color:#696969; text-align:justify;
}
.text_welcome span{
	color:#cc6600;	
}
.welcome_more{
	margin-top:20px; margin-right:10px; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:bold; */
	 color:#987d48; font-style:italic; text-align:right;
}
.welcome_more a{
	color:#987d48; text-decoration:none;
}
.welcome_more a:hover{
	color:#987d48; text-decoration:underline;
}
/* BOTTOM */
#page_bottom{
	margin:0; padding:0; width:100%; height:110px; background-color:#f6ecc5; clear:both;
}
#bottom{
	margin:0 auto; padding:0; width:860px; height:110px;
}
#bottom .bottom_l{
	margin:0; padding:0; width:270px; height:110px; float:left;
}
.bottom_l p{
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:normal;  */
	color:#865d0c;	
}
#bottom .bottom_c{
	margin:0; padding-left:15px; width:255px; height:110px; float:left;
}
.bottom_c p{
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:normal; */
	 color:#865d0c;	
}
.bottom_c span{
	font-weight:bold;
}
.bottom_c a{
	color:#865d0c; text-decoration:none;
}
.bottom_c a:hover{
	color:#865d0c; text-decoration:underline;
}
#bottom .bottom_r{
	margin:0; padding-top:5px; padding-left:80px; width:240px; height:105px; float:left; background-image:url(../images/bg_facebook.png); background-position:left top; background-repeat:no-repeat;
}
.bottom_r p{
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:normal;  */
	color:#868686; line-height:22px;	
}
.bottom_r a{
	color:#868686; text-decoration:none;	
}
.bottom_r a:hover{
	color:#868686; text-decoration:underline;	
}
/* MENU */
#mainmenu {
    float:left;
    margin:0;
	padding:0;
}
#mainmenu a {
    display:block;
}
#mainmenu a span {
	display: none;
}
#mainmenu li { 
	list-style-type: none;
	float: left;
}
#mainmenu #nav_home {
	display:block;
	width:75px;
	height:20px;
	background-image: url(../images/nav_home.png);
	background-position: 0px 0px;
}
#mainmenu #nav_home:hover {
	display:block;
	width:75px;
	height:20px;
	background-image: url(../images/nav_home.png);
	background-position: 0px 20px;
}
#mainmenu #nav_home.selected {
	display:block;
	width:75px;
	height:20px;
	background-image: url(../images/nav_home.png);
	background-position: 0px 20px;
}
#mainmenu #nav_about {
	display:block;
	width:130px;
	height:20px;
	background-image: url(../images/nav_catering.png);
	background-position: 0px 0px;
}
#mainmenu #nav_about:hover {
	display:block;
	width:130px;
	height:20px;
	background-image: url(../images/nav_catering.png);
	background-position: 0px 20px;
}
#mainmenu #nav_about.selected {
	display:block;
	width:130px;
	height:20px;
	background-image: url(../images/nav_catering.png);
	background-position: 0px 20px;
}
#mainmenu #nav_menu {
	display:block;
	width:75px;
	height:20px;
	background-image: url(../images/nav_menu.png);
	background-position: 0px 0px;
}
#mainmenu #nav_menu:hover {
	display:block;
	width:75px;
	height:20px;
	background-image: url(../images/nav_menu.png);
	background-position: 0px 20px;
}
#mainmenu #nav_menu.selected {
	display:block;
	width:75px;
	height:20px;
	background-image: url(../images/nav_menu.png);
	background-position: 0px 20px;
}
#mainmenu #nav_gallery {
	display:block;
	width:100px;
	height:20px;
	background-image: url(../images/nav_gallery.png);
	background-position: 0px 0px;
}
#mainmenu #nav_gallery:hover {
	display:block;
	width:100px;
	height:20px;
	background-image: url(../images/nav_gallery.png);
	background-position: 0px 20px;
}
#mainmenu #nav_gallery.selected {
	display:block;
	width:100px;
	height:20px;
	background-image: url(../images/nav_gallery.png);
	background-position: 0px 20px;
}
#mainmenu #nav_contact {
	display:block;
	width:105px;
	height:20px;
	background-image: url(../images/nav_contact.png);
	background-position: 0px 0px;
}
#mainmenu #nav_contact:hover {
	display:block;
	width:105px;
	height:20px;
	background-image: url(../images/nav_contact.png);
	background-position: 0px 20px;
}
#mainmenu #nav_contact.selected {
	display:block;
	width:105px;
	height:20px;
	background-image: url(../images/nav_contact.png);
	background-position: 0px 20px;
}
/* FORM */
fieldset, form, label, legend{ margin:0px; padding:0px; border:0; vertical-align:baseline; text-align:left; 
	/* font-family:'Times New Roman', Times, serif;  */
	font-size:13px; font-weight:bold; }
fieldset{ margin:0px; padding:0px }
label{ margin-right:10px; padding:0px; width:145px; float:left; display:block; clear:left; color:#fff; text-align:right; }
textarea, input, select, label, button{ margin-top:5px; }
textarea{ border:1px solid #999; width:175px; height:45px; color:#696969; border:solid 1px #d9a53d; }
input[type="text"]{ width:175px; height:16px; color:#696969; border:solid 1px #d9a53d; }
input[type="submit"]{ background-color:#fff; color:#696969; border:solid 1px #d9a53d; padding:5px 10px; 
	/* font-family:'Times New Roman', Times, serif;  */
	font-size:12px; font-weight:bold; }
input[type="reset"]{ background-color:#fff; color:#696969; border:solid 1px #d9a53d; padding:5px 10px; 
	/* font-family:'Times New Roman', Times, serif;  */
	font-size:12px; font-weight:bold; }
label span{ color:#7d1818; }
/* CONTACT PAGE */
.blog_contact_l{
	margin:0; padding-left:15px; width:350px; height:auto; float:left; border-left:solid 2px #d9a53d; text-align:right;
}
.blog_contact_r{
	margin:0; padding:0; width:493px; height:auto; float:left; background-image:url(../images/blog_contact.png); background-position:left top; background-repeat:no-repeat;
}
.text_contact{
	margin-top:55px; margin-left:43px; padding:0; width:450px; height:170px;
}
.text_contact p{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:normal;  */
	color:#696969;	
}
.text_contact span{
	color:#7d1818; font-style:italic; font-size:18px; font-weight:bold; line-height:30px;
}
.text_contact a{
	color:#696969; text-decoration:none;
}
.text_contact a:hover{
	color:#696969; text-decoration:underline;
}
.location_map{
	margin-top:5px; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-style:italic; */
	text-align:right;
}
.location_map a{
	color:#e0b86a; text-decoration:none;
}
.location_map a:hover{
	color:#e0b86a; text-decoration:underline;
}
/* OUR CATERING PAGE */
#blog_about{
	margin:0; padding:0; width:860px; height:auto; float:left;
}
.blog_about_l{
	margin-bottom:20px; padding:10px 0px; width:260px; height:auto; float:left;
}
.blog_about_r{
	margin:0; padding:0; width:600px; height:480px; float:left; background:url(../images/blog_about.png) left top no-repeat;	
}
.text_about{
	margin-top:60px; margin-bottom:0px; margin-left:35px; margin-right:25px; padding:0; width:540px; height:auto;
}
.text_about p{
	margin:0; padding:0;
	 /* font-family:'Times New Roman', Times, serif; font-size:13px; font-weight:normal;  */
	 color:#696969; text-align:justify;	
}
.text_about span{
	color:#cc6600;	
}
.about_sign{
	margin-top:20px; margin-right:10px; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:14px; font-weight:bold; */
	 color:#e0b86a; font-style:italic; text-align:right;
}
/* SLIDESHOW */
#slideshow, #slideshow2 {
    position:relative;
    height:205px;
}
#slideshow img,#slideshow2 img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height: 206px;
}
#slideshow img.active,#slideshow2 img.active {
    z-index:10;
    opacity:1.0;
}
#slideshow img.last-active,#slideshow2 img.last-active {
    z-index:9;
}
/* MENU LIST */
#menu_list{
	width:860px; height:auto; float:left;
}
.dish_list{
	margin:0; padding:15px 10px 0px 15px; width:260px; height:100px; float:left;
}
.dish_list p{
	margin:0; padding:0; 
	/* font-family:'Times New Roman', Times, serif; font-size:13px; font-weight:normal;  */
	color:#ffff99;
}
.dish_list img{
	float:left; margin-right:10px; border:none;
}
.dish_list a span, .dish_list a:link span, .dish_list a:hover span{
	color:#fff; font-style:italic; font-size:14px; font-weight:bold; 
}
.dish_list p a, .dish_list p a:link, .dish_list p a:hover{
	text-decoration:none; color:#ffff99;
}

/* GALLERY */
.gallery{
	margin:0; padding:0; width:860px; height:auto;
}
.gallery a{
	border:none;	
}
.gallery img{
	border:none; margin-bottom:5px; margin-right:5px;	
}