html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font-family: tahoma, verdana, "trebuchet ms", arial, sans-serif; 
	font-size: small; 
	line-height: 150%; 
	color: #444946; /* grey */ 
	background: #fff; 
	border-top: 5px solid #007a89; 
	} 

.inner  { 
	width: 880px; 
	margin: 0 auto; 
	} 

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

#accessnav  { 
	float: right; 
	width: 440px; 
	height: 55px; 
	padding: 5px 0 0 0; 
	font-size: 80%; 
	text-align: right; 
	} 

#textsize  { 
	float: right; 
	} 

#intro, 
#main  { 
	float: left; 
	width: 100%; 
	padding: 20px 0; 
	color: #fff;  
	background: #007a89 url(images/grad.gif) repeat-x 0 0; /* green */ 
	} 

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

#customers  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 20px 0; 
	color: #fff; 
	background: #444946; /* grey */ 
	border-top: 2px solid #007a89; 
	border-bottom: 2px solid #007a89; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	padding: 70px 0 20px; 
	color: #007a89; /* green */ 
	background: url(images/header_logo.gif) no-repeat 50% -245px;   
	} 

#welcome  { 
	float: left; 
	width: 520px; 
	line-height: 200%; 
	padding: 0 0 20px 0; 
	} 

#servicesintro  { 
	float: left; 
	width: 510px; 
	margin: 0; 
	padding: 0 0 20px 0; 
	background: #69726c url(images/corners510.gif) no-repeat 100% 100%; /* mid grey */ 
	} 

#profile  { 
	float: right; 
	width: 320px; 
	padding: 10px 0 20px 0; 
	} 

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

#machines  { 
	float: right; 
	width: 320px; 
	padding: 0 0 20px 0; 
	} 

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

#packaging  { 
	float: right; 
	width: 320px; 
	padding: 0 0 20px 0; 
	} 

#primary  { 
	float: right; 
	width: 320px; 
	margin: 10px 0 0 0; 
	padding: 0 0 20px 0; 
	background: #69726c url(images/corners320.gif) no-repeat 100% 100%; /* mid grey */ 
	} 

#secondary  { 
	float: right; 
	width: 320px; 
	margin: 20px 0 0 0; 
	padding: 0 0 20px 0; 
	background: #69726c url(images/corners320.gif) no-repeat 100% 100%; /* mid grey */ 
	} 

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

#contactform  { 
	float: right; 
	width: 510px; 
	margin: 20px 0; 
	padding: 0 100px 0 0; 
	} 

#contactform #ie6hack  { 
	float: left; 
	width: 510px; 
	background: #69726c url(images/corners510.gif) no-repeat 100% 100%; /* mid grey */ 
	} 





/* << navigation menus >> */ 


ul#nav  { 
	float: right; 
	width: 440px; 
	height: 65px; 
	line-height: 65px; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	} 

ul#nav li  { 
	float: left; 
	width: 110px; 
	padding: 0; 
	text-align: center; 
	background: url(images/line.gif) no-repeat 0 50%; 
	} 

ul#nav li#navindex  { 
	background: none; 
	} 

#nav a  { 
	float: left; 
	width: 110px; 
	display: block; 
	margin: 0; 
	padding: 0; 
	color: #444946; /* grey */ 
	text-decoration: none; 
	font-family: tahoma, "century gothic", "trebuchet ms", verdana, arial, sans-serif; 
	font-variant: small-caps; 
	} 

#nav a:hover  { 
	color: #007a89;  
	text-decoration: underline; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index ul#nav li#navindex a, 
body#services ul#nav li#navservices a, 
body#team ul#nav li#navteam a, 
body#contact ul#nav li#navcontact a  { 
	color: #007a89;  
	background: url(images/arrowup.png) no-repeat 50% 100%; 
	} 

body#index ul#nav li#navindex a:hover, 
body#services ul#nav li#navservices a:hover, 
body#team ul#nav li#navteam a:hover, 
body#contact ul#nav li#navcontact a:hover  { 
	color: #007a89; 
	background: url(images/arrowup.png) no-repeat 50% 100%; 
	cursor: default; 
	text-decoration: none; 
	} 





/* << other links >> */ 


a:link  { 
	color: #f8ba7d; /* peach */ 
	} 

a:visited  { 
	color: #efd8c2; /* pale peach */ 
	} 

