/* Background */
body {
	background:url(../images/bg.png) #f5f4f4;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-p780v5');
	src:url('../fonts/icomoon.eot?#iefix-p780v5') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-p780v5') format('woff'),
		url('../fonts/icomoon.ttf?-p780v5') format('truetype'),
		url('../fonts/icomoon.svg?-p780v5#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-lock, .icon-twitter, .icon-facebook {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-lock:before {
	content: "\e600";
	padding-right:3px;
}
.icon-twitter:before {
	content: "\e601";
}
.icon-facebook:before {
	content: "\e602";
}

/* Format */

body, select, input, textarea {
	font-size:62.5%;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	color:#333333;
}

h2 {
	font-size:3.4em;
	color:#7b7a7a;
	font-weight:300;
	margin:0 0 10px;
}

h3 {
	font-size:3.2em;
	color:#7b7a7a;
	font-weight:300;
	margin:0 0 30px;
}

h4 {
	font-size:2.4em;
	font-weight:600;
	margin:20px 0 10px;
	color:#7b7a7a;
}

h5 {
	font-size:1.2em;
}

h6 {
	font-size:1em;
}

p {
	font-size:1.8em;
	line-height:1.6em;
	color:#7b7a7a;
	padding:0 0 15px;
}

a {
	color:#059573;
	text-decoration:none;
}

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

img, object, embed, video {
	max-width: 100%;
}

img {
	height:auto;	
}

.textcenter {
	text-align:center;	
}

/* Layout */

#wrapper {
	width:100%;
	float:left;
}

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

header {
	width:100%;
}

#top_header {
	width:100%;
	float:left;
	background:#eeebeb;
}

#top_header_inner {
	width:960px;
	margin:0 auto;
}

#top_header_inner #tabs {
	width:auto;
	float:right;
	border-left:1px solid #c8c5c5;
}

#top_header_inner #tabs ul {
	float:right;
}

#top_header_inner #tabs li {
	float:left;
}

#top_header_inner #tabs li a {
	float:left;
	color:#7b7a7a;
	font-size:inherit;
	padding:13px 20px 11px;
	border-left:1px solid #fff;
	border-right:1px solid #c8c5c5;
	font-size:1.5em;
}

#top_header_inner #tabs li a:hover {
	background:#059573;
	color:#fff;
	text-decoration:none;
}

#top_header_inner #tabs li a.lasttab {
	padding:15px 20px 12px 18px;
	border-left:1px solid #fff;
	border-right:none;
	color:#038163;
	font-size:1.2em;
	text-transform:uppercase;
}

#top_header_inner #tabs li a.lasttab .padlock {
	width:auto;
	padding:0 7px 0 0;
	float:left;
}

#top_header_inner #tabs li a.lasttab span {
	float:left;
	padding:1px 0 0;
}

#top_header_inner #tabs li a.lasttab:hover {
	color:#fff;
}

#mainhome #top_header_inner #tabs li a.homenav,
#mainhome #top_header_inner #tabs li a.homenav:hover,
#mainabout #top_header_inner #tabs li a.aboutnav,
#mainabout #top_header_inner #tabs li a.aboutnav:hover,
#maincontact #top_header_inner #tabs li a.contactnav,
#maincontact #top_header_inner #tabs li a.contactnav:hover {
	color:#059573;
	text-decoration:none;
	background:none;
}

#header_bottom {
	width:100%;
	background:url(../images/headerbg2.jpg) repeat-x #08a07a;
	float:left;	
	padding:20px 0;
}

#header_bottom_inner {
	width:960px;
	margin:0 auto;
}

#logo {
	width:10%;
	float:left;
}


nav {
	float:right;
	width:55%;
	margin:40px 0 0;
}

nav ul {
	
}

nav ul li a {
	background:#059573;
	float:left;
	padding:10px 20px;
	color:#fff;
	font-size:2em;
	margin:0 2% 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

nav ul li a.productsnav {
	background:url(../images/dropdown-arrow.png) no-repeat center right #059573;
	background-size:33px;
	padding:10px 60px 10px 20px;
}

nav ul li a:hover {
	background:#fff;
	text-decoration:none;
	color:#059573;
}

nav ul li a.productsnav:hover,
#mainproducts nav ul li a.productsnav {
	background:url(../images/dropdown-arrow.png) no-repeat center right #fff;
	background-size:33px;
}

#mainproducts nav ul li a.productsnav {
	background:url(../images/dropdown-arrow.png) no-repeat center right #fff;
	background-size:33px;
	text-decoration:none;
	color:#059573;
}

#mainservices nav ul li a.servicesnav,
#mainjobs nav ul li a.jobsnav {
	background:#fff;
	text-decoration:none;
	color:#059573;
}


/*Homepage*/

/***************************************************************************Slider***************************************************************************/

#slider_surround {
	width:100%;
	float:left;
	background:#f9f5f5;
	border-bottom:1px solid #d2d2d2;
	height:300px;
	text-align:center;
}

#slider_surround_inner {
	width:960px;
	margin:0 auto;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 300px;
  float: right;
  /*width: 55%;*/
  width:auto;
  border: 0;
  }
 
 

.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.slick-dotted.slick-slider {
	margin-bottom: 0!important;
}

.callbacks_tabs,
.slick-dots{
  list-style: none;
  padding: 0;
  background:url(../images/bg.png);
  font-size: 18px;
  list-style: none;
  margin: -30px 0 0 380px;
  position:absolute;
  border-top:1px solid #d2d2d2;
  border-right:1px solid #d2d2d2;
  border-left:1px solid #d2d2d2;
  z-index:500;
  max-width: 540px;
  padding: 13px 10px 6px 20px;
  text-align: center;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
  }

.callbacks_tabs li,
.slick-dots li{
  display: inline;
  }

.callbacks_tabs a,
.slick-dots button{
display: block;
width: 14px;
height: 14px;
text-indent:-10000px;
background:#ced0cf;
float: left;
overflow: hidden;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; 
margin:0 8px 0 0;
	border: none;
  }

.callbacks_tabs li:first-child,
.rslides .slick-dots li,
.rslides .slick-dots li:first-child{
	margin-left: 0;
	position: relative;
	display: inline;
	float: none;
 }

.slick-dots button:hover{
	cursor: pointer;
 }

.callbacks_tabs .callbacks_here a,
.slick-active button{
  background:#059573;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }
  
  .callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }


.callbacks .caption {
  display: block;
  position: absolute;
  width:45%;
  height:260px;
  z-index: 2;
  text-shadow: none;
  color: #026a50;
  background:#f9f5f5;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px 20px 0 0;
  margin: 0 0 10px;
  max-width: none;
  }
 
 .callbacks .caption p {
  color: #026a50;
  text-align:left;
  font-size:3.2em;
  font-weight:300;
  }

 .callbacks .caption a.learn_button {
	font-size:1.8em;
	color:#fff;
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 40px 10px 15px;
	text-decoration:none;
	margin:15px 0 0;
	float:left;
}

 .callbacks .caption a.learn_button:hover {
	background:url(../images/products/arrow.png) no-repeat center right #02684f;
	 background-size:30px;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

/***************************************************************************End of Slider***************************************************************************/


#box_surround {
	width:100%;
	float:left;
	padding:60px 0 80px;
}

#box_surround_inner {
	width:960px;
	margin:0 auto;
}

#box_surround_inner ul li {
	width:29%;
	vertical-align:top;
	float:none;
	display:inline-block;
	height:auto;
	margin:40px 5% 0 0;
}

#box_surround_inner ul li.lastinlist {
	margin:40px 0 0;
}

#box_surround_inner ul li .tag {
	background:#00A8D2;
	position:absolute;
	z-index:10;
	padding:6px 15px 4px;
	color:#fff;
	font-size:1.4em;
	text-transform:uppercase;
}

#box_surround_inner ul li .tag.blue {
	background:#00A8D2;
}

#box_surround_inner ul li .tag.purple {
	background:#810cd3;
}

#box_surround_inner ul li .tag.red {
	background:#e25856;
}

#box_surround_inner ul li .tag.lightpurple {
	background:#AD57E3;
}

#box_surround_inner ul li .tag.pink {
	background:#ab57e1;
}

#box_surround_inner ul li .tag.orange {
	background:#dd9e54;
}

#box_surround_inner ul li .tag.turq {
	background:#55cbdd;
}

#box_surround_inner ul li img {
	width:100%;
	float:left;
	box-shadow:1px 1px 10px #d9d2d2;
	margin:0 0 25px;
}

#box_surround_inner ul li h3 {
	color:#7b7a7a;
	font-size:2em;
	font-weight:bold;
	margin:0 0 5px;
}

#box_surround_inner ul li p {
	padding:0;
}

#box_surround_inner ul li a.readmore {
	color:#038163;
	text-decoration:underline;
	font-size:1.6em;
	margin:10px 0 0;
	float:left;
}

#box_surround_inner ul li a.readmore:hover {
	color:#02684f;
	text-decoration:none;
}

#clients {
	width:100%;
	float:left;
	border-top:1px solid #d2d2d2;
	background:#fff;
	padding:40px 0;
}

#clients_inner {
	width:960px;
	margin:0 auto;
}

.clientstitle {
	background:#fff;
	padding:10px 20px 5px;
	margin:-60px auto 0;
	position:absolute;
	left:43%;
	font-weight:bold;
	font-size:1.4em;
	color:#7b7a7a;
	text-align:center;
	text-transform:uppercase;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#clients_inner ul.clientlogos {
	width:55%;
	float:left;
	padding:0;
}

