/* 
	
	Master Screen CSS
	
 */
 
* {
	margin: 0;
	padding: 0;

}

	img {
		border: 0;
	}
	
 body {
 	background-image:url(../images/bg.jpg);
 	background-repeat:repeat-y;
	background-position:center;
	background-color:#32281a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e4114;
	line-height:1.4em;
	}
 
 a {
 color:#006633;
 text-decoration:none;
 	
 }
 	a:hover {
 color:#009933;
 text-decoration:none;
	}
	
	a:visited {
 color:#006633;
 text-decoration:none;		
	}
		
#container {
	width: 900px;
	margin: 0 auto; /*centers container if there is a width */
	
}

.floatleft {
	float:left;
}

.margin-left {
margin-left:30px;
}

.textlarge {
font-size:16px;
color:#006600;
}
 
 #head {

	background-repeat:no-repeat;
	height:82px;
	margin-top:20px;
 }
 
 h1 {
 	font-size:22px;
 	color:#000000;
 }
 
 	h1 a{
	display:block;
	width:1px;
	height:1px;
	position:absolute; top:0; left:0;
	text-indent:-9999px;
	overflow: hidden;
	}

h2 {
font-size:15px;
font-weight:bold;
}

 
 #skiplink {
 	position: absolute;
	left: -9999px;
 }
 
 #content {
 border-left:#bebdbd solid 3px;
 border-right:#bebdbd solid 3px;
 background-image:url(../images/bg_main.jpg);
 background-repeat:repeat-y;
 }
 
#innerContent {
		float: left;
		width: 640px;

	}
/* ------------------------ 
		NAV
------------------------ */

ul#navigation {
	 display: block;
	 width: 900px;
	 height: 82px;
	 position: absolute;
	 list-style: none;
	 }
	 
	 ul#navigation li {
	 	height: 82px;
		float: left;
		_display: inline;
	 	display: block;
	 }
	 
	 	 ul#navigation li a {
		 	text-indent: -9999px;
			overflow: hidden;
		 	height: 82px;
	 		display: block;
			background: url(../images/nav.jpg);
		 }
	 
			ul#navigation li#navAbout a {
				width: 183px;
			}
				ul#navigation li#navAbout a:hover {
					background-position: 0 -82px;
				}
			
			ul#navigation li#navBlending a {
				width: 177px;
				background-position: -183px 0;
			}
				ul#navigation li#navBlending a:hover {
					background-position: -183px -82px;
					}
			
			ul#navigation li#navPackaging a {
				width: 177px;
				background-position: -360px 0;
			}
				ul#navigation li#navPackaging a:hover {
					background-position: -360px -82px;
					}
			
			ul#navigation li#navAssistance a {
				width: 177px;
				background-position: -537px 0;
			}
				ul#navigation li#navAssistance a:hover {
					background-position: -537px -82px;
				}
				
			ul#navigation li#navContact a {
				width: 186px;
				background-position: -714px 0;
			}
				ul#navigation li#navContact a:hover {
					background-position: -714px -82px;
				}
	
	
/* ------------------------ 
		HOME PAGE
------------------------ */

 #flash {
 	background-image:url(../images/flash.jpg);	
	height:372px;
	margin: 0 auto;
 }

 ul#lowerpromo {
	 display: block;
	 width: 900px;
	 list-style: none;
	 background-image:url(../images/lower_promo.jpg);
	 background-repeat:no-repeat;
	 height:116px;
	 }
	 
	 ul#lowerpromo li {
	 	height: 65px;
		float: left;
		_display: inline;
	 	display: block;
		margin-top:25px;
	 }
	 
	 	 ul#lowerpromo li a {
		 	text-indent: -9999px;
			overflow: hidden;
		 	height: 50px;
	 		display: block;
		 }
		 
		 ul#lowerpromo li#navCPA a {
				width: 150px;
			}
		 ul#lowerpromo li#navNYS a {
				width: 90px;
			}
		 ul#lowerpromo li#navBK a {
				width: 100px;
			}
		 ul#lowerpromo li#navOrganic a {
				width: 100px;
			}
		 ul#lowerpromo li#navProducts a {
				width: 200px;
				margin-left:20px;
			}


/* ------------------------ 
		SUB PAGE
------------------------ */
 #leftcolumn {
 float:left;
 clear:both;
 }
 
 #leftcolumn p {
  padding-left:8px;
  color:#2b6346;
  clear:both;
 }
 
 #rightcolumn {
 float:left;
 width:618px;
 padding:10px;
  }
 
 #productfloat {
 display:block;
 width:150px;
 float:left;
 margin-right:20px;
 margin-bottom:5px;
 margin-top:5px;
 padding:10px;
 height:327px;
 border:#999999 1px solid;
 background-color:#CCCCCC;
 overflow:auto;
 }

/* ------------------------ 
		IMAGES
------------------------ */

.leftimage {
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
border: 1px #999999 solid;
}

.rightimage {
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
border: 1px #999999 solid;
}

#formpic {
position:absolute;
left:50%;
margin-left:175px;
float:none;
border: 1px #999999 solid;
}

#formpic2{
position:absolute;
left:50%;
margin-left:175px;
margin-top:200px;
float:left;
border: 1px #999999 solid;
}

/* ------------------------ 
		FORM
------------------------ */
 fieldset {	
 	clear: both;
	bordeR: 0;
	width:450px;
	padding-top: 10px;
	
}

	 legend {
		display: none;
	}

 label {
	display: block;
	width: 150px;
	text-align: right;
}
		 label.required {
			font-weight: bold;
		}

input, 
 select,
 textarea {
	margin-left: 164px;
	
	margin-top: -.8em;
	position: relative;
	top: -.8em;
	*top: -1.2em;
	height:16px;
	width: 180px;
	font-size: 11px;
	border: 1px solid #ccc;
	_left: 150px;
	_margin-left: 150px;
	
}

 textarea {
	height: 78px;
	font-size: 120%;
	top: -.5em;
	
}

	 input:focus,
	 textarea:focus {
		border: 1px solid #c00;
	}

#btnSubmit {
	margin-top: 1em;
	width: 200px;
	display: block;
	width: 58px;
	height: 15px;
	border: 0;
}

#summary ul, #ValidationSummary1 ul{
	padding: 1em 2em;
	margin-left:55px;
}



/* ------------------------ 
		FOOTER
------------------------ */
		
#Footerbg {
	background-image:url(../images/sub_footer.jpg);
	background-repeat:no-repeat;
	height:42px;
	width:900px;
	margin: 0 auto;
}

#footer {
	height: 30px;
	width: 100%;
	color:#FFFFFF;
	font-size:10px;
}
	#footer ul {
		margin: 0px;
		padding: 0px;
 		font-family: Arial, Helvetica, sans-serif;
 		font-size: small;
 		color: #FFF;
 		line-height: 30px;
 		white-space: nowrap;
		font-size:11px;
	}
	
	#footer li {
		list-style-type: none;
 		display: inline;
}
	#footer li a{
		text-decoration: none;
		padding: 4px 7px;
 		color: #FFF;
		text-transform:uppercase;
}
	#footer li a:hover{
		text-decoration: none;
 		padding: 4px 7px;
 		color:#CCC;
}

#footer a{
	color:#FFF;
	}
	#footer a:hover{
	color:#ccc;
	}
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */