﻿@charset "UTF-8";
/* CSS Document */

body {
width:100%;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0px;
}

html {
width:100%;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0px;
line-height:0px;
}

a {
color:#ef7600;
}
a:hover {
color:#88c03d;
}
h1 {
color:#333;
font-weight:normal;
font-size:24px;
line-height:24px;
}
h2 {
font-size:18px;
color:#699829;
margin:20px 0px 15px 0px;
font-weight:normal;
}
h2 a {
color:#699829;
}
h3 {
font-size:16px;
color:#699829;
margin:0px 0px 0px 0px;
}
h3 a {

color:#699829;
text-decoration:none;
}
h4 {
font-size:12px;
font-weight:bold;
margin:0px;
}
h4 a {
color:black;
text-decoration:none;
}
h4 a:hover {
color:#ff9100;
text-decoration:none;
}

#main-container {
background:url('../images/page-bg.gif') repeat-y;
position:relative;
width:925px;
margin:0px;
padding:0px 6px 0px 6px;
font-size:12px;
margin-top:-12px;
}


#header-bar {
text-align:left;
width:100%;
height:136px;
background:URL(../images/menubar-bg.gif) repeat-x bottom;
margin-bottom:0px;
position:relative;
margin-top:0px;
padding-top:12px;
}
#header-bar.with-sub-nav {

}

#header-bar img {
float:left;
}


#content-wrap {
text-align:left;
width:100%;
line-height:18px;
padding-top:20px;
}
#content-wrap ul {
padding:0px 0px 0px 20px;

}
#content-wrap li {
	list-style-image: url(../images/bullet.gif);
	list-style-type: square;
	margin:0px;
	padding:0px 0px 0px 10px;
	margin-bottom:8px;
	
}
.page-photo {
margin-bottom:20px;
}


.sitequote {
padding:10px;
border:1px solid #d4d4d4;
background:#e5e5e5;
}
.sitequote-name {
font-weight:bold;
display:block;
margin-top:4px;
}
.row {
padding:15px 0px 10px  0px;
}
/************ Create the navigation ***********/




.nav {
	width: 651px;
	height: 37px;
	background: url(../images/mainnav.gif) no-repeat 30px -0px;
	position: relative;
	top: 87px;
	left: 0px;
	z-index:10;
	

}
.nav li {
	display: inline;
}
.nav li a:visited {
	position: absolute;
	top: 0;
	height: 37px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}


.nav li a:link {
	position: absolute;
	top: 0;
	height: 37px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}


/************ Create the home button ***********/
	.nav .home a:visited {
		left: 30px;
		width: 75px;
	}
	.nav .home a:link {
		left: 30px;
		width: 75px;
	}
	.nav .home a:focus {
		background: url(../images/mainnav.gif) no-repeat -0px -37px;
	}
	.nav .home a:hover {
		background: url(../images/mainnav.gif) no-repeat -0px -37px;
	}
	.nav .home a:active {
		background: url(../images/mainnav.gif) no-repeat -0px -98px;
	}
	.current-home .home a:visited {
		background: url(../images/mainnav.gif) no-repeat -0px -111px;
		cursor: default;
	}
	.current-home .home a:link {
		background: url(../images/mainnav.gif) no-repeat -0px -111px;
		cursor: default;
	}
	.nav-home-click {
		position: absolute;
		top: 0;
		left: 30px;
		width: 75px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -0px -37px;
	}
	.nav-home {
		position: absolute;
		top: 0;
		left: 30px;
		width: 75px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -0px -37px;
	}
	.nav-home-click {
		background: url(../images/mainnav.gif) no-repeat -0px 0px;
	}
	
	
	
	
	/************ Create the about button ***********/
	.nav .about a:visited {
		left: 105px;
		width: 92px;
	}
	.nav .about a:link {
		left: 105px;
		width: 92px;
	}
	.nav .about a:focus {
		background: url(../images/mainnav.gif) no-repeat -75px -37px;
	}
	.nav .about a:hover {
		background: url(../images/mainnav.gif) no-repeat -75px -37px;
	}
	.nav .about a:active {
		background: url(../images/mainnav.gif) no-repeat -75px -98px;
	}
	.current-about .about a:visited {
		background: url(../images/mainnav.gif) no-repeat -75px -111px;
		cursor: default;
	}
	.current-about .about a:link {
		background: url(../images/mainnav.gif) no-repeat -75px -111px;
		cursor: default;
	}
	.nav-about-click {
		position: absolute;
		top: 0;
		left: 105px;
		width: 92px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -75px -37px;
	}
	.nav-about {
		position: absolute;
		top: 0;
		left: 105px;
		width: 92px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -75px -37px;
	}
	.nav-about-click {
		background: url(../images/mainnav.gif) no-repeat -75px 0px;
	}