#clients_inner ul.clientlogos li {
	padding:20px 0 0px 70px;
	text-align:center;
	float:left;
}

#twitter_feedright {
	width:40%;
	float:right;
}


/*Main Content*/

#main_pagetitle {
	width:100%;
	float:left;
	padding:12px 0 12px 0;
	margin:1px 0 30px;
}

#main_pagetitle.red {
	background:url(../images/about/aboutbg.jpg) #dd5555;
}

#main_pagetitle.lightpurple {
	background:url(../images/services/servicesbg.jpg) #ad57e3;
}

#main_pagetitle.turq {
	background:url(../images/jobs/jobsbg.jpg) #55cbdd;
}

#main_pagetitle.darkpurple {
	background:url(../images/contact/contactbg.jpg) #6b57e3;
}

#main_pagetitle.blue {
	background:url(../images/products/headlthcarebg.jpg) #00A8D2;
}

#main_pagetitle.grey {
	background:url(../images/products/productsbg.jpg) #646464;
}

#main_pagetitle.pink {
	background:url(../images/products/utilitiesbg.jpg) #d20063;
}

#main_pagetitle.yellow {
	background:url(../images/products/miscbg.jpg) #d2c100;
}


#main_pagetitle_inner {
	width:960px;
	margin:0 auto;
}

#main_pagetitle h2 {
	font-size:4.2em;
	color:#fff;
	font-weight:300;
	margin:0;
	padding:0;
}

#wrapper {
	width:100%;
	float:left;
	margin:0 0 50px;
}

#wapper_inner {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#container {
	width:900px;
	padding:60px 30px;
	background:#fff;
	box-shadow:1px 1px 10px #d9d2d2;
	float:left;
}

#container a {
	color:#059573;
	text-decoration:underline;
}

#container a:hover {
	color:#059573;
	text-decoration:none;
}

.section_surround {
	width:100%;
	float:left;
	margin:25px 0 0;
}

.section_surround h4 {
	color:#7b7a7a;
	font-size:2em;
	font-weight:bold;
	margin:0 0 5px;
}

/*Breadcrumbs*/

#breadcrumbs {
	width:960px;
	float:left;
	margin:0 0 20px;
}

#breadcrumbs ul li {
	float:left;
	color:#7b7a7a;
	padding:0 10px 0 0;
	font-size:1.4em;
}
 
#mainabout #breadcrumbs ul li a,
#mainservices #breadcrumbs ul li a,
#mainjobs #breadcrumbs ul li a,
#maincontact #breadcrumbs ul li a,
#mainproducts #wrapper.healthcarecolor #breadcrumbs ul li a,
#mainproducts #wrapper.utilitiesecolor #breadcrumbs ul li a,
#mainproducts #wrapper.misccolour #breadcrumbs ul li a,
#mainproducts #wrapper #breadcrumbs ul li a {
	color:#646464;
	text-decoration:underline;
	padding:0 10px 0 0;
}

#mainabout #breadcrumbs ul li a:hover,
#mainservices #breadcrumbs ul li a:hover,
#mainjobs #breadcrumbs ul li a:hover,
#maincontact #breadcrumbs ul li a:hover,
#mainproducts #wrapper.healthcarecolor #breadcrumbs ul li a:hover,
#mainproducts #wrapper.utilitiesecolor #breadcrumbs ul li a:hover,
#mainproducts #wrapper.misccolour #breadcrumbs ul li a:hover,
#mainproducts #wrapper #breadcrumbs ul li a:hover {
	text-decoration:none;
}

#mainabout #breadcrumbs ul li a.active,
#mainservices #breadcrumbs ul li a.active,
#mainjobs #breadcrumbs ul li a.active,
#maincontact #breadcrumbs ul li a.active,
#mainproducts #wrapper.healthcarecolor #breadcrumbs ul li a.active,
#mainproducts #wrapper.utilitiesecolor #breadcrumbs ul li a.active,
#mainproducts #wrapper.misccolour #breadcrumbs ul li a.active,
#mainproducts #wrapper #breadcrumbs ul li a.active {
	color:#7b7a7a;
	text-decoration:none;
}

#mainabout #breadcrumbs ul li a {
	color:#DD5555;	
}

#mainservices #breadcrumbs ul li a {
	color:#ad57e3;
}

#mainjobs #breadcrumbs ul li a {
	color:#55cbdd;
}

#maincontact #breadcrumbs ul li a {
	color:#6b57e3;
}

#mainproducts #wrapper.healthcarecolor #breadcrumbs ul li a {
	color:#00A8D2;
}

#mainproducts #wrapper.utilitiesecolor #breadcrumbs ul li a {
	color:#d20063;
}

#mainproducts #wrapper.misccolour #breadcrumbs ul li a {
	color:#d2c100;
}

#mainproducts #wrapper #breadcrumbs ul li a {
	color:#646464;
}


/*About*/

