body  { 
	width: 95%; 
	float: left; 
	margin: 0; 
	padding: 0; 
	font-family: georgia, serif; 
	color: #000; 
	background: #fff; 
	border: none; 
	} 

.inner  { 
	width: 100%; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	height: 125px; 
	background: #fff; 
	} 

#accessnav  { 
	display: none; 
	} 

#intro, 
#main  { 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

#customers  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 20px 0; 
	color: #fff; 
	background: #fff;  
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	} 

#siteinfo  { 
	color: #999;  
	} 

#welcome  { 
	width: 100%; 
	padding: 20px 0; 
	} 

#servicesintro  { 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

#profile  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 20px 0; 
	} 

#commitment  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#machines  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#experience  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#packaging  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#primary  { 
	float: left; 
	width: 100%; 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

#secondary  { 
	float: left; 
	width: 100%; 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

#map  { 
	float: left; 
	width: 870px; 
	height: 400px; 
	margin: 20px 0; 
	border: 2px solid #69726c; /* mid grey */  
	} 

#contactform  { 
	float: left; 
	width: 100%; 
	margin: 20px 0; 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

ul#nav  { 
	display: none; 
	} 

a:link  { 
	color: #000;  
	} 

h1 a  { 
	float: left; 
	width: 400px; 
	height: 100px; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1.gif) no-repeat 0 0;   
	} 

h1 a:hover  { 
	background: url(images/h1.gif) no-repeat 0 -100px;   
	} 

#siteinfo a  { 
	color: #000; 
	} 

#siteinfo a:visited  { 
	color: #000; 
	} 

#siteinfo a:hover  { 
	color: #000; 
	} 

p#readservices a  { 
	display: none; 
	} 

p#readteam a  { 
	display: none; 
	} 

h1  { 
	float: left; 
	width: 400px; 
	height: 100px; 
	margin: 15px 0 10px 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1.gif) no-repeat 0 0;   
	} 

h2  { 
	margin: 0 0 20px 0; 
	padding: 10px 0 5px 0; 
	line-height: 150%; 
	font-size: 200%; 
	line-height: 150%; 
	font-weight: normal; 
	color: #000; 
	border-bottom: 1px solid #007a89; 
	} 

h3  { 
	margin: 0; 
	padding: 10px 0; 
	font-size: 170%; 
	line-height: 140%; 
	font-weight: normal; 
	color: #000; 
	} 

#benefits h3  { 
	color: #000; 
	} 

#servicesintro h3  { 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 


h4  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	color: #000; 
	font-size: 130%; 
	line-height: 140%; 
	font-weight: normal; 
	} 

#primary h4  { 
	margin: 0; 
	padding: 15px 30px 10px 30px; 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

#secondary h4  { 
	margin: 0; 
	padding: 15px 30px 10px 30px; 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

#contactform h4  { 
	margin: 0; 
	padding: 15px 40px 5px 40px; 
	color: #000;  
	background: #fff; 
	background-image: none;  
	} 

h5  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 120%; 
	line-height: 140%; 
	font-weight: normal; 
	font-variant: small-caps; 
	} 




dl  { 
	float: left; 
	margin: 0 50px 0 0; 
	padding: 0; 
	} 

dt  { 
	padding: 20px 0 5px 0; 
	color: #000; 
	font-size: 130%; 
	line-height: 140%; 
	font-weight: normal; 
	} 

dd#location  { 
	height: 40px; 
	line-height: 40px; 
	color: #000; 
	font-size: 130%; 
	} 

dd#location span  { 
	display: block; 
	height: 40px; 
	line-height: 40px; 
	padding: 0 0 0 30px; 
	background: url(images/downarrow.gif) no-repeat 0 50%; 
	} 





/* << contact form >> */ 



form  { 
	float: left; 
	width: 470px; 
	margin: 0; 
	padding: 0 20px 20px 20px; 
	} 

form div  { 
	margin: 1em 0 0 0; 
	padding: 0 20px; 
	} 

label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

label.message  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

input  { 
	width: 240px; 
	padding: 2px; 
	} 

input.submitform  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

input.submitform:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

input:focus  { 
	color: #007a89; 
	background: #f1f2f4; 
	} 

textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	} 

textarea:focus  { 
	color: #007a89; 
	background: #f1f2f4; 
	} 

input.required, 
textarea.required  {
	border: 1px solid #69726c; 
	} 

input.validation-failed, 
textarea.validation-failed  { 
	border: 1px solid #007a89; 
	color: #007a89; 
	} 

input.validation-passed, 
textarea.validation-passed  { 
	border: 1px solid #69726c; 
	color : #69726c; 
	} 

.validation-advice {
	margin: 5px 0; 
	padding: 5px 10px; 
	background-color: #007a89; /* green */ 
	color : #ede864; /* yellow */ 
	font-weight: bold; 
	} 




/* << minor, decorative elements >> */ 


img  { 
	float: left; 
	margin: 5px; 
	padding: 2px; 
	background: #f1f2f4; 
	border: 1px solid #999; 
	} 

span.jmt  { 
	color: #007a89; 
	} 

em  { 
	font-weight: bold; 
	font-style: normal; 
	} 
 
cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #fff; 
	cursor: help; 
	}