/************ Create the services button ***********/
	.nav .services a:visited {
		left: 197px;
		width: 89px;
	}
	.nav .services a:link {
		left: 197px;
		width: 89px;
	}
	.nav .services a:focus {
		background: url(../images/mainnav.gif) no-repeat -167px -37px;
	}
	.nav .services a:hover {
		background: url(../images/mainnav.gif) no-repeat -167px -37px;
	}
	.nav .services a:active {
		background: url(../images/mainnav.gif) no-repeat -167px -98px;
	}
	.current-services .services a:visited {
		background: url(../images/mainnav.gif) no-repeat -167px -111px;
		cursor: default;
	}
	.current-services .services a:link {
		background: url(../images/mainnav.gif) no-repeat -167px -111px;
		cursor: default;
	}
	.nav-services-click {
		position: absolute;
		top: 0;
		left: 197px;
		width: 89px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -167px -37px;
	}
	.nav-services {
		position: absolute;
		top: 0;
		left: 197px;
		width: 89px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -167px -37px;
	}
	.nav-services-click {
		background: url(../images/mainnav.gif) no-repeat -167px 0px;
	}


/************ Create the customers button ***********/
	.nav .customers a:visited {
		left: 286px;
		width: 106px;
	}
	.nav .customers a:link {
		left: 286px;
		width: 106px;
	}
	.nav .customers a:focus {
		background: url(../images/mainnav.gif) no-repeat -256px -37px;
	}
	.nav .customers a:hover {
		background: url(../images/mainnav.gif) no-repeat -256px -37px;
	}
	.nav .customers a:active {
		background: url(../images/mainnav.gif) no-repeat -256px -98px;
	}
	.current-customers .customers a:visited {
		background: url(../images/mainnav.gif) no-repeat -256px -111px;
		cursor: default;
	}
	.current-customers .customers a:link {
		background: url(../images/mainnav.gif) no-repeat -256px -111px;
		cursor: default;
	}
	.nav-customers-click {
		position: absolute;
		top: 0;
		left: 286px;
		width: 106px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -256px -37px;
	}
	.nav-customers {
		position: absolute;
		top: 0;
		left: 286px;
		width: 106px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -256px -37px;
	}
	.nav-customers-click {
		background: url(../images/mainnav.gif) no-repeat -256px 0px;
	}


	/************ Create the case-studies button ***********/
	.nav .casestudies a:visited {
		left: 392px;
		width: 114px;
	}
	.nav .casestudies a:link {
		left: 392px;
		width: 114px;
	}
	.nav .casestudies a:focus {
		background: url(../images/mainnav.gif) no-repeat -362px -37px;
	}
	.nav .casestudies a:hover {
		background: url(../images/mainnav.gif) no-repeat -362px -37px;
	}
	.nav .casestudies a:active {
		background: url(../images/mainnav.gif) no-repeat -362px -98px;
	}
	.current-casestudies .casestudies a:visited {
		background: url(../images/mainnav.gif) no-repeat -362px -111px;
		cursor: default;
	}
	.current-casestudies .casestudies a:link {
		background: url(../images/mainnav.gif) no-repeat -362px -111px;
		cursor: default;
	}
	.nav-casestudies-click {
		position: absolute;
		top: 0;
		left: 392px;
		width: 114px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -362px -37px;
	}
	.nav-casestudies {
		position: absolute;
		top: 0;
		left: 392px;
		width: 114px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -362px -37px;
	}
	.nav-casestudies-click {
		background: url(../images/mainnav.gif) no-repeat -362px 0px;
	}
	
	
	
	
	
	
	/************ Create the aboutbi button ***********/
.nav .aboutbi a:visited {
		left: 506px;
		width: 90px;
	}
	.nav .aboutbi a:link {
		left: 506px;
		width: 90px;
	}
	.nav .aboutbi a:focus {
		background: url(../images/mainnav.gif) no-repeat -476px -37px;
	}
	.nav .aboutbi a:hover {
		background: url(../images/mainnav.gif) no-repeat -476px -37px;
	}
	.nav .aboutbi a:active {
		background: url(../images/mainnav.gif) no-repeat -476px -98px;
	}
	.current-aboutbi .aboutbi a:visited {
		background: url(../images/mainnav.gif) no-repeat -476px -111px;
		cursor: default;
	}
	.current-aboutbi .aboutbi a:link {
		background: url(../images/mainnav.gif) no-repeat -476px -111px;
		cursor: default;
	}
	.nav-aboutbi-click {
		position: absolute;
		top: 0;
		left: 506px;
		width: 90px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -476px -37px;
	}
	.nav-aboutbi {
		position: absolute;
		top: 0;
		left: 506px;
		width: 90px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -476px -37px;
	}
	.nav-aboutbi-click {
		background: url(../images/mainnav.gif) no-repeat -476px  -0px;
	}