.aboutleft_section {
	width:61%;
	float:left;
}

.aboutright_section {
	width:30%;
	float:right;
	margin:20px 0 0;
}

.aboutright_section img {
	box-shadow:1px 1px 10px #d9d2d2;
}

.aboutright_section h5 {
	float:left;
	padding:20px 7%;
	width:86%;
	background:#dd5555;
	color:#fff;
	font-style:italic;
	font-size:2em;
}

#mainabout #container a {
	color:#dd5555;	
}


/*Services*/

.servicesleft_section {
	width:43%;
	float:left;
}

.servicesright_section {
	width:53%;
	float:right;
	margin:0;
}

.servicesleft_section img {
	box-shadow:1px 1px 10px #d9d2d2;
}

.servicesleft_section h5 {
	float:left;
	padding:20px 7%;
	width:86%;
	background:#AD57E3;
	color:#fff;
	font-style:italic;
	font-size:2em;
}

#mainservices #container a {
	color:#AD57E3;	
}

/*Jobs*/

#mainjobs #container a {
	color:#55cbdd;	
}

/*Products*/

#mainproducts #wrapper.healthcarecolor #container a {
	color:#00A8D2;	
}

#product_wrap {
	width:100%;	
	float:left;
}

.product_box {
	width:47%;
	float:left;
	background:#fbf9f9;
	border:1px solid #dadada;
	margin:0 3% 30px 0;
	height:184px;
}

.product_box.secondbox {
	margin:0 0 30px;
}

.pbox_text {
	width:43%;
	float:left;
	padding:10px 0 0 7%;
}

.pbox_pic {
	width:47%;
	float:right;
	padding:0;
}

.pbox_pic img {
	width:213px;
	height:184px;
}

/*Main Products Page*/

#mainproducts #wrapper #container .pbox_text h4 {
	font-size:3.2em;
	font-weight:300;
	color:#646464;
	margin:10px 0 0;
}

#mainproducts #wrapper #container .pbox_text a.learn_button {
	font-size:1.8em;
	color:#fff;
	background:url(../images/products/arrow.png) no-repeat center right #646464;
	background-size:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 40px 10px 15px;
	text-decoration:none;
	margin:15px 0 0;
	float:left;
}

#mainproducts #wrapper #container .pbox_text a.learn_button:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

/*Healthcare Products Page*/

#mainproducts #wrapper.healthcarecolor #container .pbox_text h4 {
	font-size:3.2em;
	font-weight:300;
	color:#00A8D2;
	margin:10px 0 0;
}

#mainproducts #wrapper.healthcarecolor #container .pbox_text a.learn_button {
	font-size:1.8em;
	color:#fff;
	background:url(../images/products/arrow.png) no-repeat center right #00A8D2;
	background-size:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 40px 10px 15px;
	text-decoration:none;
	margin:15px 0 0;
	float:left;
}

#mainproducts #wrapper.healthcarecolor #container .pbox_text a.learn_button:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

/*Utilities Products Page*/

#mainproducts #wrapper.utilitiesecolor #container .pbox_text h4 {
	color:#d20063;
}

#mainproducts #wrapper.utilitiesecolor #container .pbox_text a.learn_button {
	background:url(../images/products/arrow.png) no-repeat center right #d20063;
	background-size:30px;
}

#mainproducts #wrapper.utilitiesecolor #container .pbox_text a.learn_button:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

/*Utilities Products Page*/

#mainproducts #wrapper.misccolour #container .pbox_text h4 {
	color:#d2c100;
}

#mainproducts #wrapper.misccolour #container .pbox_text a.learn_button {
	background:url(../images/products/arrow.png) no-repeat center right #d2c100;
	background-size:30px;
}

#mainproducts #wrapper.misccolour #container .pbox_text a.learn_button:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

/*Products Page*/

#healthcare_left_content,
#utilities_left_content,
#misc_left_content {
	width:76%;
	background:#fff;
	float:left;
	padding:15px 0 40px;
}

#healthcare_left_content #breadcrumbs,
#utilities_left_content #breadcrumbs,
#misc_left_content #breadcrumbs {
	margin:0 0 0 3%;
}

#healthcare_left_content #breadcrumbs ul li,
#utilities_left_content #breadcrumbs ul li,
#misc_left_content #breadcrumbs ul li {
	font-size:1.4em;
	list-style-type:none;
	color:#7b7a7a;
	margin:0;
	padding:0 10px 0 0;
}

#healthcare_left_content .main_productcontent,
#utilities_left_content .main_productcontent,
#misc_left_content .main_productcontent {
	width:94%;
	float:left;
	padding:0 3%;
}

#healthcare_left_content ul li,
#utilities_left_content ul li,
#misc_left_content ul li,
#container ul li {
	font-size:1.8em;
	list-style-type:disc;
	color:#7b7a7a;
	line-height:1.6em;
	margin:0 0 10px 20px;
	padding:0 0 0 10px;
}