a:hover { 
	color: #fff; 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1b3aac; 
	} 

#accessnav a:link  { 
	padding: 2px 4px; 
	cursor: pointer; 
	text-decoration: none; 
	} 

#accessnav li#default a:link, 
#accessnav li#default a:visited, 
#accessnav li#default a:hover  { 
	padding: 2px 4px; 
	color: #007a89; 
	cursor: default; 
	text-decoration: none; 
	border: 1px solid #69726c; 
	} 

#accessnav li#large a:link, 
#accessnav li#extra a:link  {  
	padding: 2px 4px; 
	color: #69726c; 
	cursor: pointer; 
	text-decoration: none; 
	border: 1px solid #fff; 
	} 

#accessnav li#large a:visited, 
#accessnav li#extra a:visited { 
	padding: 2px 4px; 
	color: #69726c; 
	cursor: pointer; 
	text-decoration: none; 
	border: 1px solid #fff; 
	} 

#accessnav li#large a:hover, 
#accessnav li#extra a:hover { 
	padding: 2px 4px; 
	color: #007a89; 
	cursor: pointer; 
	text-decoration: none; 
	border: 1px solid #007a89; 
	} 

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

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

#siteinfo a  { 
	color: #b55e2a; 
	} 

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

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

p#readservices a  { 
	display: block; 
	width: 290px; 
	height: 40px; 
	line-height: 40px; 
	text-indent: -5000px; 
	background: url(images/readmore.gif) no-repeat 0 0; 
	} 

p#readservices a:hover  { 
	background: url(images/readmore.gif) no-repeat 0 -40px; 
	} 

p#readteam a  { 
	display: block; 
	width: 290px; 
	height: 40px; 
	line-height: 40px; 
	text-indent: -5000px; 
	background: url(images/readmore.gif) no-repeat 100% 0; 
	} 

p#readteam a:hover  { 
	background: url(images/readmore.gif) no-repeat 100% -40px; 
	} 

#customers ul li a  { 
	float: left; 
	height: 50px; 
	padding: 2px; 
	text-indent: -5000px; 
	border: 1px solid #007a89; 
	} 

#customers ul li a:hover  { 
	border: 1px solid #fff; 
	} 

#customers ul li#gima a  { 
	width: 164px; 
	background: #cdc4c4 url(images/logos1.gif) no-repeat 2px 2px; 
	} 

#customers ul li#springvale a  { 
	width: 117px; 
	background: #cdc4c4 url(images/logos1.gif) no-repeat -164px 2px; 
	} 

#customers ul li#sonydadc a  { 
	width: 146px; 
	background: #cdc4c4 url(images/logos1.gif) no-repeat -283px 2px; 
	} 

#customers ul li#wrigley a  { 
	width: 219px; 
	background: #cdc4c4 url(images/logos1.gif) no-repeat -431px 2px; 
	} 

#customers ul li#mpo a  { 
	width: 55px; 
	background: #cdc4c4 url(images/logos1.gif) no-repeat -652px 2px; 
	} 

#customers ul li#cadbury a  { 
	width: 74px; 
	b ackground: #cdc4c4 url(images/cadburylogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat 2px 2px; 
	} 

#customers ul li#cinram a  { 
	width: 115px; 
	b ackground: #cdc4c4 url(images/cinramlogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat -74px 2px; 
	} 

#customers ul li#rank a  { 
	width: 121px; 
	b ackground: #cdc4c4 url(images/ranklogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat -191px 2px; 
	} 

#customers ul li#unilever a  { 
	width: 50px; 
	b ackground: #cdc4c4 url(images/unileverlogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat -314px 2px; 
	} 

#customers ul li#norgine a  { 
	width: 63px; 
	b ackground: #cdc4c4 url(images/norginelogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat -366px 2px; 
	} 

#customers ul li#boatopack a  { 
	width: 108px; 
	b ackground: #cdc4c4 url(images/boatopacklogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat -431px 2px; 
	} 

#customers ul li#subnil a  { 
	width: 146px; 
	b ackground: #cdc4c4 url(images/subnillogo.gif) no-repeat 2px 2px; 
	background: #cdc4c4 url(images/logos2.gif) no-repeat -541px 2px; 
	} 






/* << headers >> */ 