/************ finish navigation ***********/
	


/************ Create the contact button ***********/
.nav .contact a:visited {
		left: 596px;
		width: 108px;
	}
	.nav .contact a:link {
		left: 596px;
		width: 108px;
	}
	.nav .contact a:focus {
		background: url(../images/mainnav.gif) no-repeat -566px -37px;
	}
	.nav .contact a:hover {
		background: url(../images/mainnav.gif) no-repeat -566px -37px;
	}
	.nav .contact a:active {
		background: url(../images/mainnav.gif) no-repeat -566px -98px;
	}
	.current-contact .contact a:visited {
		background: url(../images/mainnav.gif) no-repeat -566px -111px;
		cursor: default;
	}
	.current-contact .contact a:link {
		background: url(../images/mainnav.gif) no-repeat -566px -111px;
		cursor: default;
	}
	.nav-contact-click {
		position: absolute;
		top: 0;
		left: 596px;
		width: 108px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -566px -37px;
	}
	.nav-contact {
		position: absolute;
		top: 0;
		left: 596px;
		width: 108px;
		height: 37px;
		background: url(../images/mainnav.gif) no-repeat -566px -37px;
	}
	.nav-contact-click {
		background: url(../images/mainnav.gif) no-repeat -566px  -0px;
	}


/************ finish navigation ***********/


/************ Create the navigation ***********/




#sub-nav {
	width:865px;
	padding:0px 30px;
	margin-top:30px;
background:#d4d4d4;	
	float:left;
	clear:both;
	margin-bottom:15px;
	
}
#sub-nav li:hover {
	background:#e2e2e2;

}
#sub-nav li {
	display: inline;
	float:left;
	padding:10px 12px 12px;
}
#sub-nav li.current:hover {
	background:#fff;
}

#sub-nav li.current {
	background:#fff;
}

#sub-nav li a:visited {
	color:#333;
	text-decoration:none;
}


#sub-nav li a:link {
	color:#333;
	text-decoration:none;
}

#page-sub-nav {
position:relative;
margin-top:45px;

}
#page-sub-nav #sub-nav li:hover {
	background:#ffe08f;
}

#page-sub-nav #sub-nav {
	border-top:3px solid #ffc633;
background:#ffc633;	
	
}
/*************** finsh sub-navigation *****************/


#copyright {
float:right;
margin:0px 10px;
padding:8px;
}
#copyright img {
float:left;
margin-top:-5px;
margin-right:10px;
}

.content-left {
float:left;
width:600px;

text-align:left;

}
.content-right {
margin-right:25px;
float:right;
width:291px;
}
.content {
margin:30px;
padding-bottom:20px;

}

.content-right .content {
margin:10px 30px 15px 0px;
}
.page-image {
	width:291px;
	margin-bottom:15px;
}
.content-left .content {
margin:30px 15px 15px 30px;
}
.intro-text {

}
hr.sub-divider {
	background:none;
height:1px;
border:none;
margin:0px;
border-top:1px dotted #d4d4d4;
}

.readmore-link {
display:inline-block;	
}

#home .content-left .content {
margin-top:20px;
}
#home .content-right .content {
margin-top:20px;	
}

#home #header-bar {
	margin-bottom:5px;
}

/************** Logo row related styles *********************/


#logo-row {

clear:both;

margin:0px 30px 0px;
border-top:1px solid #d4d4d4;
text-align:center;
}
#logo-row .content{
margin:10px 0px 10px 0px;

}
#logo-row img {
margin:10px 10px;
}




/************** Testimonial related styles  *****************/


#testimonial-row {
clear:both;
background:#f1f5ed;


}
.testimonial {
border-top:1px solid #c4d0b3;
width:50%;
float:left;
height:193px;
text-align:left;
overflow:hidden;
padding:0px;
margin:0px;
}

.testimonial-quote {
margin:20px 0px 10px 30px;
font-style:italic;
font-size:15px;
width:245px;
color:#50534c;
line-height:20px;

}
.testimonial-credit {
margin:20px 0px 10px 30px;
color:#5d7b34;
}