#container ul,
#container ul li ul,
#container ul li ul li ul {
	margin:10px 0 20px;
}

#container ul li ul li,
#container ul li ul li ul li {
	font-size:18px;
	list-style-type:circle;
	color:#7b7a7a;
	line-height:1.5em;
	margin:0 0 10px 20px;
	padding:0 0 0 10px;
}

#healthcare_left_content a {
	color:#00A8D2;
	text-decoration:underline;
}

#healthcare_left_content a:hover {
	color:#00A8D2;
	text-decoration:none;
}

#utilities_left_content a {
	color:#d20063;
	text-decoration:underline;
}

#utilities_left_content a:hover {
	color:#d20063;
	text-decoration:none;
}

#misc_left_content a {
	color:#d2c100;
	text-decoration:underline;
}

#misc_left_content a:hover {
	color:#d2c100;
	text-decoration:none;
}

#healthcare_left_content #product_title_holder,
#utilities_left_content #product_title_holder,
#misc_left_content #product_title_holder {
	width:95%;
	float:left;
	background:#fbf9f9;
	padding:0 0 0 5%;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	margin:15px 0 30px;
}

#healthcare_left_content #product_title_holder .textual,
#utilities_left_content #product_title_holder .textual,
#misc_left_content #product_title_holder .textual {
	width:40%;
	float:left;
	padding:30px 0 0;
}

#healthcare_left_content #product_title_holder .textual h3,
#utilities_left_content #product_title_holder .textual h3,
#misc_left_content #product_title_holder .textual h3 {
	font-size:3.6em;
	color:#00A8D2;
}

#utilities_left_content #product_title_holder .textual h3 {
	color:#d20063;
}

#misc_left_content #product_title_holder .textual h3 {
	color:#d2c100;
}

#healthcare_left_content #product_title_holder .imagery,
#utilities_left_content #product_title_holder .imagery,
#misc_left_content #product_title_holder .imagery {
	width:60%;
	float:right;
	text-align:right;
}

#product_nav_right {
	width:24%;
	float:right;
}

#product_nav_right ul.healthcare,
#product_nav_right ul.utilities,
#product_nav_right ul.misc {
	border-bottom:1px solid #d4d2d4;
	float:right;
	width:100%;
}

#product_nav_right ul.healthcare li a,
#product_nav_right ul.utilities li a,
#product_nav_right ul.misc li a {
	border-top:1px solid #d4d2d4;
	border-right:3px solid #959191;
	font-size:1.7em;
	color:#7b7a7a;
	float:left;
	width:87%;
	padding:10px 0 10px 12%;
	margin:0 0 1px;
}

#product_nav_right ul.healthcare li a:hover,
#product_nav_right ul.utilities li a:hover,
#product_nav_right ul.misc li a:hover {
	text-decoration:none;
	color:#00A8D2;
}

#product_nav_right ul.utilities li a:hover {
	color:#d20063;
}

#product_nav_right ul.misc li a:hover {
	color:#d2c100;
}

#product_nav_right ul.healthcare li.selected a,
#product_nav_right ul.utilities li.selected a,
#product_nav_right ul.misc li.selected a {
	text-decoration:none;
	color:#00A8D2;
	border-right:3px solid #00A8D2;
}

#product_nav_right ul.utilities li.selected a {
	text-decoration:none;
	color:#d20063;
	border-right:3px solid #d20063;
}

#product_nav_right ul.misc li.selected a {
	text-decoration:none;
	color:#d2c100;
	border-right:3px solid #d2c100;
}

a.healthcare_contact,
a.utilities_contact,
a.misc_contact {
	font-size:1.8em;
	color:#fff;
	background:url(../images/products/arrow.png) no-repeat center right #00A8D2;
	background-size:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 60px 10px 15px;
	text-decoration:none;
	margin:25px 0 0 12%;
	float:left;
}

a.healthcare_contact:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

a.utilities_contact {
	background:url(../images/products/arrow.png) no-repeat center right #d20063;
	background-size:30px;
}

a.utilities_contact:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

a.misc_contact {
	background:url(../images/products/arrow.png) no-repeat center right #d2c100;
	background-size:30px;
}

a.misc_contact:hover {
	background:url(../images/products/arrow.png) no-repeat center right #059573;
	background-size:30px;
}

#bottom_gallery {
	width:100%;
	float:left;
	margin:20px 0 0;
}

#bottom_gallery ul li {
	width:29%;
	float:left;
	margin:20px 3% 0 0;
	list-style-type:none;
	box-shadow:1px 1px 10px #d9d2d2;
	padding:0;
}

#bottom_gallery ul li a {
	padding:0;
}

#bottom_gallery ul li.lastgal {
	margin:20px 0 0 0;
}


/*Contact*/

