/*
Theme Name: Agricult 
Description: The Agricult theme based on the famous Wordpress.
Author: Agricult 
Tags: green, fixed width, three columns, custom header, widgets
*/

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Calibri; font-size: 14px; color: #181518; }
input, select, textarea { font-family: Calibri; outline: 0px; font-size: 14px; color: #181518; }
body { padding: 15px 0; background: #c6d9a7 url('images/bg.jpg') no-repeat center top; }
img { border: 0px; display: block; }
a { color: #181518; text-decoration: none; outline: 0px; }
a:hover { text-decoration: underline; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1081px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1081px; height: 134px; background: url('images/header.png') no-repeat center top; }
	#headerCntr h2 { position: absolute; top: 67px; left: 42px; width: 278px; height: 59px; text-indent: -9999px; background: url('images/header-text.jpg') no-repeat; }
	
	/* ### content container ### */
	#contentCntr { padding: 0 28px; overflow: hidden; width: 1025px; background: url('images/contentBg.png') repeat-y; }
	#contentCntr #contentBg { padding-top: 48px; background: url('images/midBg.gif') no-repeat center bottom; }
	#contentCntr #top { padding-top: 12px; background: url('images/greenCorner.png') no-repeat right top; }
	#contentCntr #mid { width: 100%; background: url('images/greenLine.gif') repeat-y right top; }
	
		/* ### left container ### */
		#leftCntr { padding-left: 30px; float: left; width: 245px; position: relative; }
		#leftCntr h1 { position: absolute; top: -17px; left: 30px; }
		#leftCntr h1 a { width: 245px; height: 156px; display: block; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
		
			/* ### menu box ### */
			.menuBox { padding: 185px 0 40px 0; }		
			.menuBox li { padding: 0 18px; list-style: none; width: 176px; height: 59px; background: url('images/menuButton.png') no-repeat }
			.menuBox li a { padding: 20px 0; text-decoration: none;  color: #0098d8; text-transform: uppercase; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; display: block;}
			.menuBox li a:hover { color: #77b355; text-decoration: none; }
			.menuBox li.page-item a { padding: 10px 0; }
			
			/* ### address box ### */
			.addressBox { padding: 40px 26px 0 26px; }
			.addressBox p { padding-bottom: 20px; line-height: 18px; color: #181518; font-size: 13px; text-transform: uppercase; font-weight: bold; }
			.addressBox span { font-size: 16px; }
			.addressBox a { color: #181518; text-decoration: none; }
			
			
		/* ### center container ### */
		#centerCntr { padding-top: 100px; padding-left: 65px; float: left; width: 440px; }
		#centerCntr h2 { padding-bottom: 15px; text-transform: uppercase; color: #0098d8; font-size: 30px; }
		#centerCntr h2 a { color: #0098d8; }
		#centerCntr h3 { padding: 5px 0; color: #181518; text-transform: uppercase; font-size: 16px; }
		#centerCntr h4 { padding: 0; color: #181518; text-transform: uppercase; font-size: 16px; }
		#centerCntr .entry ul { margin: 0px; padding: 0px; }
		#centerCntr .entry ul li { padding-left: 15px; list-style: none; background: url('images/arrow.png') no-repeat left 6px; }
		#centerCntr p { padding: 8px 0; }
		
		#centerCntr .productItem { margin: 15px 0 15px -5px; border: 1px solid #008fd0; width: 340px; overflow: hidden; padding: 5px 100px 5px 5px; }
		#centerCntr .productItem p { padding: 0px; } 
		
		#centerCntr ul.categoryItem { width: 440px; overflow: hidden; color: #3da9d8; border-top: 1px solid #3da9d8; border-left: 1px solid #3da9d8; }
		#centerCntr ul.categoryItem li { padding: 11px 0 0 0; width: 219px; height: 50px; list-style: none; float: left; text-align: center; border-bottom: 1px solid #3da9d8; border-right: 1px solid #3da9d8; background: none; }
		#centerCntr ul.categoryItem img { display: inline; }
		
		#centerCntr img.thumb { width: 435px; border: 1px solid #1a171b; margin-bottom: 10px; }
		
		
		/* ### right container ### */
		#rightCntr { padding-right: 25px; float: right; width: 165px; }
		
			/* ### image box ### */
			.imageBox { width: 100%; overflow: hidden; }
			.imageBox img { width: 162px; margin-bottom: 8px; border: 1px solid #1a171b; }
			.imageBox span { padding: 0px 0 15px 0; text-transform: uppercase; font-size: 14px; font-weight: bold; text-align: right; display: block; }
			.imageBox a { color: #181518; }
		
	
	/* ### footer container ### */
	#footerCntr { padding: 29px 50px 0 50px; line-height: 18px; color: #181518; font-size: 12px; text-transform: uppercase; font-weight: bold; overflow: hidden; width: 981px; height: 20px; background: url('images/footerBg.png') no-repeat center top; }
	#footerCntr span { float: right; }
	#footerCntr a { color: #181518; text-transform: uppercase; font-weight: bold; }

/* ### styles for the contact form ### */
#wpcf label { clear: both; display: block; float: left; width: 150px; }
#wpcf input { float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0; }
#wpcf textarea { width: 350px; height: 100px; padding: 1px; margin: 0 5px 10px 0; }
#wpcf #contactsubmit {margin-left: 250px; width: 100px; }