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


@font-face {
font-family: 'Roboto-Regular-webfont';
  src: url(../fonts/Roboto-Regular-webfont.ttf);
}

@font-face {
font-family: 'fontawesome-webfont';
  src: url(../fonts/fontawesome-webfont.ttf);
}

body {
	margin: 0px;	
}
#topbdiv {
	background-color: #161616;
	height: 7px;
	width: 100%;
	min-width:1024px;
}

#mainheader {
	height: 90px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	
}
#mainheader .logo {
	margin-top: 13px;
}
#translatorbox {
	float: right;
	height: 60px;
	width: 175px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 15px;
	clear: right;
}
#searchbox {
	float: right;
	height: 60px;
	width: 220px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 15px;
	clear: left;
	
}
#logindetailsdiv {
	float: right;
	height: 30px;
	width: 348px;
	clear: both;
	font-family: 'Roboto-Regular-webfont';
	font-size: 15px;
}
.logincha {
	float: left;
	padding-top: 6px;
}
#menudive {
	height: 46px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	
}
#mainslider {
	height: 400px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
#mainbodydive {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
}
#footerbigdiv {
	height: 230px;
	width: 100%;
	background-color: #333333;
	margin-top: 6px;
	min-width:1024px;
}
#footerbottom {
	background-color: #161616;
	height: 47px;
	width: 100%;
	min-width:1024px;
}
#footerbox {
	height: 47px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.footertext{
	font-family: 'Roboto-Regular-webfont';
	color: #FFF;
	font-size: 13px;	
}
#footerbigdivbox {
	width: 1024px;
	height: 230px;
	margin-right: auto;
	margin-left: auto;
}
#footpanel1 {
	float: left;
	height: 230px;
	width: 197px;
	color: #FFF;
}
#footpanel5 {
	float: left;
	height: 230px;
	width: 236px;
	color: #FFF;
}
.sitetopics{
	font-family: 'Roboto-Regular-webfont';
	color: #FFF;
	font-size: 15px;
}
.panellist{
	font-family: 'Roboto-Regular-webfont';
	color: #FFF;
	font-size: 13px;
}

