/* CSS Document */

body{
	padding:0; margin:0; background:#8CAF6F;
	}
div, p, h1, h2, h3, h4, h5, h6, img, ul, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
		}
.clearcols
{
clear:both; 
line-height:0px;
margin:0px;
padding:0px;
height:0px;
font-size:0px;
}

/*------------------ body area ---------------------*/
#mainbody{
	width:780px; margin:0 auto; padding:0px; background:#FFFFF1;
	}
#headerarea{
	width:780px; height:369px; margin:0 auto; padding:0px;
	}
#leftheader{
	width:230px; margin:0px; padding:0px; float:left;
	}
#rightheader{
	width:550px; margin:0px; padding:0px; float:left;
	}
#logo{
	width:230px; height:134px; margin:0px; padding:0px; float:left;}
#menubg{
	width:230px; height:235px; margin:0px; padding:0px; background:url("image/menu_bg.gif") no-repeat 0 0; float:left;
	}
#menubg ul{
	width:154px; display:block; margin:30px 0 0px 50px;
	}
#menubg ul li{
	background:url("image/menu-arrow.gif") no-repeat 0 7px; display:block; padding:0 0 0 20px; border-right:none; float:none; height:28px;
	}
#menubg ul li a{
	font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#FFFFF2; text-decoration:none;
	}
#menubg ul li a:hover{
	text-decoration:none; color:#000000;
	}

/*--------------- content area -------------------- */
#contentarea{
	width:780px; margin:0 auto; padding:0px;}

#topcontent{
	width:780px; height:27px; margin:0px; padding:0px;
	}
#contentbg{
	width:780px; margin:0 auto; padding:0 0px 0 0px; background:url("image/body_bg.gif") repeat-y 0 0;
	}
#downcontent{
	width:780px; height:20px; margin:0px; padding:0px;
	}
#midcontent{
	margin:0 20px 0 20px; padding:0px;}
#leftbody{
	width: 500px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #000000;
	font-family: Verdana;
	font-size: medium;
}
#leftbody h1{
	background:url("image/welcome.gif") no-repeat; display:block; width:304px; height:41px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;
	}
#leftbody p{
	display: block;
	font: 14px Verdana;
	color: #000000;
	text-align: justify;
	margin: 10px 10px 20px 5px;
}
#leftbody p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#C8403B; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 10px 0px;
	}
#leftbody p a:hover{
	text-decoration:none; color:#000000;
	}
#leftbody h2{
	background:url("image/special.gif") no-repeat; display:block; width:235px; height:41px; text-indent:-2000px; margin:30px 0 0 0px; padding:0 0 0px 0px;
	}
#leftbody p.pic1{
	background:url("image/pic1.gif") no-repeat left top; padding:0 0 0 130px; width:114px; display:block; margin:10px 0px 0px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#8CAF6E; text-align:justify; width:358px;
	}
#leftbody p.pic1 a{
	display:block; margin:10px 0 0 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#B90F10; text-align:justify; text-decoration:underline;
	}
#leftbody p.pic1 a:hover{
	color:#000000; text-decoration:none;
	}
#leftbody p.pic2{
	background:url("image/pic2.gif") no-repeat left top; padding:0 0 0 130px; width:114px; display:block; margin:10px 0px 0px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#8CAF6D; text-align:justify; width:358px;
	}
#leftbody p.pic2 a{
	display:block; margin:10px 0 0 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#B90F10; text-align:justify; text-decoration:underline;
	}
#leftbody p.pic2 a:hover{
	color:#000000; text-decoration:none;
	}
#leftbody h4{
	background:url("image/nutrition_service.gif") no-repeat; display:block; width:292px; height:35px; text-indent:-2000px; margin:0px 0 0 0px; padding:0 0 0px 0px;
	}
#leftbody h5{
	background:url("image/food_details.gif") no-repeat; display:block; width:292px; height:40px; text-indent:-2000px; margin:30px 0 0 0px; padding:0 0 0px 0px;
	}
#leftbody h6{
	background:url("image/contact_info.gif") no-repeat; display:block; width:354px; height:38px; text-indent:-2000px; margin:6px 0 0 0px; padding:0 0 0px 0px;
	}


/* ---------------- rightbody --------------*/
#rightbody{
	width:220px; margin:0 0 0 10px; padding:0px; float:left;
	}
#rightbody h3{
	background:url("image/doctor_tips.gif") no-repeat; display:block; width:163px; height:19px; text-indent:-2000px; margin:15px 0 0 0px; padding:0 0 0px 0px;
	}
#rightbody p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#9C9C9C; text-align:justify;
	margin:10px 0px 0px 0px;
	}
#rightbody p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#7BA70D; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 15px 0px;
	}
#rightbody p a:hover{
	text-decoration:none; color:#000000;
	}
#image{
	width:203px; height:94px; margin:0 auto; padding:10px;
	}

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

#footerarea{
	width:780px; height:81px; margin:0px; padding:0px;}
#leftfooter{
	width:24px; height:81px; margin:0px; padding:0px; float:left;}
#footerbg{
	width:732px; height:81px; margin:0px; padding:0px; background:url("image/footer_bg.gif") repeat-x 0 0; float:left;}
#footerbg ul{
	width:680px; display:block; margin:0px 0 0 40px; padding:0;
	}
#footerbg ul li{
	display:block; padding:20px 16px 0 30px; margin:0; float:left;
	}
#footerbg ul li a{
	font:bold 11px/11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; margin:0; padding:0; width:inherit; 
	}
#footerbg ul li a:hover{
	text-decoration:none; color:#571518;
	}
#footerbg p{
	width:305px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#571518; display:block; float:left;
	padding:7px 0 0 110px;
	}
#footerbg p.copy{
	width:130px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#571518; display:block; float:left;
	padding:7px 0 0 80px;
	}

#rightfooter{
	width:24px; height:81px; margin:0px; padding:0px; float:left;
	}
	
/*------------- CONTACT FORM ----------- */
#contactbody{
	width:380px;
	height:270px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	}
#contact{
	width:379px; margin:0 auto 0 auto;
	}
#contact form{
	width:378px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 10px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#A7CC86;
	width:100px;
	}
#contact form input{
	width:220px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url("image/submit.gif") no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url("image/reset.gif") no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}