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

* { margin:0; padding:0; }

html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}




body {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	}
	




/*---------------------------------------------------------------------------------------
--- CONTAINER
---------------------------------------------------------------------------------------*/

#container {
	width: 960px;
	text-align:left;
	margin: 0 auto;
	}
	
	
/*---------------------------------------------------------------------------------------
--- HEADER
---------------------------------------------------------------------------------------*/

#header {
	width: 960px;
	margin: 0;
	margin-top: 30px;
	padding: 0;
	padding-left:80px;
	}
	
	#header_flags {
		z-index: 20;
		margin-top:-25px;
		margin-left: 780px;
		position:absolute;
		text-align:right;
		float:right;
		}
	/*  LOGO */
	
		#logo {float: left; width: 125px;}
	
	/* HEADER NAVIGATION */
	
		ul#header_navigation {width:660px; list-style: none; float:left; margin-left:25px; height:60px;}
		ul#header_navigation li {display: inline;}
		ul#header_navigation li a {display:block; float:left; height:60px; background-image:url(../images/main_navigation.png); text-indent:-9999px;}
		ul#header_navigation a {outline:none;} /*This removes a dotted line effect when buttons are clicked */
		/* OFF state */
		ul#header_navigation li a.h_nav-home { width:100px; background-position:0 0;}
		ul#header_navigation li a.h_nav-what { width:150px; background-position:-100px 0;}
		ul#header_navigation li a.h_nav-where { width:190px; background-position:-250px 0;}
		ul#header_navigation li a.h_nav-faq { width:120px; background-position:-440px 0;}
		ul#header_navigation li a.h_nav-contact { width:100px; background-position:-560px 0;}
		/* ON state */
		ul#header_navigation li a.h_nav-home:hover { width:100px; background-position:0 -60px;}
		ul#header_navigation li a.h_nav-what:hover { width:150px; background-position:-100px -60px;}
		ul#header_navigation li a.h_nav-where:hover { width:190px; background-position:-250px -60px;}
		ul#header_navigation li a.h_nav-faq:hover { width:120px; background-position:-440px -60px;}
		ul#header_navigation li a.h_nav-contact:hover { width:100px; background-position:-560px -60px;}
	
	
/*---------------------------------------------------------------------------------------
--- Content Top
---------------------------------------------------------------------------------------*/


#index_content-top {
	background-image: url(../images/content_top-bg.jpg);
	background-repeat: no-repeat;
	clear:both;
	}
	
	
	/* ROUND BUTTONS */
		#buttons {display:block; height:285px;}
		
		#buttons ul {margin:0; padding:0; list-style-type:none; padding-left: 80px; padding-top:50px;}
		#buttons li {float:left; margin-right:32px; display:block; width:176px;}
		#buttons li.list1 {background:transparent url(../images/button-food.png);}
		#buttons li.list2 {background:transparent url(../images/button-packaging.png);}
		#buttons li.list3 {background:transparent url(../images/button-building.png);}
		#buttons li.list4 {background:transparent url(../images/button-spareparts.png);}
		
		#buttons a {display:block; width:176px; padding-top:176px; height:0; color:#000; text-decoration:none; overflow:hidden;}
		* html #buttons a:link, * html #buttons a:visited {height:176px; he\ight:0;}
		
		#buttons a#item1 {background:transparent url(../images/button-food_on.png) -176px -176px no-repeat;}
		#buttons a#item2 {background:transparent url(../images/button-packaging_on.png) -176px -176px no-repeat;}
		#buttons a#item3 {background:transparent url(../images/button-building_on.png) -176px -176px no-repeat;}
		#buttons a#item4 {background:transparent url(../images/button-spareparts_on.png) -176px -176px no-repeat;}
		#buttons a#item1:hover {background-position:top right; z-index:50;}
		#buttons a#item2:hover {background-position:top right; z-index:50;}
		#buttons a#item3:hover {background-position:top right; z-index:50;}
		#buttons a#item4:hover {background-position:top right; z-index:50;}
		* html #buttons a:hover {height:176px; he\ight:0;}

		
		/* Easy Tooltip */
			#easyTooltip{
				padding: 20px 10px 20px 10px;
				border:1px solid #69ca11;
				background:#69ca11 url(../images/tooltip_green.jpg) repeat-x;
				color:#fff;
				}
				
			#easyTooltip_food, #easyTooltip_packaging, #easyTooltip_building, #easyTooltip_spare {
				padding: 20px 10px 20px 10px;
				line-height: 22px;
				color: #fff;
				width: 450px;
				}
			
			#easyTooltip_food {			border: 2px solid #69ca11; background: #69ca11 url(../images/tooltip_green.jpg) repeat-x;}
			#easyTooltip_packaging {	border: 2px solid #4f429d; background: #4f429d url(../images/tooltip_purple.jpg) repeat-x;}
			#easyTooltip_building {		border: 2px solid #c77400; background: #c77400 url(../images/tooltip_orange.jpg) repeat-x;}
			#easyTooltip_spare {		border: 2px solid #467ece; background: #467ece url(../images/tooltip_blue.jpg) repeat-x;}
												
		/* // Easy Tooltip */
			