.quote-start {
margin-right:8px;
}
.quote-end {
margin-left:8px;
}


.testimonial-person {

position:absolute;
margin-left:249px;
}


/*************** 
 related styles *********************/

#footer-bar {
color:#fff;
background:#535353;
font-size:10px;
color:#fff;
width:100%;

overflow:hidden;
clear:both;
padding:3px 0px 3px;

}
#footer-bar a {

color:#fff;
text-decoration:none;



}
#footer-bar a:hover {
color:#ff9000;
}
#footer-menu img {

}
#footer-menu {
float:left;
margin:0px 10px;
padding:8px;
}
#footer-menu a {
margin-right:10px;
}


/**************** Customise about section ********************/
.column-block {
float:left;
margin-top:10px;
margin-bottom:20PX;
width:195px;
}

.block-content {
border-bottom:1px solid #d4d4d4;
margin-bottom:10px;

}

.img-subhead {
float:left;

}
hr {
width:100%;
border:none;
background:#d4d4d4;
margin:0px 0px 12px 0px;
height:1px;
}
.subhead-hr {

background:#88c03d;
height:6px;
border:none;
margin-top:0px;
border-color:red;
}


/***************** Style the health and ag intro screens ***********************/

#sector-intro {
margin-right:480px;
margin-top:0px;
padding-bottom:40px;
padding-top:30px;
margin-bottom:0px;
}

#sector #header-bar {
margin-bottom:0px;
}
.row .content {
padding-bottom:0px;
}

#block-row {

float:left;
clear:left;
width:100%;
margin-bottom:0px;
margin-top:0px;
}
#block-row p {
margin:0px;	
}
#home #block-row {
margin-bottom:20px;	
}
#block-row .block {
margin:0px 0px 0px 20px;
float:left;
width:275px;
padding:0px;
clear:none;
}
#block-row .block.first {
margin-left:30px;
margin-right:0px;
}
#home #block-row .block .block-content {
border-bottom:none;
margin:0px;
padding:0px;
}
.block-content {
	padding-bottom:10px;
}

img {
border:none;
}
h2 a {
text-decoration:none;
}
#block-row h4 {
margin-bottom:10px;
}
#block-row .subhead-hr {
height:3px;
}
.note {
position:absolute;
background:#fff;
border:1px solid red;
padding:10px;
width:150px;
margin:10px;
font-size:10px;
}
.note label {
color:red;
}
  
/**********  raise right side on pages without an image   *************/ 
  
#location .content-right {
margin-top:18px;
}

#quality .content-right {
margin-top:18px;
}

#partners .content-right {
margin-top:18px;
}

#contact .content-right .content {
border-bottom:1px solid #d4d4d4;
padding-bottom:0px;
}
.clearer {
clear:both;
}
#sitemap #content-wrap ul {
margin-bottom:20px;	

}
#sitemap #content-wrap li {
	list-style-image: none;
	list-style-type: disc;
	margin:0px;
	padding:0px 0px 0px 10px;
	
	
}
#sitemap #content-wrap li a {
color:#666;	
}
#sitemap #content-wrap li a:hover {
color:#ff9100;	
}


.downloads-table td{
	padding:4px 0px;
border:1px dotted #d4d4d4;
border-width:1px 0px;
}
.style1 {
				margin: 30px;
				padding-bottom: 20px;
				text-align: center;
}
.style2 {
				vertical-align: baseline;
}
.style9 {
				padding-bottom: 20px;
				text-align: center;
}

li:hover #sub-nav {
visibility:visible;	
}
ul.about-sub,
ul.services-sub,
ul.casestudies-sub {
	
	position:absolute;
	margin-top:45px;
	top:7px;
	z-index:1;
	left:0px;
	height:32px;
	overflow:hidden;
	border-top:3px solid #d4d4d4;
	visibility:hidden;
}
#sub-nav {
visibility:hidden;	
border-top:3px solid #d4d4d4;
height:30px;
overflow:hidden;
}
#page-sub-nav #sub-nav{
visibility:visible;
height:30px;
overflow:hidden;
}
	
	
#sub-nav li a {
	
background:none;
position: relative;
line-height:12px;
	margin:0px;
	padding:0px;
	left:0px;
	
}

/*********** Customers section *************/
.cust-logo {
float:left;	
margin:0px;
padding:0px;
height:101px;
}
.customer-block {
float:left;
clear:both;
width:560px;
padding-top:10px;

}
.customer-sector-spacer {
float:none;
clear:both;
height:20px;	
border:none;
border-top:#fff 1px solid;
background:#fff;
}