h1  { 
	float: left; 
	width: 400px; 
	height: 100px; 
	margin: 15px 0 10px 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/header_logo.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: #ede864; 
	border-bottom: 1px solid #007a89; 
	} 

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

#benefits h3  { 
	color: #444946; /* grey */ 
	} 

#servicesintro h3  { 
	padding: 15px 50px 10px 50px; 
	background: url(images/corners510.gif) no-repeat 50% 0; 
	} 

body#team h3  { 
	padding: 20px 0 0 0; 
	} 

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

#primary h4  { 
	margin: 0; 
	padding: 15px 30px 10px 30px; 
	background: url(images/corners320.gif) no-repeat 0 0; 
	} 

#secondary h4  { 
	margin: 0; 
	padding: 15px 30px 10px 30px; 
	background: url(images/corners320.gif) no-repeat 50% 0; 
	} 

#contactform h4  { 
	margin: 0; 
	padding: 15px 40px 5px 40px; 
	background: url(images/corners510.gif) no-repeat 0 0; 
	} 

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




/* << paragraphs >> */ 


p  { 
	margin: 0.8em 0 0 0; 
	padding: 0; 
	} 

#accessnav p  { 
	display: inline; 
	margin: 0; 
	padding: 0; 
	} 

#welcome p  { 
	font-size: 130%; 
	} 

#servicesintro p  { 
	padding: 0 50px; 
	} 

p#readservices  { 
	width: 290px; 
	height: 40px; 
	padding: 10px 50px 0 50px; 
	} 

p#readteam  { 
	width: 290px; 
	height: 40px; 
	padding: 10px 0 0 0; 
	} 

form p  { 
	padding: 0 20px; 
	} 

#siteinfo p  { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	} 






/* << lists >> */ 


ul  { 
	margin: 0 0 0 20px; 
	padding: 0; 
	list-style-type: disc; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#accessnav ul  { 
	display: inline; 
	margin: 0 0 0 10px; 
	} 

#accessnav li  { 
	display: inline; 
	padding: 0 2px 0 0; 
	} 

#accessnav li#default  { 
	font-size: 100%; 
	} 

#accessnav li#large  { 
	font-size: 150%; 
	} 

#accessnav li#extra  { 
	font-size: 190%; 
	} 

#siteinfo ul  { 
	display: inline; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding: 1em 0; 
	line-height: 140%; 
	} 

#siteinfo ul li  { 
	display: inline; 
	margin: 0 1em 0 0; 
	padding: 0; 
	} 

#customers ul  { 
	float: left; 
	width: 880px; 
	margin: 0; 
	padding: 10px 0; 
	list-style-type: none; 
	} 

#customers ul li  { 
	float: left; 
	width: auto; 
	display: inline; 
	margin: 10px 20px 10px 0; /* margin rather than padding for IE */ 
	padding: 0; 
	text-indent: -5000px; 
	} 

#customers ul li#mosar  { 
	text-indent: 0; 
	line-height: 50px; 
	} 

#customers ul li#gima  { 
	width: 164px; 
	} 

#customers ul li#springvale  { 
	width: 117px; 
	} 

#customers ul li#sonydadc  { 
	width: 146px; 
	} 

#customers ul li#wrigley  { 
	width: 219px; 
	} 

#customers ul li#cadbury  { 
	width: 74px; 
	} 

#customers ul li#cinram  { 
	width: 115px; 
	} 

#customers ul li#rank  { 
	width: 121px; 
	} 

#customers ul li#mpo  { 
	width: 55px; 
	} 

#customers ul li#unilever  { 
	width: 50px; 
	} 

#customers ul li#norgine  { 
	width: 63px; 
	} 

#customers ul li#boatopack  { 
	width: 108px; 
	} 

#customers ul li#subnil  { 
	width: 146px; 
	} 

#servicesintro ul  { 
	padding: 0 30px 0 60px; 
	} 

#packaging ul  { 
	padding: 0 20px 0 40px; 
	} 

dl  { 
	float: left; 
	width: auto; 
	margin: 0; 
	padding: 0; 
	} 

body#contact dl  { 
	width: 250px; 
	} 

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

dd#location  { 
	height: 40px; 
	line-height: 40px; 
	color: #ede864; 
	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; 
	} 

#map img  { 
	margin: 0; 
	padding: 0; 
	background: none; 
	border: none; 
	} 

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; 
	}