/*

Credit: http://www.templatemo.com

*/

body {

	margin: 0px;

	padding: 0px;

	color: #000;

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

	font-size: 13px;

	line-height: 1.7em; 

	background-color: #77bf28;

	/*background-color: #fff;*/

}



a, a:link, a:visited { color:  #990000 font-weight: bold; text-decoration: none; }

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



p { margin: 0 0 10px 0; padding: 0; }

img { border: none; }

em { color: #000; font-weight: bold; font-style: normal }



h1, h2, h3, h4, h5, h6 {font-weight: normal; }

h1 { font-size: 28px; margin: 0 0 0px 0; padding: 5px 0 }

h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }

h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }

h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }

h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }

h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }



.cleaner { clear: both }

.h10 { height: 10px }

.h20 { height: 20px }

.h30 { height: 30px }

.h40 { height: 40px }

.h50 { height: 50px }

.h60 { height: 60px }



a.more { clear: both; display: block; width: 60px; line-height: 20px; text-align: center; padding: 0px 20px 0 0; color: #666; font-weight: normal; background: url(images/templatemo_more.jpg) }

a.more:hover { text-decoration: none; color: #000; }



.float_l { float: left }

.float_r { float: right }



.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }

.image_fl { float: left; margin: 3px 15px 0 0 }

.image_fr { float: right; margin: 3px 0 0 15px }





.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }

.tmo_list li { color:#003300 margin: 0; padding: 0 0 0 20px; background: url(images/templatemo_list.jpg) no-repeat scroll 0 7px  }

.tmo_list li a { color: #003300 font-weight: normal }

.tmo_list li a:hover { color: #e98236 }



#templatemo_wrapper {

	width: 960px;

	padding: 0 30px;

	margin: 0 auto;

	background: #fff;

	border-top-style:none;

	border-top-left-radius:10px;

	border-top-right-radius:10px;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

	box-shadow: 0 1px 4px rgba(0,0,0,.5);

    -moz-box-shadow: 0 1px 4px -moz-rgba(0,0,0,.5);

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);

	box-shadow:5px 5px 60px 10px #003300;

	margin-top:20px;

	margin-bottom:20px;

    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=4);

}



#templatemo_header {

	width: 960px;

	height: 60px;

	padding: 15px 0;

	/*border-bottom: 1px solid #cccccc;*/

	

}

#site_title { position:relative;float: left;width:275px; }

#site_title_left {float:left;width:275px; }

#site_title h1 { margin: 0; padding: 0 ;}

#site_title h1 a { display: block; width: 275px; height: 75px; color: #F60; text-indent: -10000px; background: url(images/Painol_Logo.jpg) no-repeat; }



#header_left { float:left; width:600px;}



#header_right { float: right; }

#header_right a { font-weight: normal }

#header_right .rss { clear: both; display: block; padding: 5px 30px 5px 0; text-align: right }

#header_right .home { background: url(images/icon_home.gif) no-repeat right center }

#header_right .contact { background: url(images/icon_contact.gif) no-repeat right center }

#header_right .sitemap{background: url(images/icon_sitemap.gif) no-repeat right center}

/* menu */

#templatemo_menu {

	clear: both;

	width: 960px;

	padding: 5px 0 0 0;

	border-top: 1px solid #cccccc;

	background:url(images/templatemo_menu.jpg) repeat-x bottom;

	

}



#templatemo_menu ul {

	float: left;

	width: 700px;

	margin: 0;

	padding: 0;

	list-style: none;

}



#templatemo_menu ul li {

	padding: 0px;

	margin: 0px;

	display: inline;

}



#templatemo_menu ul li a {

	float: left;

	display: block;

	padding: 0 15px 5px 15px;

	margin: 0 5px 0 0;

	font-size: 14px;

	text-align: center;

	text-decoration: none;

	color: #088A08;	

	font-weight: normal;

	outline: none;

	border: none;

}



#templatemo_menu ul li a:hover, #templatemo_menu ul li .current { color:#088A08 ; border-bottom: 4px solid #00FF00}





/* end of menu */



#slider { 

	clear: both;

	width: 650px;

	height: 270px;

	margin: 20px 0;

	overflow: hidden

	border:1px solid green;

	

}

.award

{

	position:relative;

	float:right;

	width:256px;

	margin-top:-300px;

	margin-bottom:0px;

	height: 280px;

	border:1px solid #999294;

}

.award img

{

	width:256px;

	height:280px;

	background:#fff url(images/award.png)repeat-x bottom ;

	

	box-shadow:1px 0px 0px 1px #aa;

}

#templatemo_main {

	clear: both;

	width: 960px;

	padding: 20px 0;

	background-color: #fff;

}





.col_w600 { width: 700px; position:relative;float:left;}

.col_w61{position:relative;float:left;width:680px;margin-left:15px;}

.col_w61 p{position:relative;float:left;width:600px;margin-left:10px;}

.col_w450 { width: 450px }

.col_w300 { width: 200px }

.col_w200 { width: 200px }

