/*  
Theme Name: EAM Sales
Theme URI: http://sausagemaking.com.au/
Description: EAM Sales wordpress theme
Version: 1.0
Author: Kelani Design
Author URI: http://kelani.com.au/
*/


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPORT ADDITIONAL SHEETS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("./reset.css");




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS, anything sitewide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	body {
		background: #ede9e0 url("./images/bg.png") repeat-x;
		text-align: center;
		font-family: verdana, Arial, Times, serif;
		padding: 0 0 30px 0;
		font-size: 12px;
		}
			
		#wrapper {
			width: 920px;
			padding: 408px 0 0 0;
			margin: 0 auto 50px auto;
			background: url("./images/bg-content.png") no-repeat;
			text-align: left;
			position: relative;
			}
		#giveshadow {
			background: url("./images/bg-shadow.png") repeat-y;
			}
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	#header { display: none; }		
			
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MENU
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	#menu {
		position: absolute;
		top: 157px;
		left: 64px;
		width: 137px;
		height: 214px;
		text-align: center;
		}
		
		#menu li {
			margin: 0 0 2px 0;
			}
			
			#menu li a {
				display: block;
				width: 137px;
				height: 29px;
				padding: 12px 0 0 0;
				color: #464C1F;
				text-decoration: none;
				}
				
				#menu li a:hover { color: #795514; }
				




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FLASH CONTENT AREA
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	#flash-holder {
		position: absolute;
		top: 142px;
		left: 270px;
		width: 630px;
		height: 235px;
		}
		



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SUB HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#subheader {
		position: relative;
		width: 900px;
		margin: 0 auto;
		padding: 0 0 30px 0;
		background: url("./images/knife-and-fork.jpg") no-repeat bottom left;
		}
		
		
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTACT BOX
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#contact-box {
		position: absolute;
		left: 23px;
		top: 25px;
		width: 210px;
		height: 190px;
		color: #333333;
		}
		
		#contact-box .head {
			width: 210px;
			height: 15px;
			margin: 0 0 5px 0;
			}
			
		#contact-box a {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			width: 210px;
			height: 190px;
			}
			
		#contact-box strong { font-weight: bold; }
		
		#contact-box em	{ color: #CC3300; text-decoration: underline; }
		
		#contact-box h2 {
			padding: 0 0 10px 0;
			margin: 0 20px 15px 20px;
			border-bottom: 1px solid #D2D1CC;
			font-size: 14px;
			}
			
		#contact-box p {
			line-height: 1.4em;
			font-size: 12px;
			margin: 0 0 15px 20px;
			}
			
			#searchingbar {
		position: absolute;
		top: 10px;
		left: 20px;
		font-size: 12px;
		}

	#eamspecials {
		position: absolute;
		top: 250px;
		left: 30px;
		}
			
	#eamlogo {
		position: absolute;
		top: 250px;
		left: 30px;
		}
		
	#homeboxes {
		position: absolute;
		top: 610px;
		left: 30px;
		}
			
			
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT 
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	#content {
		width: 590px;
		min-height: 350px;
		margin: 0 0 0 282px;
		color: #333;
		}
		
		.home { padding: 0 0 0px 0; }
		
		#content h2 {
			font-size: 24px;
			font-weight: normal;
			padding: 0 0 14px 0;
			margin: 0 0 24px 0;
			border-bottom: 1px solid #DBDBDB;
			}
			
			.home h2 { font-weight: bold !important; }
			
		#content h3 {
			font-size: 20px;
			margin: 32px 0 16px 0;
			}
			
		#content h4 {
			font-size: 14px;
			line-height: 1.3em;
			margin: 32px 0 16px 0;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			}
		
		#content p {
			line-height: 1.6em;
			margin: 0 0 15px 0;
			font-size: 13px;
			}
			
		.product { 
			float: right;
			clear: right;
			margin: 0 0 10px 10px;
			}
			
			.clear { clear: both; margin-bottom: 20px; }
			
		#content strong { font-weight: bold; }
		
		#content em { font-style: italic; }
		
		#content a { color: #CC3300; }
			
			#content a:hover { color: #333; }
		
		#content ol {
			list-style: decimal;
			line-height: 1.6em;
			margin: 0 0 15px 40px;
			font-size: 13px;
			}
			
		#content ul {
			list-style: disc;
			line-height: 1.6em;
			margin: 0 0 15px 40px;
			font-size: 13px;
			}
			
			#content ol li {
				margin: 0 0 12px 0;
				}
			
		#products {
			position: relative;
			left:18px;
			width: 515px;
			height: 695px;
			background: url("./images/bg-products.jpg");
			margin: 0px 0 0 0;
			padding: 10px 20px 0 20px;
			}
			
			#products h2 {
				font-size: 14px;
				margin: 0px 10px 0px 60px;
				padding: 0 0 10px 0;
				}
			
			#products div {
				position: absolute;
				top: 30px;
				font-size: 12px;
				line-height: 1.6em;
				}
				
				#products div a { color: #CC3300; }
				
					#products div a:hover { color: #333; }
				
				#products div#column1 {
					left: 84px;
					width:150px;
					}	
				
				#products div#column2 {
					left: 244px;
					width:150px;
					}	
					
				#products div#column3 {
					left: 404px;
					width:150px;
					}
		
		#reasons {
			display: block;
			width: 200px;
			height: 125px;
			background: url("./images/homeboxes/homead-enews.jpg");
			}
			
		.divider {
			width: 100%;
			height: 20px;
			border-bottom: 1px solid #F1B482;
			margin: 0 0 25px 0;
			clear: right;
			}
			
			.biggerdivider {
				width: 100%;
				height: 70px;
				border-bottom: 1px solid #999;
				margin: 0 0 75px 0;
				clear: right;
				}
			
		
		#contactform input[type=text], #contactform textarea {
			width: 300px;
			padding: 5px;
			border: 1px solid #999;
			}
			
		.neg { color: #990803; }
		
		.pos { color: #0A9906; }
		
	.order {
		padding: 20px 0 20px 80px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		font-size: 13px;
		line-height: 1.8em;
		}
		
		#phone { background-image: url("./images/icon-tel.png"); }
		
		#email { background-image: url("./images/icon-email.png"); }
		
		#post { background-image: url("./images/icon-post.png"); }
		
		#faximg { background-image: url("./images/icon-fax.png"); }
		
		#person { background-image: url("./images/icon-person.png"); }
		
		#online { background-image: url("./images/icon-online.png"); }
		
			
			
			
			

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#footer {
		width: 900px;
		margin: 0 0 40px 10px;
		height: 45px;
		background: #677326 url("./images/bg-footer.gif") no-repeat bottom left;
		position: relative;
		font-size: 12px;
		}
			
		#footer #smallmenu {
			position: absolute;
			top: 17px;
			left: 20px;
			}
			
			#footer #smallmenu a { color: #333; text-decoration: none; }
			
				#footer #smallmenu a:hover { text-decoration: underline; }
			
		#footer #copy {
			position: absolute;
			top: 17px;
			right: 20px;
			}
			
			
			

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PRODUCTS PAGE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#column1, #column2 {
		float: left;
		width: 270px; 
		margin: 10px 20px 50px 0;
		}
		
		#column2 {
			margin-right: 0;
			}
		
		.block {
			margin-bottom: 30px;
			clear: left;
			height: 120px;
			}
			
			.block h3 {
				margin: 0 0 10px 0 !important;
				}
			
			.block a.img {
				display: block;
				float: left;
				margin-right: 10px;
				}
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CODE ADDED TO FIX LINE WRAP AROUND IMAGES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
			
			
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}