/*
CSS
*/
body {	margin: 0 ;	padding:0;	font-family:Tahoma, "Arial Black";	font-size: 11px; background: url(images/pagebg.jpg) repeat-x #d3eee2;}
h1 { font-size: 18px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #075b50; margin: 0px; padding: 10px 0px 10px 15px;}
h2 { font-size: 16px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #d35910; margin: 0px; }
h3 { font-size: 12px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #17b49e; margin: 0px; text-decoration: underline;}
h4 { font-size: 20px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #FFFFFF; margin: 0px; padding: 13px 0px 10px 0px; font-weight: bold;}

.clearboth { clear: both;}
.morebutton { width: 100%; height: 23px;}
.morebutton img{ float: right; border-style: none;}

.bulletarrow ul { list-style: none; margin: 0px; padding: 0px; color: #076e60; margin-left: 15px;}
.bulletarrow ul li { height: 19px; background: url(images/bullet-arrow.jpg) no-repeat; padding-left: 18px; padding-top: 2px;}
.bulletarrow ul li a { font-family:Zawgyi-One;color:#076e60;  font-size: 13px;text-decoration: none; padding: 0px;  text-decoration: none; }
.bulletarrow ul li a:hover { font-family:Zawgyi-One;color:#1ba693;  font-size: 13px;text-decoration: none; padding: 0px;  text-decoration: none; }

.catgeory{ font-family:Zawgyi-One;color:#076e60;  font-size: 13px;text-decoration: none; padding: 0px;  text-decoration: none; }
.catgeory:hover { font-family:Zawgyi-One;color:#1ba693;  font-size: 13px;text-decoration: none; padding: 0px;  text-decoration: none; }
.catgeoryName{ font-family:Zawgyi-One;color:#076e60;  font-size: 22px;height:7em;text-decoration: none; padding: 0px;  text-decoration: none; }
.ReadRecipe{ font-family:Zawgyi-One; font-size: 13px;height:2em;text-decoration: none; padding: 0px;  text-decoration: none; }

.wrapperheader { width: 100%; height: 327px; background:url(images/headerbg.jpg) repeat-x;}
.header { width: 1000px; margin: 0px auto; padding: 0px; height: 327px;}
.headertop { float: left; width: 728px; height: 30px; padding-top: 10px; color: #FFFFFF;}
.headerleft { float: left; width: 525px; height: 287px;}
.headerlefttop { float: left; width: 525px; height: 112px; background: url(images/header-left-top.jpg) no-repeat; color: #FFFFFF; padding: 65px 0px 0px 0px;}
.headersearchwrapper { float: left; width: 515px; height: 50px; padding-left: 10px;}
.searchtextbox { float: left; width: 240px; height: 35px; margin-top: 10px; }
.searchbutton { float: left; height: 35px; width: 70px; margin-top: 10px;}
.searchcheck { float: left; width: 25px; height: 30px; margin-top: 10px; padding-left: 35px; padding-top: 5px; }
.searchmyanmar { float: left; width: 130px; height: 28px; margin-top: 10px; color: #FFFFFF; padding-top: 7px; font-weight: bold; }
.searchtextbox input{ border-style: none; width: 225px; margin-top: 3px; height: 20px; padding-top: 2px; font-family: "Trebuchet MS", Tahoma, Verdana;} 

.headermenu { float: left; width: 525px; margin-top: 11px; }
.headermenu ul { float: left; list-style: none; margin: 0px; padding: 0px; }
.headermenu ul li { float: left; margin-left: 5px; display: inline; height: 49px; text-align: center; }
.headermenu ul li a { float: left; color:#7d7d7d; text-decoration: none; font-weight: bolder; width: 122px; height: 39px; padding-top: 10px; }
.headermenu ul li a:hover, .headermenu li .current{ color:#ffffff; text-decoration: none; font-weight: bolder; width: 122px; background: url(images/header-button.jpg) no-repeat;}


.headerright { float: right; width: 450px; height: 247px; background: url(images/header-right-photo.jpg) no-repeat; text-align: right; padding: 40px 25px 0px 0px;}
.headerright a { font-weight: bold; text-decoration: none; color: #FFFFFF;}
.headerright a:hover{ font-weight: bold; text-decoration: none; color:#2fffe5;}


.wrapperbody { width: 980px; margin: 0px auto; margin-top: 30px; height: auto; background: url(images/bodybg.jpg) repeat-y;}
.wrapperbodytop { float: left; width: 980px; height: 20px; background: url(images/body-top.jpg) no-repeat;}
.wrappercontent { float: left; width: 980px; height: auto; background: url(images/bodybg.jpg) repeat-y;}
.wrapperbodybot { float: left; width: 980px; height: 21px; background: url(images/body-bot.jpg) no-repeat;}

.bodymenu { float: left; width: 230px;}
.bodymenutitle { float: left; width: 230px; height: 23px;}
.leftmenu { float: left; width: 230px; padding-top: 15px;}
.leftmenu  ul { list-style: none; margin: 0px; padding: 0px;}
.leftmenu  ul li { height: 23px; background: url(images/menu-bg.jpg) no-repeat; padding-left: 28px; padding-top: 3px; }
.leftmenu  ul li a { font-family:Zawgyi-One;color:#093d33; text-decoration: none; padding: 0px;  }
.leftmenu  ul li a:hover { font-family:Zawgyi-One;color:#18c8b1; text-decoration: none; padding: 0px;  }
.leftmenuads { float: left; width: 200px; height: 200px; border: 1px solid #cbd9d7; margin-top: 20px; margin-left: 20px;}
.bodyline { float: left; width: 20px; min-height: 679px; height: auto;}

.bodycontent { float: left; width: 730px; color: #5d5d5d; min-height: 679px; height: auto; }
.popularbox { float: left; width: 213px; padding: 0px 15px 0px 15px; text-align: justify; }
.videobox { float: left; width: 710px; height: 70px; background: url(images/video-bg.jpg) no-repeat; margin: 30px 0px 0px 5px; padding-top: 10px;}
.videoboxads { float: left; width: 468px; height: 60px; margin-left: 10px; }
.videobanner { float: left; width: 221px; height: 60px; }
.videobanner img{ border-style: none;}

.contentbigbox { float: left; width: 670px; border: 3px solid #deeee7; padding: 15px; margin-top: 10px; margin-left: 10px;}
.contentbigboxleft { float: left; width: 420px;}
.contentbigboxright { float: right; width: 230px;}
.contentbigboxrightimage { width: 100%; height: 100px; padding-top: 20px;}
.contentrightads { float: left; width: 200px; height: 90px;}

.contentsmallbox { float: left; width: 312px; border: 3px solid #deeee7; padding: 15px; margin-left: 10px; margin-top: 10px;}

.footerwrapper { width: 100%; background: #1b8577; height: 80px; margin-top: 25px;}
.footer { width: 950px; margin: 0px auto; color: #FFFFFF;}
.footerleft { float: left; width: 205px; background: url(images/footer-home.jpg) no-repeat; color: #FFFFFF; height: 50px; margin-top: 10px; padding: 15px 0px 0px 35px;}
.footerleft a{ font-weight: bold; text-decoration: none; color: #ffffff;}
.footerleft a:hover { font-weight: bold; text-decoration: none; color: #2fffe5;}

.footerright { float: right; width: 680px; text-align: right; color: #FFFFFF; height: 50px; margin-top: 10px;}
.footermenu { float: right; width: 680px; text-align: right; height: 25px;}
.footermenu ul { list-style: none; margin: 0px; padding: 0px;}
.footermenu  ul li { height: 23px; padding-left: 28px; padding-top: 3px; display: inline; }
.footermenu  ul li a { color:#ffffff; text-decoration: none; padding: 0px; font-weight: bolder; }
.footermenu  ul li a:hover { color:#2fffe5; text-decoration: none; padding: 0px; font-weight: bolder; }