#contact_left {
	width:50%;
	float:left;
}

#contact_right {
	width:30%;
	float:right;
	margin:20px 0 0;
}

#contact_right h3 {
	font-size:2.6em;
	margin:0 0 10px;
}

.map_holder {
	width:100%;
	float:left;
	margin:20px 0 0;
}

.map_holder p.small {
	font-size:1.2em;
	margin:5px 0 0;
	padding:0;
}

#maincontact #container a {
	color:#6b57e3;	
}

#maincontact #container a.contact_fbicon,
#maincontact #container a.contact_twittericon {
	float:left;
	background:#3a589b;
	color:#fff;
	width:24px;
	height:24px;
	font-size:20px;
	margin:20px 15px 0 0;
	border-radius:50%;
	text-decoration:none;
	padding:10px;
	text-align:center;
}

#maincontact #container a.contact_twittericon {
	float:left;
	background:#598dca;
	margin:20px 0 0;
}

#maincontact #container a.contact_fbicon:hover,
#maincontact #container a.contact_twittericon:hover {
	background:#059573;
}


/*Form*/
.form_item {
	float:left;
	width:100%;
	margin:10px 20px 10px 0;
}

.form_item label,
.form_item_message label {
	width:100%;
	float:left;
	font-size:1.8em;
	color:#7b7a7a;
}

.form_item input {
	width:100%;
	height:25px;
	padding:8px 0 5px 5px;
	border:1px solid #cdcbcb;
	margin:10px 0 0;
	float:left;
	color:#7b7a7a;
	font-size:1.6em;
}

.form_item input:focus,
.form_item_message textarea:focus,
#form_captcha input:focus {
	border:1px solid #6b57e3;
}

.form_item_message {
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}

.form_item_message textarea {
	width:100%;
	height:200px;
	border:1px solid #cdcbcb;
	margin:10px 0 0;
	float:left;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	color:#7b7a7a;
	font-size:1.6em;
	padding:5px 0 0 5px;
}

.submit {
	background:url(../images/contact/submit.png) no-repeat center right #6b57e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	padding:10px 50px 8px 20px;
	font-size:1.8em;
	color:#fff;
	text-decoration:none;
	display:block;
	cursor:pointer;
	margin:5px 0 20px;
	border:0;
}

.submit:hover {
	background:url(../images/contact/submit.png) no-repeat center right #483a99;
	color:#fff;
}

.form_submit {
	float:left;
	width:352px;
}

.form_item label.warning,
.form_item_message label.warning,
p.warning {
	color:#DD5555;	
}

.green strong {
	color:#6B57E3;
}


/*Footer*/

footer {
	width:100%;
	float:left;
	background:url(../images/footerbg.png);
}


#footer_inner {
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:30px 0 30px;
}

#footer_inner p {
	font-size:1.8em;
	line-height:1.6em;
	color:#fff;
	padding:0;
}

#footer_inner span {
	margin:0 20px 0 0;
}

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

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

#footer_bottom {
	margin:20px 0 20px;
	float:left;
	width:100%;
}

#footer_bottom_inner {
	margin:0 auto;
	width:960px;
}

#footer_bottom_left {
	width:60%;
	float:left;
}

#footer_bottom_right {
	width:30%;
	float:right;
}

.twitter-follow-button {
	margin:5px 10px 0 0;
	float:left;
}

.fb-like {
	float:left;
	margin:5px 0 0;
}

#footer_bottom_inner p {
	font-size:1.6em;
}

#footer_bottom_inner p.small {
	font-size:1.4em;
}

#footer_bottom_inner a {
	color:#7b7a7a;
	margin:0 20px 0 0;
	text-decoration:underline;
}

#footer_bottom_inner a:hover {
	text-decoration:none;
}

#responsive_nav {
	display:none;	
}

#nav_res {
	display:none;	
}



/* Smaller screens */

@media only screen and (max-width: 1023px) {

#top_header_inner {
    margin: 0;
	float:left;
    width: 96%;
	padding:0 2%;
}

#top_header_inner #tabs {
    border-left: 1px solid #C8C5C5;
    float: right;
    width: 100%;
}

#top_header_inner #tabs ul {
    float: left;
}

#header_bottom_inner {
    margin: 0;
	float:left;
    width: 96%;
	padding:0 2%;
}

#logo {
    float: left;
    width: 20%;
	margin:20px 0 0 5%;
}

nav {
    float: right;
    margin: 20px 0 0;
    width: 55%;
}

nav ul li a {
    background: none repeat scroll 0 0 #059573;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    font-size: 2em;
    margin: 0 2% 20px 0;
    padding: 10px 20px;
	width:80%;
}

nav ul li a.productsnav {
    background: #059573;
    padding: 10px 20px;
}

#mainproducts nav ul li a.productsnav {
    background: #FFFFFF;
    color: #059573;
    text-decoration: none;
}

