/*
Theme Name:fresh fruit
Theme URI: http://
Description: fresh fruit
Author: nelskiepogi
Author URI: http://fresh fruit
Tags: standard
	standard v1.2
*/
*{	border:none; padding:0; margin:0;  } /* RESET ELEMENTS */
a img {	border: none; }

/*	###############################################################################
	kasagarang ginagamit na klase 
	############################################################################### */

.clear{clear:both;}
.key{color:#000000;font-size:10px;}
.center { text-align: center; }
.aligncenter,div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto; }
.imgcenter { display: block; margin-left: auto; margin-right: auto; }
img.aligright { display: inline; padding: 4px;	margin: 0 0 2px 7px; }
img.alignleft {	display: inline; padding: 4px;	margin: 0 7px 2px 0; }
.alignright { float: right;	}
.alignleft  { float: left;	}
.hidden { display: none; }

/*	###############################################################################
	HTML	
	############################################################################### */
body {
	background:#29BDE5;
	color: #FFFFFF;
	font-size: 12px; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	text-align: center; 
}

a:link, a:visited { text-decoration:none; color:#00ff9b; }
a:hover, a:active {text-decoration: underline;color: #00ff9b; }

p{line-height:1.4em; margin-bottom:10px;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;	font-weight: bold; color: #ffff00; 	}
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
input, textarea{border:1px solid #CFC2B0; padding:2px; }
select { width: 130px;	}
small {	font-family: Arial, Helvetica, Sans-Serif; font-style:oblique;	font-size: 12px; color:#333333; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote { margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

/*	###############################################################################
	@MAINDIVS	
	############################################################################### */
/* backgrounds */
.topbg{  background: url('images/topbg-rpt.jpg') no-repeat center top ;  }
.toprpt{ background: url('images/1toprpt.jpg') repeat-x center top ; }
.btmrpt{ background: url('images/btmrpt.jpg') repeat-x center bottom ; }
.btmbg{  background: url('images/btmbg.jpg') no-repeat center bottom ; }
.page-wrap{	text-align: left; margin:0 auto; width:980px; }


.sky {
	width: 100%;
	height: 300px;
	z-index: 100;
}

.main {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background: url(images/footerbg.png) no-repeat  center bottom;
	z-index: 200;
}



.header {	
	padding:0 15px;
	background:url(images/header.png) center 86px no-repeat;
	
}

.flashbanner {	
	height: 610px;
	margin: 0px;
	padding: 0px;
	
}
.products {
	height: 200px;
	position: absolute;
	top: 370px;
	margin: 0px;
	padding: 0px;
}
#arrow_left{float:left; width:33px;}
#arrow_right{float:left; width:33px;}

.faux{ height:100%; padding:0; background:url(images/middlebg.png) center top repeat-y;}

.content-wrap { float:left;	border-top:0px solid yellow; width:672px;}
.content{padding:20px 10px 0 30px;}	

.sidebar-wrap{ float:left; border-top:0px solid red; width:282px; }
.sidebar{padding:20px 24px 0 0px;}
.sidebar-pad{padding:10px 20px;}
.sbar-title{ background:url(images/sbar-titlebg.jpg); font-size:16px; 
	font-weight:bold;color:#FFFF00; 
	font-family:Arial, Helvetica, sans-serif;
	width:100%; padding:4px 0 4px 20px;
}



.footer{ 
	background:url(images/footerhomebg-btm.png)center top no-repeat; 
	font-size:12px; color:#000000; text-align:center;
}
.footer-inner{	padding:45px 0 0px 0; color:#000000;}
.ftr-menu{ float:right; margin-bottom:20px; font-size:12px; font-weight:bold; padding:0px 20px 0 0; color:#FFFFFF;}
.footer , .footer a:link, .footer a:visited { color:#FFFFFF; }
.footer a:hover, .footer a:active {color: #ffff00; }


/*	###############################################################################
	@menubar	*/
	
.menubar{background: url('images/menubar.jpg') center top no-repeat; height:100px;}
.menu{ float:none; padding:93px 0 0 409px; }
.menu ul { list-style: none; margin: 0px; padding: 0;}
.menu ul li { float: left; width:85px; margin-right:4px } /* width same sa a */
.menu ul li a, .menu ul li a:link, .menu ul li a:visited{
	color: #FFFFFF;
	width:87px;
	height:29px;		
	padding: 8px 0px 0 0;	
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(images/menu.gif) left top repeat-x;
	text-align:center;
	display: block;
	text-decoration: none;
}

.menu ul li a:hover , .menu ul li.current_page_item a, .menu ul .current_page_item a:active{	
	color: #f3f300;
	background:url(images/menuh.gif) left top repeat-x;
	text-decoration: none;


}


/* 	####################################################
	@NAVIGATION */
.navigation { margin:20px 0 0 0; }
.navigation .alignleft{float:left;width:45%;}
.navigation .alignright{float:right;width:45%;}
.navigation .alignleft a, .navigation .alignright a {padding-bottom:6px; }
.navigation .alignleft a { background:url(images/prev-icon.gif) 0 0px no-repeat; padding-left:0px; }	
.navigation .alignright a {	background:url(images/next-icon.gif) right 0px no-repeat; text-align:right; padding-right:0px; }	


/* ####################################################
	@comments */
h3#comments{ padding:0 0 10px 0; }
ol.commentlist { padding: 0; text-align: justify; }
ol.commentlist li { margin: 0px 0 10px 0; padding: 4px; list-style: none; border:1px solid #CCCCCC; }

ol.commentlist li div.comment-body { padding:6px; background:#F3F3FD;}
ol.commentlist li.odd div.comment-body { padding:6px; background:#F5EDE2;}

.vcard{float:left; width:45%}
img.avatar { display:inline; padding:2px; margin-right:4px; border:1px solid #CCCCCC; }
.fn {font-weight:bold;}

.commentmetadata{ text-align:right; float:right; width:45%}

ol.commentlist li p{ clear:both; padding:10px 0 0 60px; margin:0px 0; }

div.reply{padding:10px 0 0px 60px;  }
a.comment-reply-link{}

ol.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
ol.commentlist li ul li em{} /* ur comment is awaiting mod. msg */

ol.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

.comments-pagenav{padding:4px; text-align:center;}
.comments-pagenav a{ padding:4px 4px; }
.comments-pagenav .current{font-weight:bold;}
.comments-pagenav .next{}
.comments-pagenav .previous{}
/* End Comments */

/* 	####################################################
	@RESPOND */
#respond{ }
#respond h3{}/* kato gung Leave a reply na txt */
#respond p{padding:0 0 6px 0;}
#commentform input { width: 170px;  margin:2px 0; padding:4px;}
#commentform #author{} /* input sa author */
#commentform #email{} /* kailangan pabang imemorize yan */
#commentform #url{} /* kailangan pabang imemorize yan */
#commentform #comment{ padding:4px; width:98%;} /* textarea ni, dwe ka type ug msg */
#commentform #submit{} /* of course, submit button */


/* 	####################################################
	@CAPTION */

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* 	####################################################
	@Calendar */
#wp-calendar { empty-cells: show;	margin: 10px auto 0; width: 155px; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar #next a { padding-right: 10px;	text-align: right;	}
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a {text-decoration: none; display: block; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; width: 100%; text-align: center;	}
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; } /* Doesn't work in IE */

/* End Calendar */
h2.section-title{
	background:url(images/section-bg.jpg) left top;	
	color: #ffff00;
	height:23px;
	font-size:16px;
	padding:5px 0 0 20px;;
	margin-bottom:15px;
}

.ul-services{
	list-style:none;
}

.ul-services li{ 
	clear:both; 
	background: url('images/services-bg.jpg') left bottom repeat-x;
	padding:0 0 0px 0;
	margin:0 0 0px 0;
	color:#fefefc;
}

.svcs-detail{
	margin:20px 0 10px 130px;
}

.backtotop{float:right;}

h3.section-title{
	background:url(images/section-bg2.jpg) left top;	
	color: #ffff00;
	height:29px;
	font-size:15px;
	padding:5px 0 0 60px;
}

div.prod-img{ display:block;float:left; width:150px; margin-right:10px;}
.prod-excerpt{ display:block;float:left; width:460px;}
.prod-desc {width:450px; padding:10px 0 0 0;}
.prod-morelinks{float:right;}

/*	###############################################################################
	@Beginnings	*/
.post-beginnings{ font-size:12px; color:#000000; margin:0 30px 0 0px; border-bottom:1px solid white; }
.content-top{background:url(images/content-top.png) 2px top; height:17px;}
.content-big{background:url(images/content-bg.png) 2px top repeat-y; }
.content-btm{ background:url(images/content-btm.png)2px top; height:34px;} 

.productcontent-line{ background:url(images/productcontent-line.png);padding:0 0px 0 0px; margin:0 25px;}




/*	###############################################################################
	@Home */
.sidebar-readmore{float:right;}
.comment-box{ background:url(images/comment1.jpg) left top no-repeat; width:240px; margin:10px 0 0 0px;; }
.comment-box p{background:url(images/comment2.jpg) right bottom no-repeat; padding:20px; font-weight:bold; }
.content-title{ 
	background:url(images/content-title.png); 
	font-weight:bold;
	color:#FFFF00;
	height:23px;
	font-size:15px;
	padding:5px 0 0 20px;;
	margin-bottom:15px;

}





/*	###############################################################################
	@Facilities	*/
.faci-top{background:url(images/faci-top.png) 2px top; height:17px;}
.content-big{background:url(images/content-bg.png) 2px top repeat-y; }
.faci-btm{ background:url(images/faci-btm.png)2px top; height:34px;} 
.post-faci{ font-size:12px; color:#000000; margin:0 30px 0 0px; border-bottom:1px solid white; }


/*	###############################################################################
	@Product */
.product-top{background:url(images/product-top.png) 2px top; height:17px;}
.content-big{background:url(images/content-bg.png) 2px top repeat-y; }
.product-btm{ background:url(images/product-btm.png)2px top; height:34px;} 
.product-desc{ font-size:15px; font-weight:bold; padding:0 0 0 45px; color:#07045d;}
.product-1desc{ font-size:12px;color:#07045d;}
.productpic1{ background:url(images/productpic1.jpg) left top no-repeat; width:100px; margin:0px 0 0 0px;}
.productcontent-line{ background:url(images/productcontent-line.png); height:1px; }



/*	###############################################################################
	@Application	*/
.application-top{background:url(images/application-top.png) 2px top; height:17px;}
.content-big{background:url(images/content-bg.png) 2px top repeat-y; padding: 0 0 0 5px; }
.application-btm{ background:url(images/application-btm.png)2px top; height:34px;}
.post-application,ul-services{ padding:0 0 0 45px;}
.title3{ margin:-29px 0 0 0px; padding:40px; font-size:14px; font-weight:bold; color:#0000FF;}
.text2{ font-size:10px; color:#000000; padding:10px;}
.app2{ width:420px;}





/*	###############################################################################
	@Contact	*/
.contact-top{background:url(images/contact-top.png) 2px top; height:17px;}
.content-big{background:url(images/content-bg.png) 2px top;}
.contact-btm{ background:url(images/contact-btm.png)2px top; height:34px;}
.contact_table{border:0px solid red; margin: 0 40px 0 40px;}
.post{ font-size:12px; color:#000000;}
.table{ width:560px; padding:0 0 0 40px;}
.tbl-scroll{ border:none;padding:0;margin:0; text-align:left; vertical-align:top; border-collapse:collapse;}
.tbl-scroll td { vertical-align:top;}
.div-scroll{border:0px solid red;}
.flashdiv{ border:0px solid red; height:392px;}



/*	###############################################################################
	@Prod */	
.prod-top{background:url(images/prod/prod-top.png) 2px top; height:17px;}
.content-big{background:url(images/prod/content-bg.png) 2px top repeat-y; }
.prod-btm{ background:url(images/prod/prod-btm.png)2px top; height:34px;} 
.post{width:900px; margin:0 30px;}
.title{padding:0 30px; font-size:24px; font-weight:bold; color:#07045d;}
.title_product{padding:10px 30px; font-size:15px; font-weight:bold; color:#040404;}
.productcontent-line{ background:url(images/prod/productcontent-line.png); height:1px; padding:1px; }
.title_product2{ font-size:15px; font-weight:bold;}
.newsrep-sbar{ padding:0 0 20px 0;}
.appbox{ 
	width:150px; float:left; border:1px solid #CCCCCC;
	padding:10px 0;
	margin:0 10px 10px 0;
	text-align:center;
}
.appbox-nomargin{  
	width:150px; float:left; border:1px solid #CCCCCC;
	padding:10px 0;
	margin:0 0px 10px 0;
	text-align:center;
}

.appbox-last{ 
	width:298px;
	float:left; border:1px solid #CCCCCC;
	padding:0px 0;
	margin:0 10px 10px 0;
	text-align:center;
	font-size:10px;
	padding:10px 5px;
	text-align:left;
	
}
.contact-left{font-size:10px;}
.tbl-contact th{ padding:0 10px 6px 0px;   }
.tbl-contact td{ padding:0 0px 10px 0px;   }
.prod-list{
	clear:both; padding-bottom:15px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:2px solid #29BDE5;
	
}

.topmenu{ position:absolute; top:90px; font-weight:bold; font-size:12px; }
.topmenu-inner{	
	background:url(images/topmenu.png) left top no-repeat;
	width:650px; height:31px;
	padding:14px 0 0 8px;
	margin:0 0 0 330px;
}
.topmenu a{ padding:1px;}
.topmenu a:link, .topmenu a:visited{ color:#FFFFFF; }
.topmenu a:hover, .topmenu a:active{ color:#FFFF00; }

.Nav{padding: 0 0 0 30px;}