.col_allw300 { float: left; margin-right: 30px }

.col_last { margin: 0 }



.lbe_box { clear: both; margin-bottom: 20px }

.lbe_box h3 { font-size: 16px; margin-bottom: 5px }



.lp_box { float: left; width: 300px; margin-right: 30px }

.lp_box h6 { font-weight: bold; }

.lp_box_last { margin: 0 }

.lp_box img { border: 1px solid #CCC; padding: 4px }



.news_box { clear: both; margin-bottom: 30px }

.news_box h2 { font-size: 20px; margin-bottom: 0 }

.news_box p.date { color: #cb5c02 }

.news_box img { float: left; width: 100px; height: 100px; padding: 4px; border: 1px solid #ccc; margin-right: 30px }

.news_box a.more { float: right; }



.post_box{clear: both;position:relative;float:left;margin-bottom: 0px;margin-top:15px;margin-left: 10px;}

.post_box h2 { font-size: 20px; margin-bottom:0px }

.post_box p.post_meta {width:665px;}

.post_box p span.cat a { color: #cb5c02; font-weight: 400 }

.post_box img{ float: left; width: 100px; height: 200px; padding: 4px; border: 1px solid #ccc; margin-right: 10px }



.post_box1{clear: both;position:relative;float:left;margin-bottom: 0px;margin-top:5px;margin-left: 10px;}

.post_box1 h2 { font-size: 20px; margin-bottom:0px }

.post_box1 p.post_meta {width:665px;}

.post_box1 p span.cat a { color: #cb5c02; font-weight: 400 }

.post_box1 a.more { float: right; font-weight:bold;color:Red; }

.psb{clear: both;position:relative;width:480px;float: left;margin-bottom:0px;margin-top:15px;margin-left:0px;}

.psb p span.cat a { color: #cb5c02; font-weight: 400 }

.psb img{ float: left; width:470px; height: 160px; padding: 4px; border: 1px solid #ccc; margin-right: 10px }

.psb a.more { float: right; font-weight:bold;color:Red; }





.post_boxsb img{ float: left; width: 160px; height: 160px; padding: 4px; border: 1px solid #ccc; margin-right: 10px }







#map img { width: 190px; height: 150px; border: 1px solid #999; padding: 4px }

#gallery { margin: 0; padding: 0 }

#gallery ul { margin: 0; padding: 0; list-style: none }

#gallery ul li { display: block; float: left; width: 280px; margin: 0 30px 30px 0; padding: 8px; border: 1px solid #ccc }

#gallery ul .lmb { margin: 0 0 30px 0; }

#gallery ul li a img { border: 1px solid #ccc; margin-bottom: 5px }



#contact_form { padding: 0; width: 400px }

#contact_form form { margin: 0px; padding: 0px; }

#contact_form form .input_field { width: 270px; color: #333; padding: 5px; border: 1px solid #ccc;  background: #fff; }

#contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 13px; color: #000; }

#contact_form h4 a,

#contact_form h4 a:hover{

	font-weight: normal;

	text-decoration: none;

	cursor: text;

	color: #000;

}

#contact_form form textarea { 

	width: 388px; 

	height: 200px; 

	padding: 5px; 

	color: #333; 

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

	font-size: 12px; 

	border: 1px solid #ccc;  

	background: #fff; 

}



#contact_form form .submit_btn { 

	margin: 5px 0px; 

	padding: 5px 14px; 

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

	font-size: 12px; 

	border: 1px solid #CCC; 

	background: #fff; 

}



#templatemo_footer {

	clear: both;

	width: 960px;

	padding: 10px 0;

	text-align: center;

	border-top: 5px solid #CCC;

	border-bottom: 0px solid #CCC;

	margin-bottom: 0px;

}



#templatemo_footer a {

	font-weight: normal;

	color: #000;

}

#templatemo_footer .copyright_style,

#templatemo_footer .copyright_style:hover{

	color: #999;

	cursor: text;

	text-decoration: none;

}

.qc {

border: 1px solid #7fb200;

background-color:#004500;

}

.p5px {

padding: 5px;

color:#999294;

}

.mb20px {

width:950px;

margin:10px 0px 10px 0px;

}





.langaugeCounter {

background: #fff;



}

.fo {

zoom: 1;

}

.p5px10px {

padding: 5px 10px;

}

.b {

font-weight: bold;

}

.al {

text-align: left;

}

.ma3px a{margin:0 3px;}

/* top dishes */

#top_product {

	clear: both;

	width: 960px;

	padding: 20px 0px;

	background:#fff; /*url(../images/templatemo_content_top.jpg) top no-repeat;*/

}



#top_product h1 {

	color: #1b2308;

	font-size: 24px;

	margin: 0 20px 15px 20px;

	padding: 0 0 10px 0;

	border-bottom: 1px dotted #1b2308;

}



#top_product h2 {

	font-size: 14px;

	color: #1f1f1f;

	margin: 0;

	padding: 0 0 5px 0;

}



#top_product p {

	margin: 0px;

	padding: 0px;

}