#content-top {
	background-image: url(../images/content_top-bg.jpg);
	background-repeat: no-repeat;
	height: 285px;
	width: 960px;
	}
	
	#page_icon {
		width: 172px;
		float: left;
		margin-left: 80px;
		margin-top: 50px;
		}
	
	#page_heading {
		width: 592px;
		float: left;
		margin-top: 80px;
		margin-left: 32px;
		font-size: 18px;
		line-height: 24px;
		}
		
		#page_heading p {
			margin-bottom: 15px;
			color:#555555;
		}


		
		a.heading_link {color:#555555;}
		a.heading_link:hover {color:#8edb25;}


	#what_we_do {
			width: 800px;
			float: left;
			margin: 30px 80px 0px 80px;
			}
	
	
/*---------------------------------------------------------------------------------------
--- Content-Info
---------------------------------------------------------------------------------------*/

#index_content-info {
	width: 800px;
	margin: 20px 80px 40px 80px;
	color: #777777;
	}	
	
	#index_content-info p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 5px;
		}
	
	
	
#content-info {
	width: 592px;
	color: #777777;
	margin: 20px 80px 40px 288px;
	}
		
	#content-info p {
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 10px;
	}
	
	#content-info table {
		font-size: 15px;
		line-height: 19px;
		margin-top:20px; margin-bottom:20px;
	}
		
	#content-info li {
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 10px;
	}
			
	
	a.content_link {color:#777777;}
	a.content_link:hover {color:#8edb25;}

	
	
	
	
	
h1 {font-size:18px; font-weight:normal; margin-bottom: 15px;}
h2 {font-size:18px; font-weight:normal; margin-bottom: 15px;}
h3 {font-size: 15px; font-weight: normal; margin-bottom: 15px;}
h4 {font-size: 15px; font-weight: normal; margin-bottom: 15px;}


.food h1, .food h2 {color:#7cd51b;}
.food a {color:#7cd51b;}
.food a:hover {color:#5abe00;}

.packaging h1, .packaging h2 {color:#5a4ba0;}
.packaging a {color:#5a4ba0;}
.packaging a:hover {color:#332971;}

.spareparts h1, .spareparts h2 {color:#4e8fd8;}
.spareparts a {color:#4e8fd8;}
.spareparts a:hover {color:#457cce;}

.building h1, .building h2 {color:#ed9200;}
.building a {color:#ed9200;}
.building a:hover {color:#a06306;}

.product h1, .product h2 {color:#4e8fd8;}
.product a {color:#4e8fd8;}
.product a:hover {color:#457cce;}

.faq h1, .faq h2, .faq h3 {color:#4e8fd8}
.faq a {color:#4e8fd8;}
.faq a:hover {color:#457cce;}

.where h1, .where h2 {color:#4e8fd8;}
.where a {color:#4e8fd8;}
.where a:hover {color:#457cce;}

.contact h1, .contact h2, .contact h3 {color:#4e8fd8;}
.contact a {color:#4e8fd8;}
.contact a:hover {color:#457cce;}

.what h1, .what h2 {color:#4e8fd8;}
.what a {color:#4e8fd8;}
.what a:hover {color:#457cce;}



/*

COLOURS

Food - Green       - #7cd51b
Building - Orange  - #ed9200
Spare Parts - Blue - #4e8fd8
Packaging - Purple - #5a4ba0

*/
	
/*---------------------------------------------------------------------------------------
--- PRODUCT REQUEST PAGES
---------------------------------------------------------------------------------------*/	
	
	label {font-size:15px;}
	
	.bullet {
		vertical-align:middle;
		margin-bottom: .25em;
		}
	.bullet_point {
		position:relative;
		left:-55px; 
		}
		
	.line_divider {margin:30px 0px 30px 0px;}

	.request_form-label {width:180px; float:left; display:block; clear:both; margin-bottom:10px;}
	.request_form-textfield {width:300px; float:left; margin-left:30px; margin-bottom:10px;}	
	
	.request_form-label_2 {width:500px; float:left; display:block; clear:both; margin-bottom:10px;}
	.request_form-textfield_2 {width:510px; float:left; margin-left:30px; margin-bottom:10px;}	
	
	.required { color:#FF0000; font-style:italic; font-size:10px;}

	
	
		.button {
			width: 119px;
			height: 29px;
			border: none;
			background: url('../images/submit-off.jpg') no-repeat top left;
			padding-top: 2px;
			color:#fff;
			text-align:center;
			font-weight:bold;
			cursor:pointer;
			}
		.button:hover {
			border: none;
			background: url('../images/submit-on.jpg') no-repeat top left;
			padding-top: 2px;
			color:#fff;
			text-align:center;
			font-weight:bold;
			cursor:pointer;
		}


	

/*---------------------------------------------------------------------------------------
--- FOOTER
---------------------------------------------------------------------------------------*/

	
#footer {
	width: 960px;
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin-top: 60px;
	}	
	
	#footer p {margin-bottom: 10px;}
	
	#footer a:link, #footer a:active, #footer a:visited {text-decoration:none; color: #999999;}
	#footer a:hover {text-decoration:none; color:#8edb25;}
	#footer ul{
		padding: 0; 
		margin: 0;
		white-space : nowrap;
		}
	#footer ul li{ 
		display : inline;
		padding-right : 0.7em;
		margin-right: 0.3em;
		border-right: 1px solid #CCCCCC;
		}