nav ul li a.productsnav:hover {
    background: #fff;
    padding: 10px 20px;
}

.dropdown_1column {
	display:none;	
}

#slider_surround {
    background: none repeat scroll 0 0 #F9F5F5;
    border-bottom: 1px solid #D2D2D2;
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}

#slider_surround_inner {
   	float: left;
    margin: 0;
    padding: 0 0 0 4%;
    width: 96%;
}

.rslides img {
    border: 0 none;
    display: block;
    float: right;
    height: auto;
    width: 80%;
}

.callbacks_container {
  margin-bottom: 0;
  }

.callbacks .caption {
    background: none repeat scroll 0 0 #F9F5F5;
    bottom: 0;
    color: #026A50;
    display: block;
    height: 90%;
    left: 0;
    margin: 0;
    max-width: none;
    padding: 10% 20px 0 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    width: 45%;
    z-index: 2;
}

.callbacks_tabs,
.slick-dots {
    margin: -30px 0 0 300px;
}

#box_surround_inner {
    margin: 0 auto;
    width: 92%;
	padding:0 4%;
}

#main_pagetitle_inner {
    margin: 0;
    width: 92%;
	float:left;
	padding:0 4%;
}

#wapper_inner {
    margin: 0;
	float:left;
    width: 100%;
}

#breadcrumbs {
    float: left;
    width: 92%;
	float:left;
	margin: 0 4% 20px;
}

#container {
  	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 10px #D9D2D2;
    float: left;
    padding: 40px 4%;
    width: 92%;
}

.aboutleft_section {
    float: left;
    width: 61%;
}

.aboutright_section {
    float: right;
    margin: 20px 0 0;
    width: 30%;
}

.product_box {
    background: none repeat scroll 0 0 #FBF9F9;
    border: 1px solid #DADADA;
    float: left;
    height: 184px;
    margin: 0 3% 30px 0;
    width: 47%;
}

.pbox_pic {
    float: right;
    padding: 20px 5%;
    width: 35%;
}

.pbox_pic img {
    height: auto;
    width: 100%;
}

#mainproducts #wrapper #container .pbox_text a.learn_button,
#mainproducts #wrapper.healthcarecolor #container .pbox_text a.learn_button,
#mainproducts #wrapper.misccolour #container .pbox_text a.learn_button,
#mainproducts #wrapper.utilitiesecolor #container .pbox_text a.learn_button {
    font-size: 1.6em;
}

#healthcare_left_content, #utilities_left_content, #misc_left_content {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 15px 0 40px;
    width: 72%;
}

#product_nav_right {
    float: left;
    width: 26%;
}


#clients {
    padding: 20px 0;
}

#clients_inner {
    margin: 0;
	float:left;
    width: 92%;
	padding:0 4%;
}

.clientstitle {
    left: 4%;
    margin: -50px auto 0;
    padding: 10px 20px 5px;
    position: absolute;
}

#clients_inner ul.clientlogos {
	width:55%;
	float:left;
	padding:0;
}

#clients_inner ul.clientlogos li {
    float: left;
    padding: 20px 3% 0 0;
    text-align: center;
	width:45%;
}

#twitter_feedright {
	width:40%;
	float:right;
}

#footer_inner {
    margin: 0;
	float:left;
    text-align: center;
    width: 92%;
	padding:20px 4%;
}

#footer_bottom_inner {
    margin: 0;
	float:left;
    width: 92%;
	padding:0px 4%;
}
	
}



/* Mobile */

@media handheld, only screen and (max-width: 767px) {

#top_header {
	display:none;
}

#nav_res {
	background: none repeat scroll 0 0 #EEEBEB;
    float: left;
    padding: 10px 4% 8px;
    width: 92%;
	height:auto;
	display:block;
}

#nav_res a#menu_text {
	float:left;
	background:url(../images/menu.png) no-repeat center center #059573;
	text-indent:-10000px;
	padding:10px 20px;
	height:auto;
	margin:0;
}

#nav_res a#menu_text:hover {
	background:url(../images/menu.png) no-repeat center center #007962;
}

#responsive_nav {
	float:left;	
	background:#059573;
	width:100%;
	padding:0;
	border-top:1px solid #08b68d;
}

#responsive_nav ul li a {
	float:left;
	color:#fff;
	width:92%;
	padding:10px 4%;
	font-size:1.6em;
	border-bottom:1px solid #08b68d;
}

#responsive_nav ul li a:hover {
	color:#059573;
	background:#fff;
	text-decoration:none;
}

#mainhome #responsive_nav ul li a.homenav,
#mainabout #responsive_nav ul li a.aboutnav,
#maincontact #responsive_nav ul li a.contactnav,
#mainproducts #responsive_nav ul li a.productsnav,
#mainservices #responsive_nav ul li a.servicesnav,
#mainjobs #responsive_nav ul li a.jobsnav {
	color:#059573;
	background:#fff;
	text-decoration:none;
}