#top_product .top_product_box {

	float: left;

	width: 210px;

	margin-left: 20px;

}



#top_prodcut .top_product_box img {

	margin-bottom: 15px;

	border: 5px solid #e1e0e0;

}

/* end of banner */



/* content */

#content {

	position: relative;

	color: #fff;

	width: 920px;

	padding: 0;

	margin-left: 20px;

	background: url(image/templatemo_content_bg_middle.jpg) repeat-y;

}



#innter_content {

	background: url(image/templatemo_content_bg_bottom.jpg) bottom center no-repeat;	

}



#content .top {

	position: absolute;

	display: block;

	top: 0;

	left: 0;

	width: 920px;

	height: 15px;

	background:url(image/templatemo_content_bg_top.jpg) bottom center no-repeat;

}



#content .bottom {

	position: absolute;

	float: left;

	bottom: 0;

	left: 0;

	width: 920px;

	height: 175px;

	background:url(image/templatemo_content_bg_bottom.jpg) bottom center no-repeat;

}



#content #content_left {

	float: left;

	padding: 30px 0 0 35px;

	width: 565px;

}



#content #content_right {

	float: right;	

	padding: 30px 25px 0 0;

	width: 245px;

	

}



 #content_left h1 {

	 font-size: 24px;

	 padding: 3px 0 10px 0;

	 margin: 0 0 10px 0;

 }





#content_left p {

	padding-bottom: 0px;

	margin: 0px;

}



#content_left img {

	float: left;

	margin: 3px 15px 0 0;

	border: 5px solid #4b5e1e;

}



#content_right h1 {

	color: #374712;

	font-size: 20px;

	height: 30px;

	margin: 0px;

	padding: 15px 0 0 20px;

	background: url(image/templatemo_header_bg.jpg) no-repeat;

}



#content_right h2 {

	color: #b7bd19;

	font-size: 16px;

	margin: 0 0 5px 0;

	padding: 0 0 5px 0;

}



#content_right img {

	border: 5px solid #4b5e1e;

	margin: 0 0 5px 0;

}





#content_right p {

	margin: 0 0 5px 0;

	padding: 0 0 5px 0;

}



#content_right .right_column_section {

	clear: both;

	margin: 20px;

}

a:link, a:visited { color: #b7bd19; text-decoration: none; font-weight: normal; } 

a:active, a:hover { color: #ff0000; text-decoration: none; }/*#d8df44*/



img {

	padding: 0px;

	margin: 0px;

}



p {

	margin: 0px;

	padding: 0px;

	text-align: justify;

	color:#999294;

}



h1 {

	margin: 0 0 15px 0;

}



.cleaner {

	clear: both;

	width: 100%;

	height: 0px;

	font-size: 1px;	

	

}



.cleaner_with_height {

	clear: both;

	width: 100%;

	height: 30px;

	font-size: 1px;	

}



.cleaner_with_divider {

	clear: both;

	width: 100%;

	height: 15px;

	border-bottom: 1px solid #333;

	margin-bottom: 25px;

	font-size: 1px;	

}



#scroll-item

{

	position:relative;

	float:left;

	width:940px;

	height:auto;

	margin: 20px 0px 0px 20px;

	padding: 0 0 10px 0;

}

#tab-content

{

	position:relative;

	float:left;

	width:960px;

	height:240px;

	clear:both;

	margin:0px 0px 0px 0px;

}

.scroller_roll

{

	width:920px;

    padding: 0px;

	background:#fff

   	border:1px solid #fff;

    overflow: hidden;

}

.scroller_roll ul

{

	width:920px;

    padding: 0px;

    margin: 0px;

    float: left;

	

}

.scroller_roll ul li

{

    padding: 0px;

    margin: 0px;

    list-style: none;

    float: left;

    text-align: center;

    display:inline;

    overflow: hidden;

}

.scroller_roll ul li a

{

	text-decoration: none;

}

.scroller_roll ul li a:hover

{

   text-decoration:none;

}

.scroller_roll ul li a img

{

    border: none;

}

.Contact_Detail

{

	position:relative;

	float:left;

	text-align:left;

	width:460px;

	margin-bottom:10px;

	height:auto;

	

}

.Contact_Detail h2

{

font-family: Arial, Helvetica, sans-serif;

width: 100%;

margin:0px 0px 10px 0px;

font-size:26px;

text-transform: uppercase;

color:#04B431;

float: left;

}

.Contact_Detail img

{

	float:left;

	text-align:right;

	width:230px; 

	height:250px; 

}

.leftcorn{

width:220px;

padding:0px;

padding-right:0px;

float: left;

margin:0px 0px 10px 0px;

}

.leftcorn h4

{

	color:#8A0829;

	font-size:18px;

	margin:0px 0px 10px 0px; 

}

.leftcorn h6

{

	color:#10114d;

	font-size:18px;

}

.leftcorn p

{

	font-family:Arial, Helvetica, sans-serif;

	color:#10114d;

	font-size:12px;

}