@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

body {
	background:url(img/repeatingbkg.jpg) #d4c6b5;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#464646;
}

a {
	color:#64923e;
	font-size: 14px;
	text-decoration:none;
				}
	
a:hover {
	color:#3a5524;
	}
			


.clear {
	clear:both;
	height:0px;
	display: block;
	width:100%;
	overflow: hidden;
}

.fl { float:left; }

.fr{ float:right; }

#container {
	margin:0 auto;
	display:block;
	width:100%;
}

		#contactform, #company-info {
			position:relative;
			width:100%;
			overflow:hidden;
			background:#689a41;
		}
		
			#form-wrapper-outside, #company-wrapper-outside {
				position:absolute;
				left:50%;
				bottom:0px;
				width:980px;
				margin:0 auto;
			}
				#form-wrapper-inside, #company-wrapper-inside {
					margin-left:-490px;
					width:980px;
					background:url(img/formbkg.gif) repeat-y;				
				}
				#form {
					width:980px;
					background:url(img/formbkg_btm.gif) no-repeat 0 bottom;
				}
				#company-inside {
					width:980px;
					background:url(img/companybkg_btm.gif) no-repeat 0 bottom;
				}
					#company-content {
						width:900px;
						padding:20px 40px 50px 40px;
						background:url(img/formbkg_top.gif) no-repeat 0 0;
						color:#fff;
						line-height:1.5em;
					}
					#company-content .header {
						margin-bottom:10px;
					}
					#company-content p {
						padding-bottom:10px;
					}
					#company-content .start-button {
						margin-top:10px;
					}
					#company-content .start-button a {
						background-image: url(img/startnow_button-company.gif);
					}
					#contact_form {
						width:900px;
						padding:20px 40px 50px 40px;
						background:url(img/formbkg_top.gif) no-repeat 0 0;
					}

		#tinynav-container{
			margin:0 auto;
			height:40px;
			width:100%;
			background:#689a41;
			border-bottom:1px #FFFFFF solid;
		}
		
			#tinynav {
			margin:0 auto;
			width:980px;
			height:40px;
			background:#689a41;
			}
			
				#tinynav-nav{
				float:right;
				background:#689a41;
				height:40px;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:14px;
				}
				
					#tinynav-nav ul{
					float:left;
					
					height:40px;
					}
					
					#tinynav-nav li{
					float:left;
					height:40px;
					margin:12px;
					}
					
					#tinynav-nav img{
					margin:-3px 0 0 -14px;
					}
					
					#tinynav-nav a{
					color:#ffffff;
					}
					
					#tinynav-nav a:hover{
					color:#ebebeb;
					}
					
			#keurig{
			width:40px;
			float:left;
			height:40px;
			color:#FFFFFF;
			}
			
				#keurig img{
				margin-right:5px;
				margin-top:10px;
				}
				
			#keurig-text{
			float:left;
			height:25px;
			margin-top:15px;
			color:#fff;
			}
			
				#keurig-text a{
				height:25px;
				color:#FFFFFF;
				}
				
				#keurig-text a:hover{
				height:25px;
				color:#ebebeb;
				}

		#logo-container{
		margin:0 auto;
		width:980px;
		height:66px;
		border-bottom:solid 1px #689a41;
		}
		
			#logo{
			padding-top:17px;
			float:left;
			width:541px;
			height:35px;
			}
			
			#logo a{
			width:541px;
			height:35px;
			
			float:left;
			background:url(img/logo.png) no-repeat;
			background-position:0 0;
			display:block;
			}
			
			#logo a:hover{
			background-position:0 -35px;
			}
			
			#phonenumber{
			float:right;
			height:17px;
			margin:30px 10px 0 0;
			}
		
		#mainnav-container{
		margin:0 auto;
		width:980px;
		height:41px;
		border-top:dotted 1px #adaaa8;
		border-bottom:dotted 1px #adaaa8;
		margin-top:2px;
		margin-bottom:2px;
		}
		
			#mainnav{
			height:30px;
			float:left;
			margin:10px 0 0 0;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#689a41;
			}
			
				#mainnav li{
				float:left;
				margin-right:4px;
				}
				
					#onlineordering a{
					height:22px;
					width:162px;
					background:url(img/mainnavitems.png) 0 0 no-repeat;
					text-indent:-9999px;
					display:block;
					}
					
					#onlineordering a:hover{
					background-position:0 -22px;
					}
					
					#services a{
					height:22px;
					width:102px;
					background:url(img/mainnavitems.png) -162px 0 no-repeat;
					text-indent:-9999px;
					display:block;
					}
					
					#services a:hover{
					background-position:-162px -22px;
					}
					
					#equipment a{
					height:22px;
					width:120px;
					background:url(img/mainnavitems.png) -263px 0 no-repeat;
					text-indent:-9999px;
					display:block;
					}
					
					#equipment a:hover{
					background-position:-263px -22px;
					}
					
					#home a{
					height:22px;
					width:102px;
					background:url(img/mainnavitems.png) -384px 0 no-repeat;
					text-indent:-9999px;
					display:block;
					}
					
					#home a:hover{
					background-position:-384px -22px;
					}
				
			#creditcards{
			margin:8px 10px 0 0;
			float:right;
			height:30px;
			}
		
		#carousel-container {
			position:relative;
			width:100%;
			overflow:hidden;
			margin:0px;
			padding:0px;
		}		
		#carousel-wrapper{
			position:relative;
			margin:0 auto;
			height:420px;
			width:980px;
			border-top:1px solid #689a41;
			/*border-bottom:1px solid #adaaa8;*/
		}
			#carousel-images {
				position:relative;
				display:block;
				height:420px;
				width:960px;
				overflow:visible;
			}
				#carousel-images ul {
					display:block;
					height:420px;
					width:960px;
				}
					#carousel-images li {
						display:block;
						height:420px;
						width:960px;
						position:absolute;
						top:0;
						left:0;
					}
			#carousel-controls {
				position:absolute;
				width:520px;
				left:0px;
				bottom:40px;
				border-bottom:dotted 1px #adaaa8;
			}
				#carousel-controls ul {
					height:27px;
					width:510px;
					padding-bottom:45px;
					padding-left:10px;
					margin-bottom:2px;
					border-bottom:1px solid #689a41;
				}
					#carousel-controls li {
						float:left;
						display: block;
						width:27px;
						height:27px;	
						margin-right:3px;			
					}
					#carousel-controls li a {
						text-indent: -9999px;
						cursor: pointer;
						display: block;
						width:27px;
						height:27px;
						background:url(img/carousel_btn.gif) 0 0 no-repeat;
					}
						#carousel-controls li a:hover {
							background-position: 0 -27px;
						}
						#carousel-controls li.on a {
							background-position: 0 -54px;
						}
						
						#carousel-controls li.play-btn a {
							background:url(img/carousel_playpause_btn.gif) 0 -27px no-repeat;
						}						
						#carousel-controls li.play-btn a:hover {
							background:url(img/carousel_playpause_btn.gif) 0 0 no-repeat;
						}
						
						#carousel-controls li.pause-btn a {
							background:url(img/carousel_playpause_btn.gif) 0 -81px no-repeat;
						}						
						#carousel-controls li.pause-btn a:hover {
							background:url(img/carousel_playpause_btn.gif) 0 -54px no-repeat;
						}
			
			#carousel-text {
				position:absolute;
				width:610px;
				left:10px;
				top:180px;
			}
				#carousel-text li {
					position:absolute;
					top:0;
					left:0;
					line-height:20px;
				}
		
		
		#content-container{
		margin:0 auto;
		width:980px;
		/*border-top:dotted 1px #adaaa8;*/
		border-bottom:dotted 1px #adaaa8;
		margin-top:-40px;
		display:block;
		}
		
		#content-container-inside{
		margin:0 auto;
		width:980px;
		border-top:solid 1px #689a41;
		border-bottom:dotted 1px #adaaa8;
		margin-top:2px;
		display:block;
		}
		
			#content-left{
			float:left;
			width:628px;
	
			margin-right:20px;
			padding-bottom:20px;
			display:block;
			}
			
				.column-inside {
				width:600px;
				margin:20px 7px 0 7px;
				float:left;
				}
				
				.column{
				width:300px;
				margin:20px 7px 0 7px;
				float:left;
				}
				
					.column-badge {
					height:62px;
					width:62px;
					float:left;
					display:block;
					margin-right:20px;
					margin-top:20px;
					}
					
					.column-header {
					display:block;
					width:518px;
					margin-bottom:20px;
					height:22px;
					margin-top:20px;
					float:left;
					}
					
					.column-header-wide {
					display:block;
					width:600px;
					margin-bottom:40px;
					height:22px;
					margin-top:20px;
					float:left;
					}
					
					
					
					.column-text {
					width:290px;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					color:#464646;
					font-size:14px;
					line-height:26px;
					}
					
					.column-text p{
					margin-bottom:10px;
					}
					
					.column-text-inside {
					width:518px;
					margin-left:82px;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					color:#464646;
					font-size:14px;
					line-height:20px;
					margin-bottom:20px;
					}
					
					.column-text-inside-left {
					width:600px;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					color:#464646;
					font-size:14px;
					line-height:20px;
					margin-bottom:20px;
					}
					
					.column-text-inside p{
					margin-bottom:10px;
					
					}
					
					.start-button a{
					background:url(img/startnow_button.gif) no-repeat;
					width:132px;
					}
					
					.start-button a:hover{
					background-position:0 -40px;
					}
					
					.ordernow-button a{
					background:url(img/ordernow.gif) no-repeat;
					width:132px;
					}
					
					.ordernow-button a:hover{
					background-position:0 -40px;
					}
					
					
					.column-button {
					margin:30px 0 10px 0;
					height:40px;
					display:block;
					}
					
					.column-button-right {
					margin:30px 0 10px 80px;
					height:40px;
					display:block;
					}
					
					.column-button-right a{
					height:40px;
					text-indent:-9999px;
					display:block;
					}
					
					.column-button a{
					height:40px;
					text-indent:-9999px;
					display:block;
					}
					
			
			#content-right{
			float:left;
			width:332px;
			display:block;
			padding-bottom:20px;
			}
			#content-container #content-right{
				margin-top:40px;
			}
			
				#right-ad{
				width:332px;
				height:318px;
				margin:20px 0 10px 15px;
				display:block;
				}
				
				#right-ad a{
				width:332px;
				height:318px;
				background:url(img/freedaytrial.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				}
				
				#right-ad a:hover{
				background-position:0 -318px;
				}
				
				#question-ad{
				width:332px;
				height:167px;
				margin:20px 0 40px 15px;
				display:block;
				}
				
				#question-ad a{
				width:332px;
				height:167px;
				background:url(img/questions.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				}
				
				#question-ad a:hover{
				background-position:0 -167px;
				}
			
		#modules-container{
		display:block;
		margin:0 auto;
		width:980px;
		height:205px;
		border-top:solid 1px #689a41;
		margin-top:2px;
		}
		
			.module{
			display:block;
			width:300px;
			margin:15px 13px 15px 13px;
			float:left;
			height:178px;
			}
			
			.module a{
			display:block;
			width:300px;
			height:178px;
			text-indent:-9999px;
			}
			
				#waterservices a{
				background:url(img/waterservices.gif) no-repeat;
				}
				
				#waterservices a:hover{
				background-position:0 -178px;
				}
				
				#foodservices a{
				background:url(img/foodservices.gif) no-repeat;
				}
				
				#foodservices a:hover{
				background-position:0 -178px;
				}
				
				#coffeeservices a{
				background:url(img/coffeeservices.gif) no-repeat;
				}
				
				#coffeeservices a:hover{
				background-position:0 -178px;
				}
			
		#logo-strip{
		margin:0 auto;
		width:980px;
		height:80px;
		display:block;
		padding-left:40px;
		margin-top:20px;
		}
		
		#newsletter-strip{
		display:block;
		margin:0 auto;
		width:100%;
		background:#330000;
		height:90px;
		background:url(img/bottom-beans.png) repeat-x;
		padding-top:60px;
		}
		
			#newsletter{
			margin:0 auto;
			width:960px;
			height:47px;
			background:#689a41;
			padding:0 0 0 0;
			}
			
			#newsletter li{
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			padding:18px 0 0 20px;
			float:left;
			}
			
			#newsletter input{
			float:left;
			margin:-5px -10px 0 10px;
			}
			
			#newsletter img{
			float:left;
			margin:-8px -10px 0 10px;
			}
			
			#newsletter #newsletter-send {
			height:30px;
			width:60px;
			background:url(img/send.gif) 0 0 no-repeat;
			text-indent:-9999px;
			display:block;
			margin:-9px 0 0 0;
			}
			
			#newsletter #newsletter-send:hover{
			background-position: 0 -30px;
			}
		
		#footer-strip{
		margin:0 auto;
		width:100%;
		background:#000000;
		height:25px;
		}
			
			#footer-content{
			width:980px;
			margin:0 auto;
			}
			
				#addy {
				font-family:Geneva, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:11px;
				margin:0 auto;
				width:780px;
				padding-top:8px;
				float:left;
				}
				
				#addy a{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:11px;
				margin:0 auto;
	
				}
				
				#addy a:hover{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				color:#CCCCCC;
				font-size:11px;
				margin:0 auto;
	
	
				}
				
				#fourohone a{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:11px;
				margin:0 auto;
				padding-top:8px;
				float:right;
				}
				
				#fourohone a:hover{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				color:#CCCCCC;
				font-size:11px;
				margin:0 auto;
				padding-top:8px;
				float:right;
				}