.panellist a{
	text-decoration:none;
	font-family: 'Roboto-Regular-webfont';
	color: #FFF;
	font-size: 13px;
}
.panellist a:hover{
	text-decoration:underline;
	
}
#Leftsidediv {
	float: left;
	width: 236px;
}
#rightsidediv {
	float: left;
	width: 782px;
	margin-left: 6px;
        margin-bottom: 5px;
}
.siteblacktabsleftdiv{
	font-family: 'Roboto-Regular-webfont';
	color: #FFF;
	font-size: 15px;
	background-color: #333333;
	width:215px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 21px;
	float: left;		
}
.productstabs1 a{
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 14px;
	background-color: #f0f0f0;
	width:215px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 21px;
	float: left;
	margin-top: 6px;
	text-decoration:none;
}
.productstabs1 a:hover{
	background-color: #ed1c24;
	color: #fff;
}
.productstabs2 a{
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 14px;
	background-color: #f0f0f0;
	width:215px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 21px;
	float: left;
	margin-top: 2px;
	text-decoration:none;
}
.productstabs2 a:hover{
	background-color: #ed1c24;
	color: #fff;
}
.productstabs3 a{
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 14px;
	background-color: #f0f0f0;
	width:215px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 21px;
	float: left;
	margin-top: 2px;
	margin-bottom:6px;
	text-decoration:none;
}
.productstabs3 a:hover{
	background-color: #ed1c24;
	color: #fff;
}
#leftboxdiv {
	height: 283px;
	width: 234px;
	border: 1px solid #CCC;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
}
#leftboxdivcon {
	height: 378px;
	width: 234px;
	border: 1px solid #CCC;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
}
#leftboxdiv1 {
	height: 242px;
	width: 234px;
	border: 1px solid #CCC;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
}
#leftboxdiv img {
	margin-left: 18px;
}
#leftboxdivcon img {
	margin-left: 18px;
}
.leftboxdivtext
{
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 13px;
	padding-left: 18px;
	float: left;
	padding-right: 18px;
}
.leftboxdivtext1
{
	font-family: Roboto-Regular-webfont;
	color: #000;
	font-size: 13px;
	padding-left: 20px;
	float: left;
	padding-right: 18px;
}
.leftboxdivtextreadmore a
{
	font-family: 'Roboto-Regular-webfont';
	color: #ed1c24;
	font-size: 14px;
	padding-left: 18px;
	float: left;
	text-decoration:none;
}
#servicebox1 {
	height: 105px;
	width: 256px;
	float: left;
}
#boxtext a{
	font-family: 'Roboto-Regular-webfont';
	font-size: 15px;
	text-decoration:none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	float: right;
	height: 99px;
	/*width: 142px;*/
	width: 250px;
	color: #FFFFFF;
	box-shadow: inset 0 0 0 0  #333333;
	background: #7db937;
	padding-top: 6px;
	padding-left: 6px;
}
#boxtext a:hover {
	color:#FFFFFF;
	/*box-shadow: inset 148px 0 0 0 #333333;*/
	box-shadow: inset 256px 0 0 0 #333333;
}
#boxtextblack a{
	font-family: 'Roboto-Regular-webfont';
	font-size: 15px;
	text-decoration:none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	float: right;
	height: 99px;
	/*width: 142px;*/
	width: 250px;
	color: #FFFFFF;
	box-shadow: inset 0 0 0 0  #7db937;
	background: #333333;
	padding-top: 6px;
	padding-left: 6px;
}
#boxtextblack a:hover {
	color:#FFFFFF;
	/*box-shadow: inset 148px 0 0 0 #7db937;*/
	box-shadow: inset 256px 0 0 0 #7db937;
}
.boxtext2{
	font-family: 'Roboto-Regular-webfont';
	font-size: 10px;
	text-decoration:none;
	margin-bottom: 10px;
	padding-right:6px;
}
#servicebox2 {
	height: 105px;
	width: 256px;
	float: left;
	margin-left: 6px;
}
#servicebox3 {
	height: 105px;
	width: 256px;
	float: left;
	margin-top: 6px;	
}
#servicebox4 {
	height: 105px;
	width: 256px;
	float: left;
	margin-top: 6px;
	margin-left: 6px;
	
}
#maintextdiv {
	float: left;
	margin-top: 6px;
	width: 782px;
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 14px;
	text-align: justify;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 4px;
	margin-bottom: 10px;
}
.siteblacktabsrightdiv{
	font-family: 'Roboto-Regular-webfont';
	color: #FFF;
	font-size: 15px;
	background-color: #333333;
	width:761px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 21px;
	float: left;		
}
#bottom3column {
	height: 278px;
	width: 1022px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	margin-top: 6px;
	clear: both;
}
#b3column1 {
	float: left;
	height: 279px;
	width: 340px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#b3column2 {
	float: left;
	height: 279px;
	width: 339px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#b3column3 {
	float: left;
	height: 279px;
	width: 339px;
}
.b3c1header{
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 15px;
	float: left;
	padding-top: 20px;
	padding-left: 35px;
}
.b3c1details{
	clear:both;
	font-family: Roboto-Regular-webfont;
	color: #000;
	font-size: 15px;
	float: left;
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 35px;
	}
.b3c1details a{
	text-decoration:none;	
	color: #000;
	
	}
.b3c1detailsn{
	clear:both;
	font-family: Roboto-Regular-webfont;
	color: #000;
	font-size: 15px;
	float: left;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	}
.b3c1detailsn a{
	text-decoration:none;	
	color: #000;
	
	}
.mob {
	clear: left;
	float: left;
	padding-top: 20px;
}
.mobd {
	float: left;
	padding-top: 25px;
	padding-left: 5px;
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 15px;
	clear: right;
}
#shpbox{
	width:269px;
	height:74px;
	margin-left:35px;
	margin-top:10px;
	margin-bottom: 15px;
	
}
#shpbox1{
	width:74px;
	height:74px;
	float:left;
}
#shpbox2{
	width:195px;
	height:74px;
	float:left;
}
.shpboxhdr{
	font-family: 'Roboto-Regular-webfont';
	color: #000;
	font-size: 15px;
	float: left;
	padding-top: 12px;
	padding-left: 35px;
}
.shpboxhdr a{
	text-decoration:none;
	color:#000000;
}
.shpboxhdranchor{
	text-decoration:none;
	color:#ed1c24;
	clear:both;
	float:left;
	padding-top: 12px;
	padding-left: 35px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 12px;
}
#productbox1 {
	float: left;
	height: 270px;
	width: 254px;
	border: 1px solid #CCC;
	margin-top: 6px;
	margin-right: 6px;
}
#productbox2 {
	float: left;
	height: 270px;
	width: 254px;
	border: 1px solid #CCC;
	margin-top: 6px;
}
#pb1pic {
	height: 194px;
	text-align: center;
}
#pb1det {
	height: 21px;
}
#pb1but {
	height: 50px;
}
.btngreen {
	float:left;
	margin-top:12px;
	margin-left:12px;
  background: #87c83e;
  background-image: -webkit-linear-gradient(top, #87c83e, #70a82f);
  background-image: -moz-linear-gradient(top, #87c83e, #70a82f);
  background-image: -ms-linear-gradient(top, #87c83e, #70a82f);
  background-image: -o-linear-gradient(top, #87c83e, #70a82f);
  background-image: linear-gradient(to bottom, #87c83e, #70a82f);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
 font-family: 'Roboto-Regular-webfont';
  color: #ffffff;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
 
}
.btngreen:hover {
	background-image: -webkit-linear-gradient(top, #575757, #333333);
	background-image: -moz-linear-gradient(top, #575757, #333333);
	background-image: -ms-linear-gradient(top, #575757, #333333);
	background-image: -o-linear-gradient(top, #575757, #333333);
	background-image: linear-gradient(to bottom, #575757, #333333);
	text-decoration: none;
	background-color: #575757;
}
.btnwhight {
	
	float:left;
	margin-top:12px;
	margin-left:5px;
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeded);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeded);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeded);
  background-image: -o-linear-gradient(top, #fefefe, #eeeded);
  background-image: linear-gradient(to bottom, #fefefe, #eeeded);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
   font-family: 'Roboto-Regular-webfont';
  color: #525252;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
  
}

.btnwhight:hover {
background-image: -webkit-linear-gradient(top, #575757, #333333);
	background-image: -moz-linear-gradient(top, #575757, #333333);
	background-image: -ms-linear-gradient(top, #575757, #333333);
	background-image: -o-linear-gradient(top, #575757, #333333);
	background-image: linear-gradient(to bottom, #575757, #333333);
	text-decoration: none;
	background-color: #575757;
	color: #FFF;

}
.protextmid
{
	font-family: Roboto-Regular-webfont;
	color: #000;
	font-size: 14px;
	padding-left: 18px;
	float: left;
	padding-right: 18px;
	padding-top:10px;
	font-weight: bolder;
}
.search-input-box {
	margin-top:12px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 10px;
	display: block;
	height: 21px;
	font-size: 0.85em;
	color: #333333;
	vertical-align: middle;
	background-color: #e8eeef;
	border:none;
	border-radius: 4px;
	min-width: 140px;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	box-shadow: 1px 1px 4px #DADADA;
	float:left;
	clear: right;
}
.search-input-box2 {
margin-top:12px;
font-family: 'Roboto-Regular-webfont';
display: block;
font-size: 16px;
vertical-align: middle;
clear: right;
width: 330px;
height: 20px;
padding: 10px 5px;
float: left;
border: 1px solid #CCC;
box-shadow: 0px 1px 1px #DDD inset, 0px 1px 0px #FFF;
border-radius: 3px;
	
	
}
.btn {
	margin-top:12px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 12px;
	border: none;
	padding: 7px;
	background: #7db937;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:pointer;
	
	
	
	
	
}
.btn:hover{
	background: #333333;
    color: #fff;
}
.btnero {
	margin-top:12px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 15px;
	
	margin-left:3px;
	float: left;
border: 1px solid #00748F;
height: 42px;
width: 100px;
padding: 0px;
cursor: pointer;

color: #FAFAFA;
text-transform: uppercase;
background-color: #0483A0;
background-image: -moz-linear-gradient(center top , #31B2C3, #0483A0);
border-radius: 3px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px #FFF;
	
}
.btnero:hover{
	background-image: -moz-linear-gradient(center top ,#0483A0 , #31B2C3);
    
}
.nav-search-el {
	float: left;
	clear: right;
}
#google_translate_element {
	margin-top: 16px;
	margin-left: 15px;
}
#name {
	margin-left:20px;
	width:188px;
	padding: 6px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-family: 'Roboto-Regular-webfont';
  font-size: 14px;
}
#name:focus {
	border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
#email {
	margin-left:20px;
	width:188px;
	padding: 6px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-family: 'Roboto-Regular-webfont';
  font-size: 14px;
}
#email:focus {
	border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

#leftboxdiv form .button {
	
	width:202px;
	margin-left:20px;
  background: #0186ba;
  background-image: -webkit-linear-gradient(top, #0186ba, #08698f);
  background-image: -moz-linear-gradient(top, #0186ba, #08698f);
  background-image: -ms-linear-gradient(top, #0186ba, #08698f);
  background-image: -o-linear-gradient(top, #0186ba, #08698f);
  background-image: linear-gradient(to bottom, #0186ba, #08698f);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
 font-family: 'Roboto-Regular-webfont';
  color: #ffffff;
  font-size: 14px;
  padding: 6px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
}
#leftboxdiv form .button:hover,#leftboxdiv form .button:focus  {
	background-image: -webkit-linear-gradient(top, #575757, #333333);
	background-image: -moz-linear-gradient(top,  #575757, #333333);
	background-image: -ms-linear-gradient(top,  #575757, #333333);
	background-image: -o-linear-gradient(top,  #575757, #333333);
	background-image: linear-gradient(to bottom,  #575757, #333333);
	text-decoration: none;
	background-color: #575757;
	cursor:pointer;
}
.sliderbutton a {
  float:left;
  margin-top:12px;	
  background: #87c83e;
  background-image: -webkit-linear-gradient(top, #87c83e, #70a82f);
  background-image: -moz-linear-gradient(top, #87c83e, #70a82f);
  background-image: -ms-linear-gradient(top, #87c83e, #70a82f);
  background-image: -o-linear-gradient(top, #87c83e, #70a82f);
  background-image: linear-gradient(to bottom, #87c83e, #70a82f);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
 font-family: 'Roboto-Regular-webfont';
  color: #ffffff;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
  cursor:pointer;
}
.sliderbutton a:hover {
	background-image: -webkit-linear-gradient(top, #575757, #333333);
	background-image: -moz-linear-gradient(top, #575757, #333333);
	background-image: -ms-linear-gradient(top, #575757, #333333);
	background-image: -o-linear-gradient(top, #575757, #333333);
	background-image: linear-gradient(to bottom, #575757, #333333);
	text-decoration: none;
	background-color: #575757;
}

.proheads{
	font-family: Roboto-Regular-webfont;
	margin-left:21px;
	padding-top:9px;
	padding-bottom:9px;
	float:left;
	width:750px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
.proheads2{
	font-family: Roboto-Regular-webfont;
	margin-left: 21px;
	padding-top: 9px;
	padding-bottom: 9px;
	float: left;
	width: 750px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
	color: #000

}
.detailssec{
	font-family: Roboto-Regular-webfont;
	margin-left:21px;
	padding-top:18px;
	padding-bottom:9px;
	float:left;
	width:750px;
	text-align:justify;
	font-size: 14px;
	

}
.detailsseclifor{
	font-family: Roboto-Regular-webfont;
	margin-left:38px;
	padding-top:18px;
	padding-bottom:9px;
	float:left;
	width:732px;
	text-align:justify;
	font-size: 14px;
	

}
.detailssec2{
	font-family: Roboto-Regular-webfont;
	margin-left:21px;
	padding-top:10px;
	padding-bottom:9px;
	float:left;
	width:750px;
	text-align:justify;
	font-size: 14px;
	

}
#productitems {
	width:750px;
	font-family: 'Roboto-Regular-webfont';
	margin-left:21px;
	padding-top:9px;
	padding-bottom:18px;
	float:left;
	border-bottom:solid 1px #999;
	
}
#productitems img {
	border:solid 1px #CCCCCC;
	margin-top: 9px;
	float:left;
	
}
#productitemsNEW {
	width:750px;
	font-family: 'Roboto-Regular-webfont';
	margin-left:21px;
	padding-top:9px;
	padding-bottom:18px;
	float:left;
	border-bottom:solid 1px #FFF;
	
}
#productitemsNEW img {
	border:solid 1px #CCCCCC;
	margin-top: 9px;
	float:left;
	
}
.productitemname{

font-family: 'Roboto-Regular-webfont';
	margin-left:25px;
	padding-top:9px;
	padding-bottom:9px;
	float:left;
	
	
	

}
.productitemdes{
	font-family: Roboto-Regular-webfont;
	font-size:14px;
	color:#000000;
	margin-left:25px;
	padding-top:9px;
	padding-bottom:9px;
	float:left;
	width: 450px;
	text-align: justify;
		
}

#itembuttons {
	height: 50px;
	float: right;
	margin-right: 295px;
}
#itembuttonspantone {
	height: 50px;
	float: right;
	margin-right: 265px;
}

#itembuttons2 {
	height: 50px;
	float: right;
	margin-right: 365px;
} 
#productitems2 {
	width:750px;
	height:290px;
	font-family: 'Roboto-Regular-webfont';
	margin-left:21px;
	padding-top:9px;
	float:left;
	
}
#productitems2 img {
	border:solid 1px #CCCCCC;
	margin-top: 9px;
	float:left;
	
}
#webportbox {
	width:239px;
	height:215px;
	margin-top:17px;
	margin-bottom:17px;
	float:left;
	margin-left:21px;
	box-shadow: 0px 30px 20px -30px #858585;
	
	
}
#portfoimg {
	width:239px;
	height:165px;
	position: relative;
	font-family: 'Roboto-Regular-webfont';
}
#portboxtitle a{
	width:229px;
	height:17px;
	float:left;
	font-family: 'Roboto-Regular-webfont';
	font-size:12px;
	font-weight:bold;
	color:#979797;
	text-decoration:none;
	text-align:center;
	vertical-align: bottom;
}  

#portboxtitle a:hover {
	font-family: Roboto-Regular-webfont;
	color:#0186BA;
}
.webclients {
	margin-top:9px;
	margin-left:21px;
	margin-bottom:9px;
	float:left;
	font-family: 'Roboto-Regular-webfont';
}
.clientcolumnpadding1{
	padding-left:10px;
	font-size:14px;
		
}
.clientcolumnpadding{
	padding-left:10px;
	font-size:14px;
	border:1px solid #EEE;
	
}
.clientcolumnpaddinglast{
	padding-left:10px;
	font-size:14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EEE;
	
}
.tablebordercolour{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;

}
.topheadtable{
	padding-left:10px;
	font-weight:bold;
}
.topheadtablebit{
	
	font-weight:bold;
	border-left:#4A4A4A 1px solid;
}
#testimonialmain {
	float: left;
	margin-top: 30px;
	width: 780px;
}
.combub {
	float: left;
	margin-left: 21px;
}
.testisum{
	float:left;
	width:400px;
	margin-left:18px;
	font-family: 'Roboto-Regular-webfont';

}.logotesti {
	float: left;
	margin-left: 5px;
	margin-top:5px;
	height: 95px;
	width: 280px;
	outline: 1px solid #EBEBEB;
}
.viewtesti a{
	font-family: 'Roboto-Regular-webfont';
	color: #fff;
	font-size: 16px;
	background-color: #000;
	width:150px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	float: right;
	margin-top: 9px;
	margin-right:8px;
	text-decoration:none;
	text-align:center;
}
.viewtesti a:hover{
	background-color: #333;
	color: #fff;
}
div.caption {
	font-family: 'Roboto-Regular-webfont';
    position: absolute;
    top: 0px;
    width: 239px;
	height: 165px;
	opacity:0;
	
	color:#FFFFFF;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-align: center;
}

#portfoimg a:hover div.caption {
	font-family: 'Roboto-Regular-webfont';

opacity:.9;
/*margin: 1em;
padding: 4em;
width: 90%;*/
background: none repeat scroll 0% 0% #333;



}
.libox li {
	margin-left:15px;
	text-align: left;
line-height: 36px;
color: #0098CD;

list-style-type: disc;
}
.litext{
	color: #000;
	
}
.libox{
	font-family: 'Roboto-Regular-webfont';
	margin-left:21px;
	padding-top:18px;
	padding-bottom:9px;
	float:left;
	width:250px;
	text-align:justify;
	font-size: 14px;
	

}
.libox2{
	font-family: 'Roboto-Regular-webfont';
	margin-left:21px;
	padding-top:18px;
	padding-bottom:9px;
	float:left;
	width:750px;
	text-align:justify;
	font-size: 14px;
	

}
.libox2 li {
	margin-left:15px;
	text-align: left;
line-height: 36px;
color: #0098CD;

list-style-type: disc;
}
#googleMap {
	float:left;
	margin-left:21px;
	margin-top:9px;
}
#contactdiv {
	float: left;
	height: 500px;
	width: 441px;
	margin-top: 9px;
	margin-left: 21px;
}
#contactform {
	font-family: 'Roboto-Regular-webfont';
	font-size: 14px;
}
#frmName {
	
	width:400px;
	padding: 6px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-family: 'Roboto-Regular-webfont';
  font-size: 14px;
}
#frmName:focus {
	border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
#emailadd {
	
	width:400px;
	padding: 6px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-family: 'Roboto-Regular-webfont';
  font-size: 14px;
}

#emailadd:focus {
	border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
#frmTelephone {
	
	width:400px;
	padding: 6px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-family: 'Roboto-Regular-webfont';
  font-size: 14px;
}
#frmTelephone:focus {
	border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.demoInputBox{
	font-family: 'Roboto-Regular-webfont';
	padding:10px; border:#F0F0F0 1px solid; border-radius:4px;background-color:#FFF;width:50%;}
#frmMessage {
	
	width:400px;
	height:150px;
	padding: 6px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  font-family: 'Roboto-Regular-webfont';
  font-size: 14px;
}
#frmMessage:focus {
	border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.buttonf {
	margin-top:20px;
	width:202px;
	  background: #0186ba;
  background-image: -webkit-linear-gradient(top, #0186ba, #08698f);
  background-image: -moz-linear-gradient(top, #0186ba, #08698f);
  background-image: -ms-linear-gradient(top, #0186ba, #08698f);
  background-image: -o-linear-gradient(top, #0186ba, #08698f);
  background-image: linear-gradient(to bottom, #0186ba, #08698f);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
 font-family: 'Roboto-Regular-webfont';
  color: #ffffff;
  font-size: 14px;
  padding: 6px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
}
.buttonf:hover  {
	background-image: -webkit-linear-gradient(top, #575757, #333333);
	background-image: -moz-linear-gradient(top,  #575757, #333333);
	background-image: -ms-linear-gradient(top,  #575757, #333333);
	background-image: -o-linear-gradient(top,  #575757, #333333);
	background-image: linear-gradient(to bottom,  #575757, #333333);
	text-decoration: none;
	background-color: #575757;
	cursor:pointer;
}
#contactdetailsright {
	width:309px;
	float:left;
	margin-top:9px;
	font-family: 'Roboto-Regular-webfont';
	font-size: 14px;
	padding-left:10px;
}
#clientimagepage {
	float: left;
	height: 133px;
	width: 186px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DADADA;
	border-left-color: #DADADA;
	
}
#clientimagepagerowlast {
	float: left;
	height: 133px;
	width: 186px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DADADA;
	border-left-color: #DADADA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
}
#clientimagepagelast {
	float: left;
	height: 133px;
	width: 186px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADADA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DADADA;
}
#clientimagepagelastlast {
	float: left;
	height: 133px;
	width: 186px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADADA;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DADADA;
}
#leftclientmar {
	float: left;
	width: 761px;
	margin-left: 21px;
	margin-top: 9px;
}
/* Set the size and font of the tab widget */
.tabGroup {
	font-family: 'Roboto-Regular-webfont';
	width: 450px;
	height: auto;
}
 
/* Configure the radio buttons to hide off screen */
.tabGroup > input[type="radio"] {
    position: absolute;
    left:-9999px;
    
}
 
/* Configure labels to look like tabs */
.tabGroup > input[type="radio"] + label {
    /* inline-block such that the label can be given dimensions */
    display: inline-block;
 
    /* A nice curved border around the tab */
    border: 1px solid #ccc;
   
     
    /* the bottom border is handled by the tab content div */
    border-bottom: 0;
 
    /* Padding around tab text */
    padding: 5px 10px;
 
    /* Set the background color to default gray (non-selected tab) */
    background-color:#ddd;
}
 
/* Focused tabs need to be highlighted as such */
.tabGroup > input[type="radio"]:focus + label {
    border:1px solid #ccc;
}
 
/* Checked tabs must be white with the bottom border removed */
.tabGroup > input[type="radio"]:checked + label {
    background-color:white;
    font-weight: bold;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
}
 
/* The tab content must fill the widgets size and have a nice border */
.tabGroup > div {
    display: none;
    border: 1px solid #ccc;
    background-color: white;
    padding: 10px 10px;
    height: 100%;
    overflow: auto;
     
   
     
   
}
 
/* This matchs tabs displaying to thier associated radio inputs */
.tab1:checked ~ .tab1, .tab2:checked ~ .tab2, .tab3:checked ~ .tab3 {
    display: block;
}
.logincha a {
	text-decoration:none;
	color:#000000;
}
.btoo {
	float: left;
	margin-right: 5px;
}
#hostbox1 {
	height: 350px;
	width: 240px;
	float: left;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.14);
	border-radius: 5px 5px 5px 5px;
}
#hostbox2{
	margin-left:15px;
	height: 350px;
	width: 240px;
	float: left;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.14);
	border-radius: 5px 5px 5px 5px;
}
#hostboxtop {
	font-family: 'Roboto-Regular-webfont';
	float:left;
	height: 60px;
	width: 238px;
	background: -moz-linear-gradient(center top , #01A5FC, #0069FF) repeat scroll 0% 0% transparent;
	background: -webkit-linear-gradient(#01A5FC, #0069FF);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #1F5BA1;
	border-radius: 5px 5px 0px 0px;
	

}
#hostboxtop2 {
	font-family: 'Roboto-Regular-webfont';
	float:left;
	height: 60px;
	width: 238px;
	background: -moz-linear-gradient(center top , #F0B416, #E4770E) repeat scroll 0% 0% transparent;
	background: -webkit-linear-gradient(#F0B416, #E4770E);
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
border-color: #A06A0A;
	border: 1px solid #A06A0A;
	border-radius: 5px 5px 0px 0px;
	

}
#hostboxtop3 {
	font-family: 'Roboto-Regular-webfont';
	float:left;
	height: 60px;
	width: 238px;
	background: -moz-linear-gradient(center top , #8f1acb, #610b8e) repeat scroll 0% 0% transparent;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #4c2062;
	border-radius: 5px 5px 0px 0px;
	

}
#hostboxtop4{
	font-family: 'Roboto-Regular-webfont';
	float:left;
	height: 60px;
	width: 238px;
	background: -moz-linear-gradient(center top , #4EB436, #318521) repeat scroll 0% 0% transparent;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
 
	border: 1px solid #1F5714;
	border-radius: 5px 5px 0px 0px;
	

}
#hostboxtop5 {
	font-family: 'Roboto-Regular-webfont';
	float:left;
	height: 60px;
	width: 238px;
	background: -moz-linear-gradient(center top , #E95150, #D03231) repeat scroll 0% 0% transparent;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;

	border: 1px solid #9A1F21;
	border-radius: 5px 5px 0px 0px;
	

}
#hostboxtop6 {
	font-family: 'Roboto-Regular-webfont';
	float:left;
	height: 60px;
	width: 238px;
	background: -moz-linear-gradient(center top , #02d2c7, #00847d) repeat scroll 0% 0% transparent;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #196a66;
	border-radius: 5px 5px 0px 0px;
	

}
.toppack {
	float:left;
	font-size: 20px;
color: #FFF;
text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
text-align: center;
padding-top:15px;
width: 238px;
}
#hostcont {
	float:left;
	text-align: center;
	width: 238px;
}
.hostwight{
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:240px;
}
.hostash {
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:240px;
	background-color:#F0F0F0;
}
#hostbut {
	height: 50px;
	width: 240px;
	float: left;
	
}

.hostbut a{
	float:left;
	margin-top:12px;
	margin-left:71px;
 background: linear-gradient(to bottom, #3B3B3B 0%, #333 100%) repeat scroll 0% 0% transparent;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
 font-family: 'Roboto-Regular-webfont';
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px 5px 15px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
}

.hostbut a:hover{
	float:left;
	margin-top:12px;
	margin-left:71px;
 background: linear-gradient(to bottom, #4F4F4F 0%, #474747 100%) repeat scroll 0% 0% transparent;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
 font-family: 'Roboto-Regular-webfont';
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px 5px 15px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
}

.btncareer {
	
	float:left;
	margin-top:12px;
	
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #575757, #333333);
  background-image: -moz-linear-gradient(top, #575757, #333333);
  background-image: -ms-linear-gradient(top, #575757, #333333);
  background-image: -o-linear-gradient(top, #575757, #333333);
  background-image: linear-gradient(to bottom, #575757, #333333);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
   font-family: 'Roboto-Regular-webfont';
  color: #FFF;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
  
}

.btncareer:hover {
background-image: -webkit-linear-gradient(top, #868484, #6a6969);
	background-image: -moz-linear-gradient(top, #868484, #6a6969);
	background-image: -ms-linear-gradient(top, #868484, #6a6969);
	background-image: -o-linear-gradient(top, #868484, #6a6969);
	background-image: linear-gradient(to bottom, #868484, #6a6969);
	text-decoration: none;
	background-color: #575757;
	color: #FFF;

}
.crbutbox {
	float:left;
	width: 750px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.btnapply {
	
	float:right;
	margin-bottom:12px;
	
  background: #c10000;
  background-image: -webkit-linear-gradient(top, #e20000, #c10000);
  background-image: -moz-linear-gradient(top, #e20000, #c10000);
  background-image: -ms-linear-gradient(top, #e20000, #c10000);
  background-image: -o-linear-gradient(top, #e20000, #c10000);
  background-image: linear-gradient(to bottom, #e20000, #c10000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
   font-family: 'Roboto-Regular-webfont';
  color: #FFF;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
  
}

.btnapply:hover {
background-image: -webkit-linear-gradient(top, #f33030, #d92727);
	background-image: -moz-linear-gradient(top, #f33030, #d92727);
	background-image: -ms-linear-gradient(top, #f33030, #d92727);
	background-image: -o-linear-gradient(top, #f33030, #d92727);
	background-image: linear-gradient(to bottom, #f33030, #d92727);
	text-decoration: none;
	background-color: #d92727;
	color: #FFF;

}
.buynow {
	
	
	
	
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #575757, #333333);
  background-image: -moz-linear-gradient(top, #575757, #333333);
  background-image: -ms-linear-gradient(top, #575757, #333333);
  background-image: -o-linear-gradient(top, #575757, #333333);
  background-image: linear-gradient(to bottom, #575757, #333333);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
   font-family: 'Roboto-Regular-webfont';
  color: #FFF;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  border: solid #e0e0e0 1px;
  text-decoration: none;
  
}

.buynow:hover {
background-image: -webkit-linear-gradient(top, #868484, #6a6969);
	background-image: -moz-linear-gradient(top, #868484, #6a6969);
	background-image: -ms-linear-gradient(top, #868484, #6a6969);
	background-image: -o-linear-gradient(top, #868484, #6a6969);
	background-image: linear-gradient(to bottom, #868484, #6a6969);
	text-decoration: none;
	background-color: #575757;
	color: #FFF;

}.tablebordercolour a {
	color: #FFF;
	text-decoration: none;
}
.featbox {
	float: left;
	height: 120px;
	width: 360px;
	margin-top:20px;
}
.featbox2 {
	float: left;
	height: 120px;
	width: 360px;
	margin-left:30px;
	margin-top:20px;

}.imgfbox {
	height: 120px;
	width: 70px;
	float:left;
}
.headfbox {
	font-size: 18px;
	font-weight: 600;
	float: left;
	margin-bottom: 5px;
	width: 290px;
}

.link-list   {
font-size: 14px;
font-family: 'Roboto-Regular-webfont';
float:left;
}

.link-list li {
	list-style:none;
    width: 200px;
    border-bottom: 1px solid #D7D7D7;
    font-size: 14px;
	text-decoration:none;
}
.link-list li a{
	color: #0071C5;
   line-height: 43px;
	text-decoration:none;
}
.galleryimage{
	float:left;
	margin-right:20px;
	margin-bottom: 25px;
}