#responsive_nav ul li a .padlock {
    float: left;
    padding: 0 7px 0 0;
    width: auto;
}

#header_bottom_inner {
    margin: 0;
	float:left;
    width: 96%;
	padding:0 2%;
}

#logo {
    float: none;
    margin: 0 auto;
    width: 30%;
}

nav {
    display:none;
}

.dropdown_1column {
	display:none;	
}

#slider_surround {
    height: auto;
    width: 100%;	
}

#slider_surround_inner {
    margin: 0;
    width: 100%;
	float:left;
	padding:0;
}

.rslides img {
    float: right;
    height: auto;
    width: 100%;
}

.callbacks .caption {
    height: auto;
    padding: 10px 3% 30px;
    position: relative;
	float:left;
    width: 94%;
}

.callbacks .caption p {
    color: #026A50;
    font-size: 2.4em;
    font-weight: 300;
    text-align: left;
}
	
.callbacks {
  padding: 0 0 40px;
}

.callbacks_tabs,
.slick-dots {
    background: url("../images/bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-size: 18px;
    list-style: none outside none;
    margin: 0;
    max-width: 540px;
    padding: 13px 10px 13px 20px;
    position: absolute;
    text-align: center;
    z-index: 500;
}

#box_surround_inner {
    margin: 0 auto;
    width: 92%;
	padding:0 4%;
}

#box_surround_inner ul li {
    display: inline-block;
    float: none;
    height: auto;
    margin: 40px 0 0;
    vertical-align: top;
    width: 100%;
}

#clients {
    padding: 20px 0;
}

#clients_inner {
    margin: 0;
	float:left;
    width: 92%;
	padding:0 4%;
}

.clientstitle {
    left: 4%;
    margin: -40px auto 0;
    padding: 10px 20px 5px;
    position: absolute;
}

#clients_inner ul.clientlogos {
	width:92%;
	float:left;
	padding:0 4%;
}

#clients_inner ul.clientlogos li {
    float: left;
    padding: 20px 10% 0 0;
    text-align: center;
	width:40%;
}

#twitter_feedright {
	width:100%;
	float:left;
}

#main_pagetitle_inner {
    margin: 0;
    width: 92%;
	float:left;
	padding:0 4%;
}

#wapper_inner {
    margin: 0;
    overflow: hidden;
    width: 92%;
	padding:0 4%;
	float:left;
}

#container {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 10px #D9D2D2;
    float: left;
    padding: 40px 4%;
    width: 92%;
}

#breadcrumbs {
    float: left;
    margin: 0 4% 20px;
    width: 92%;
}

h3 {
    color: #7B7A7A;
    font-size: 2.6em;
    font-weight: 300;
    margin: 0 0 20px;
}

.textcenter {
    text-align: left;
}

.aboutleft_section {
    float: left;
    width: 100%;
}

.aboutright_section {
    float: right;
    margin: 20px 0 0;
    width: 100%;
}

.servicesleft_section {
    float: left;
    width: 100%;
}

.servicesright_section {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

#contact_left {
    float: left;
    width: 92%;
	padding:0 4%;
}

#contact_right {
    float: left;
    margin: 20px 0 0;
    width: 92%;
	padding:0 4%;
}

.product_box {
    background: none repeat scroll 0 0 #FBF9F9;
    border: 1px solid #DADADA;
    float: left;
    height: 184px;
    margin: 0 0 30px 0;
    width: 100%;
}

.pbox_pic {
    display:none;
}

.pbox_text {
	width:90%;
	float:left;
	padding:10px 0 0 7%;
}

#healthcare_left_content, #utilities_left_content, #misc_left_content {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 15px 0 40px;
    width: 100%;
}

#healthcare_left_content #product_title_holder .imagery, #utilities_left_content #product_title_holder .imagery, #misc_left_content #product_title_holder .imagery {
    display:none;
}

#bottom_gallery ul li {
    margin: 20px 3% 0 0;
    width: 47%;
}

#product_nav_right {
    float: left;
    width: 100%;
	margin:20px 0 0;
}

#product_nav_right ul.healthcare li a, #product_nav_right ul.utilities li a, #product_nav_right ul.misc li a {
    padding: 10px 0 10px 5%;
    width: 94%;
}

a.healthcare_contact, a.utilities_contact, a.misc_contact {
    margin: 25px 0 0 0;
    padding: 10px 20% 10px 5%;
	width:75%;
}

#footer_inner {
    margin: 0;
	float:left;
    text-align: center;
    width: 92%;
	padding:20px 4%;
}

#footer_bottom_inner {
    margin: 0;
	float:left;
    width: 92%;
	padding:0px 4%;
}

#footer_bottom_left {
    float: left;
    width: 100%;
}

#footer_bottom_right {
    float: left;
    width: 100%;
}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}