#contact_form {
	color:#fff;
	font-size:11px;
}
#contact_form .column {
	width:285px;
	margin-top:0px;
	margin-bottom:10px;
}
	#contact_form label {
		color:#fff;
		padding-left:2px;
		line-height:22px;
		text-transform: uppercase;
		font-size:13px;
	}
	#contact_form label small {
		text-transform: none;
		font-size:10px;
	}
	#contact_form .column_2-3 {
		width:584px;
		float:left;
		margin:0 7px;
	}
	#contact_form .input {
		margin-bottom:6px;
	}
	#contact_form .input input.field {
		width:275px;
		border:0px none;
		padding:5px;
		font-family:Geneva,Arial,Helvetica,sans-serif;
		font-size:14px;
	}
	#contact_form .input .input-half {
		float:left;
		width:135px;
		margin-right:15px;
	}
	#contact_form .input .input-half-last {
		margin-right:0px;
	}
	#contact_form .input .input-half input.field {
		width:125px;
		border:0px none;
		padding:5px;
		font-family:Geneva,Arial,Helvetica,sans-serif;
		font-size:14px;
	}
	
	#contact_form textarea {
		width:265px;
		padding:5px;
		margin:0px;
		height:75px;
		border:0px none;
		font-family:Geneva,Arial,Helvetica,sans-serif;
		font-size:14px;
	}
	
	#contact_form #send-btn {
		display: block;
		width:101px;
		height:33px;
		background: url(img/send-btn.jpg) 0 0 no-repeat;
	}
	




#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; border-bottom:0px none; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; text-shadow:none; }	
#imageData #caption{ font-weight:normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;
border-bottom:0px none;
}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }