/* @override 
	https://spcnetwork.eu/?* */


/* @group Normalize */
 
 /* HTML5 ✰ Boilerplate
  * ==|== normalize ==========================================================
  */
  
 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
 audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
 audio:not([controls]) { display: none; }
 [hidden] { display: none; }
 
 html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
 body { margin: 0; font-size: 13px; line-height: 1.231; }
 body, button, input, select, textarea { font-family: sans-serif; color: #222; }
 
 ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 
 a { color: #00e; }
 a:visited { color: #551a8b; }
 a:hover { color: #06e; }
 a:focus { outline: thin dotted; }
 a:hover, a:active { outline: 0; }
 
 abbr[title] { border-bottom: 1px dotted; }
 /*b, strong { font-weight: bold; }*/
 blockquote { margin: 1em 40px; }
 dfn { font-style: italic; }
 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 ins { background: #ff9; color: #000; text-decoration: none; }
 mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
 pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
 q { quotes: none; }
 q:before, q:after { content: ""; content: none; }
 small { font-size: 85%; }
 sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
 sup { top: -0.5em; }
 sub { bottom: -0.25em; }
 ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
 dd { margin: 0 0 0 40px; }
 nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
 svg:not(:root) { overflow: hidden; }
 figure { margin: 0; }
 
 form { margin: 0; }
 fieldset { border: 0; margin: 0; padding: 0; }
 label { cursor: pointer; }
 legend { border: 0; *margin-left: -7px; padding: 0; }
 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
 button, input { line-height: normal; *overflow: visible; }
 table button, table input { *overflow: auto; }
 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 textarea { overflow: auto; vertical-align: top; resize: vertical; }
 input:valid, textarea:valid {  }
 input:invalid, textarea:invalid { background-color: #f0dddd; }
 
 table { border-collapse: collapse; border-spacing: 0; }
 td { vertical-align: top; }
 
 /* @end */
 
 /* @group Primary styles */
 
 /* ==|== primary styles =====================================================
    Author: Zack Morgan - MID - http://www.mid.co.uk
    ========================================================================== */
    
   
 .top {
	background: #fff;
}
 
 .container {
 padding: 0 20px;
 
 }
 .page {
 		background: #fff ;
 	}
 	
 
 
 .row {
 	clear: both;
 }
 	body {color: #3A3C44;
 
 		font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 	-webkit-text-size-adjust: none;
 	}
 	
 a { color: #5b9a98; text-decoration: none }
 a:visited { color: #7B5875; }
 a:hover { color: #5b9a98; text-decoration: underline }




p {	line-height:24px;
font-size: 18px;
	padding:  0; margin: 0 0 12px 0;
}

ul,ol {	line-height:24px;
font-size: 18px;
padding: 0 0 0 1.5em; margin:  0 0 24px 0; 


}
 
 /*strong  {font-family: calibri, sans-serif; font-weight: 700; font-style: normal; }*/
 
 em, i { 
  font-family: calibri, sans-serif;
  
  font-weight: 400;
  
  font-style: italic;
  
 }
 h1, h2, h3, h4, h5, h6, strong  {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal; padding:  0; margin:  0;
 
}
 
 
 h1, h2, h3 {text-transform: uppercase;;
 }
 
h1, h2 {margin-bottom:  12px; }
 
 
 
 h1 {color:  #3E4249;
 	font-size:28px;line-height: 36px; 
 }
 
 
 h2 {
 	font-size: 24px;line-height: 30px;	}
 
 h3 {
 	font-size: 18px;line-height: 24px;
 }
 
 h4
 
 {
 	 	font-size: 18px;line-height: 24px;
 	
 }
 
 h5, h6 {
 	font-size: 14px;line-height: 24px;
 }
 
.home h2 a {color: #3A3C44;}
 
 
 a.groupcrumb {position: absolute; top:  0; left:  0;
background: #828695; 	color:  #fff; padding: 3px 12px 3px 18px;	
font-size: 14px;
 text-transform: uppercase;
 }
 
  a.groupcrumb:hover {background: #5b9a98 ; text-decoration: none;
  }
 
 
 a.groupcrumb:after {
 content: ' ';
 	height: 0;
 	position: absolute;
 	width: 0;
 
 	border:5px solid transparent;
 	border-right-color: #fff;
 	left: 3px;
 		top: 5px;
 		
 }
 
 
 .search form {float: right;
  margin:12px 10px  0 0 ;
 }

  .search form input.submit {
  	padding: 0;
  } 
  
  .search form label {
 	display: none;
 }
.search form input {
	float: left;
	 }
	
 	 
 #keywords {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 width: 150px;
 border: 1px solid #ccc;margin-right:  3px;
 font-size: 12px;padding: 2px;line-height: 15px
 }
 

 .subscribe form {margin: 18px 0  ;padding: 12px 10px 12px 10px;margin-left: -10px;
background: #5b9a98;
	color:  #fff;
overflow: auto;
 }
 .subscribe form label {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal; text-transform: uppercase;
 	font-size: 14px;line-height: 24px; padding:  0; margin:  0;float: left;
 	
 }
 .subscribe form input {
 	float: left;font-size: 12px;padding: 2px;margin-top: 6px;
 }
 

 
 #email {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 width: 120px;
 border: 1px solid #ccc;line-height: 15px;margin-right:  3px;
 clear: left;
 }
 
 .subscribe form input.submit {background: 	#3A3C44; color:  #fff;border: 0;padding: 3px;
 }
 
 
 .nav ul, .footer ul {color: #45484F; list-style:none; text-transform: uppercase;  margin: 0; padding:18px 0 0   0;}
 
 .nav li {margin-right: 20px; margin-bottom: 12px; float:  left;  font-size: 14px; 
 }
 
 .footer ul li {margin-right: 20px; float:  left; font-size: 14px;
 }
 
 .nav li a   {color: #45484F; }
 
.nav li a:hover  {color: #000; text-decoration:  none;
}

 .addthis_toolbox {border: 1px solid #ddd; 
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 text-transform: uppercase;
  font-size: 12px;
   line-height: 18px; 
   padding: 11px 10px;
	margin: 12px   0; 

}


 
 .addthis_toolbox a { 
 color: #3A3C44;
 }
 
 .addthis_separator {
 	
 color:  #aaaaaa;	
 }
 
 
 .intro img {
 	float: left; margin: 0 49% 12px 0 ; 
 	width: 50%;
 }
 
 
 .shadow h1 {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal; text-transform: none; font-size: 24px ; line-height: 28px  }
 
 
 
 .homelogos img, .logocol img {
	margin: 0  20px 12px 0;
}

.logocol {
	margin-top: 36px;
}


 .footer { color:  #fff;
 	background:  #828695 url('/images/site/footer.png') repeat-x top left ;border-top: 24px solid #fff;
 }
 
 
 .footercontacts, .footerdetails {
 	margin-top: 20px;
 }
 
 .footer  ul {clear: both;
 	margin:  0 0 24px 0; 
 }
 
 
 
 
 .footer  a {
 	color:  #fff !important;
 }
 
 .footer  a:hover  {color: #000; text-decoration:  none; 
 
 }
 .footer p { font-size: 12px;clear: left;line-height: 18px;
 	
 }
 
 a#linkedin {
 display: block;
 width: 33px;height:  32px; text-indent: 999em;  	background:   url('/images/site/linkedin.png') no-repeat top left
 }
 	.subnav h3 {font-size: 18px;margin: 18px 0  24px 0 ;
 
 }
 
 	.subnav ul {list-style: none;	padding: 0;margin: 9px 20px 36px 0 ;font-size: 14px;
 			font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 		
 	}
 	
 	.subnav ul li {
 		padding: 0;margin:0 ;line-height: 18px;
 	}

.sidebar {
	margin-right:20px ;
	 line-height: 24px;
}

.sidebar h1 , .sidebar h2 , .sidebar h3 , .sidebar h4 , .sidebar h5 , .sidebar h6 {
	
	 	font-size: 16px;
	
}
 
 .subnav li a {display: block; border-bottom: 1px solid #ddd; margin:0 0 6px  0;padding: 0 0 5px 0;
 
/* padding: 2px 5px; 
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;*/

}

 .subnav li a:hover {text-decoration: none;color: #000; border-bottom: 1px solid #ccc; 	/* background: #efefef ;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #ddd;*/

 }
 
 .subnav li.current a {
color: #3A3C44;  	
 }
 
 div.link, div.download , div.mailing{background: #5b9a98;
 	color:  #fff; overflow: hidden; border-top: 12px solid #fff;
 }
 
 
 .download a , .link a {
 	color: #fff;
 }
 
div.download h2 {background: #5b9a98 url('/images/site/file.png') no-repeat left bottom;padding-left:  36px ;
	
}

 .download h2, .link h2 {padding-top: 12px;
}


div.mailing label  {font-size: 14px;line-height: 36px;	text-transform: uppercase;
	
}

div.mailing  {
	padding-top: 12px; padding-bottom: 18px;
}


div.mailing input#email { 

	width: 80%;margin-bottom: 12px;
}


 .date {background: #eee ;
 border-top: 1px solid #818695;padding: 5px 0 6px 10px;margin-left: -10px;
  }
 	 
 /*.date p {font-family: calibri, sans-serif; font-weight: 700; font-style: normal;
 	
 margin: 0;
font-size: 14px;text-transform: uppercase;
 }*
 
 p.readmore {		font-family: calibri, sans-serif; font-weight: 700; font-style: normal;
 	
 }*/
 
 h3 img { vertical-align: baseline; padding-left:  10px; margin-bottom: -5px;
 }
 
 /*
 	Forms*/
 	
 form p {margin:  0;
 padding-top:  9px;padding-bottom: 9px;
 padding-left: 20px;margin-left:  -20px;
 }
  form input, form textarea  {width:  70%;
 padding:  0.5em;
 border: 1px solid #ccc;
 font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 }
 
 
  input.submit {background: 	#3A3C44; color:  #fff;
 	border: 0;width: auto;
 }
 
 
 
 label {display: block;clear: left; font-size:  16px;
 	font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;line-height: 24px;text-transform: uppercase;
 }
 
 label.error {
	text-transform: none; font-size: 14px;
}
 form em {
 	color:  red;
 }
 
 
 .highlighted input, 
 .highlighted textarea {
 	border:  2px solid #3A3C44;
 }
 
 label.error {
 	color:  red;
 }
 
 
 p.captcha img {
	margin-bottom: 6px;
}
 
 #freeform {
 	margin-top: 18px;
 }
 
 
 .regpage p {clear: both;
 	font-size: 16px;
 }
 
  .regpage p.intro {
font-size: 24px;line-height: 30px;
 }
 
 .regpage .textcol	{padding-top: 36px;
 	background-image: none;
 }
 .regpage fieldset {background: #fff;
 	border:  1px solid #ddd;padding:  10px;
margin-bottom: 24px ; }
 
 .regpage form input, .regpage form textarea ,  .regpage form select {width:  60%; float: left;
 padding:  0.5em;
 border: 1px solid #ccc;
 font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 margin-bottom: 12px;
 }
 
 
.regpage  input.submit {font-size: 24px; padding:  8px 24px;  margin: 24px 0 ; float:  right;
	width: auto; text-transform: uppercase; background: #5b9a98;
}
.regpage label {
	 width: 30%; float: left;
} 
.regpage label.radio_label {
text-transform: none;
	width: 90%;
}

.regpage label.radio_label input {
	
	width: auto; 
/*	background: #fff; border-color: #fff;*/
	margin-right: 10px;
}


.regpage label.small_label, span.small_label {
text-transform: none; color:  #666;
}



.regpage label.small_label input {
width: 50%;
}


.regpage label.error {
	margin-top:  -18px; margin-bottom: 12px;
}

.regpage form p {
	padding-bottom: 30px !important;
}
 
 .regpage hr {
 	clear: both;
 }
 .pullmore {margin-left: -5.4% ; padding-left: 5.4%; 
 
 }
 
 .pullmore p {margin-right:  25px;
 	
 }
  p.banner {
  	color: #5b9a98;
  }
 
 p.banner , p.homebanner {
 	 	padding:  20px;
 	 	 	font-size:30px; line-height: 36px; 
 	 	
 	
 }
 
 
 .featurebox {
	min-height: 220px !important;
  background: #5b9a98 url('/images/site/arrow_box.png') no-repeat 95% 90%;

margin-bottom:  40px;
  }
  

.featurebox  p  {
	color:  #fff; ;padding-left:  20px; padding-right: 70px;	
}


 .featurebox  ul {
	color:  #fff; ;padding-left:  20px; padding-right: 60px;	margin-left: 15px;	
}

  
  .featurebox  h3 {
  	color:  #fff; 
  font-size: 24px;
  	padding-top: 18px;
  	padding-left: 20px;
  	padding-right: 20px;
  	  	margin-bottom: 6px;
  	
  
  	
  }
 
 
  .featurebox  h3 {
 	padding-left: 75px;
 		  background:  url('/images/site/small_hexagon.png') no-repeat 20px 10px ;
 		  min-height: 48px;
 		   
 		  
 }
 
 
 .featurebox a {
 	color: #fff;
 }
 
 
 
 
 .spc-ir-hex h1 {padding-left: 80px;min-height: 80px;padding-top:12px;
  	  background:  url('/images/site/medium_hexagon.png') no-repeat  ;
 }
 
 
 .spc-ir blockquote ,  .spc-ir blockquote p {
 	font-size: 18px;
 		color: #818695;
 		font-style: italic;
 }

.spc-ir blockquote.clientquote {
margin-top: -20px;
	margin-left: 20px;
} 


  .spc-ir .subnav blockquote.clientquote {
  margin-top: 20px;
  	margin-left: 0;
  } 
  .spc-ir blockquote.clientquote p {
  
font-size: 16px;  } 
  
   .spc-ir blockquote.clientquote cite {
line-height:18px;
font-size: 14px;
font-style: normal;   }
  
 /* @group Small screen */
 
 .subnav {
 	display: none;
 }
  /*iframe,   object,   embed{
 width: 100%;height:  auto;
   }*/
  
   .nav li {margin-bottom: 0;
 width: 42%; float:  left; 
 }
 
 .nav ul {float: left;padding-top:  0;
 margin:  24px 0;
 	border-top: 3px solid #5b9a98; 
 	border-bottom: 3px solid #5b9a98;
 }
 
  .nav li a {		font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
 	 display: block;width: 100%; border-top: 1px solid #5b9a98; height: 24px;margin-top:  -1px; 
 
 }
 
  .nav li a {
 	padding: 5px 0 0px 10px ;
 }
 
 .nav li.current a{
 	background: #eee ;
 }
 
 ul.mobile  li {margin-right: 20px; float:  none; padding:  9px;border-bottom: 1px solid #ccc;font-size: 14px;
 }
 
 
 ul.mobile li.current a{
 color:  #000 !important;
 }
 
 
 
 #start {
 	padding-top: 6px;
 }
 
/*.textcol h2 {
 	padding-top:  12px;
 }*/
 
 body {	margin-bottom: -24px;/*width:  99%;*/
 }
 
 div.download, div.link {
 	padding-bottom: 3px;margin-bottom: 15px;margin-top: 12px;
 }
 
 div.download h2 {margin-bottom:  0  ;
 	
 }
 
 .nav ul, .footer ul {font-size: 18px; line-height: 18px;
 }
 
 /*
 .video {
     position: relative;
     padding-bottom: 56.25%; /* 16/9 ratio *!/
     height: 0;
     overflow: hidden;
 }
 
.ie6.video {
	     padding-top: 30px; /* IE6 workaround*!/
	
}
 .video iframe,
 .video object,
 .video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 */
 
 #video p {
 	margin-top: 12px;
 }
 
 .nextprev {
	clear: left;margin:  24px 0 ;
}

 
 /* @end */
 
 
 
 /* ==|== non-semantic helper classes ======================================== */
 .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
 .ir br { display: none; }
 .hidden { display: none !important; visibility: hidden; }
 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 .invisible { visibility: hidden; }
 .clearfix:before, .clearfix:after { content: ""; display: table; }
 .clearfix:after { clear: both; }
 .clearfix { zoom: 1; }
 
 /* @end */
 
 
/* ==|== media queries====================================================== */



@media only screen and (min-width: 768px) {



p.banner {
/* font-family: "Calibri W01 Bold 904607" , "Helvetica Neue", Arial, Helvetica, sans-serif;;*/
 	font-size:32px !important; line-height: 32px !important;
 	padding:  20px;
 	width: 70%;
 	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1)  !important;
 	color:  #fff;
/* 	background: #5b9a98;*/
 }
 
 p.homebanner {

 	position: relative; 
 	
 	font-size:36px; line-height: 36px;
 	padding:  30px 0 0 0;
 /*	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1) ;*/
 
 }
 
 
 p.homebanner strong {
 		font-size:48px; line-height: 42px;
 	
 }
 
 
.top {
	padding-top: 12px;
}




	/* @group Undo small screen */
	.subnav {
		display: block;margin-bottom:  60px;
	}
	
	
	 p, ul,ol{	
	font-size: 15px;
	line-height:24px;
	}
	

	
	 .nav li {font-size: 16px;
	width: auto;
	}
	
	
	.nav ul {float: left;padding-top:  0;margin:  0;
		border: none;
	}
	
	
	 .nav li a {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
	
	border: none;
	height: auto;
	width: auto;
	margin-top:  0px; 
	
padding: 3px 6px;
	}
	
	.nav li.current a{
		background: transparent ;
	}	
	
	 .nav ul, .footer ul {font-size: 15px;  padding:18px 0 0   0; }
	
	
	#start {
		padding-top: 0;
	}
	
	

	body {	margin-bottom: 0;/*width: 100%;*/
background: #828695 ;;
	}
	

		/* @end */
	
	
	.mobile {
		display:  none;
	}
	

	
	body.home .page, .textcol {
		padding-bottom: 60px;	
}


.hover {
	cursor: pointer;
}

.hover a {
	text-decoration: underline;
}


/*.home h3,
.home h4 {
	line-height: 18px;
}
*/


 
 h1 {
 	font-size:42px;line-height: 48px; }
 
/*.textcol h2 {	margin-right: 60px;
}*/


.textcol h3 , .textcol h4 {margin-top: 12px;margin-bottom: 6px;	
}

 .download h2, .link h2 {font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal; 
	margin-right: 0 ;  margin-bottom: 0; padding-top: 12px;
}




.subnav, .textcol {
	padding-top: 72px;
}
	
			.textcol {
			border-left: 1px solid #ddd;
	
			background: #fff url('/images/site/inside_bg.jpg') repeat-x left top;
}
		
	.innertextcol { 		margin-right:  5%;
	}
	
	
	
	 
	 .textcol .addthis_toolbox { 	margin: -42px  -10px 18px 0;
	 
		float: right;
	}
	
	
	.intro {
		color: #818695;font-size: 18px !important;line-height: 30px  !important;
		font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
	}
	
	
	.clientlist ul {


          column-width: 200px;
	}
	
	.clientlist ul li, 	.clientlist img {
		color: #818695;font-size: 18px !important;line-height: 30px  !important;margin-bottom:  10px;
		font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
	}
	
	
	
	
	
 .intro img {width: auto; margin: 0 20px 12px 0 ;
padding:  23px 20px; background: #fff; border: 1px solid #ddd; 
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 	min-width: 1px;

 }

	.logo img {margin: 0 0 36px 0 ;
	}
	
	/* New site */
.fourcol.logo img {margin: 10px 0  0 ;

}	

 .page {height: 100% !important;
		background: #fff url('/images/site/homepage_bg.jpg') repeat-x left top;
		
	}
	
	/*regulation home: */
.homeimage  {height:  240px;
	background: #fff url('/images/site/home.jpg') no-repeat center top;
}


.irhomeimage  {height: 350px;
	background: #fff url('/images/site/london.jpg') no-repeat center center;
		position: relative;
	
}
.irserviceimage  {height:  350px;
	background: #fff url('/images/site/charts.jpg') no-repeat center bottom;
		position: relative;
	
}

.irclientimage  {height:  350px;
	background: #fff url('/images/site/flags.jpg') no-repeat center top;
		position: relative;
	
}



.homebg {
padding-top: 20px;	
min-height: 700px;
background: #fff url('/images/site/chess.jpg') no-repeat center center;
		position: relative;

}



.reghomeimage  {height: 350px;
	background: #fff url('/images/site/fibre.jpg') no-repeat center center;
		position: relative;
	color:  #333 !important;
}

.serviceimage  {height:  350px;
	background: #fff url('/images/site/graphs.jpg') no-repeat center bottom;
		position: relative;
	
}

.clientimage  {height:  350px;
	background: #fff url('/images/site/business.jpg') no-repeat center top;
		position: relative;
	
}



.newsimage  {height:  350px;
	background: #fff url('/images/site/hexagons.jpg') no-repeat center top;
		position: relative;
	
}




.reghomeimage p.banner,
.clientimage  p.banner,
.serviceimage  p.banner,
 .clientimage p.banner, 
 .newsimage p.banner

 {
	background:  rgba(0,0,0,0.3) ;
}



@media only screen and (orientation: landscape) {

.irhomeimage , .irserviceimage , .irclientimage , .serviceimage, .clientimage , .newsimage, .reghomeimage {
	height:  300px;
}

.homebg {
min-height: 600px;
}

}






.homefeaturerow {
	position: absolute; bottom: 40px;;
}
.homebg .featurebox {
opacity: 0.8;
}

p.banner {
	position: absolute; bottom:  0; left:  10px;
	font-size:24px; line-height: 24px;
	padding-bottom: 10px;
	color:  #fff;
/*	background: #5b9a98;*/
}

.homelogo {
	margin: 6px 0 18px -15px ;
}

p.homebanner {
color:  #333;
	
	font-size:36px; line-height: 36px;
	padding:  40px 0 0 20px;
/*	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1) ;*/

}


.afterimagecol {
	padding: 18px 0;
}

.squeezeupcol {
margin-top: -36px;
}

.clickable {
	opacity: 0.95;
}

.clickable:hover {
	opacity: 1;
}

.clickable:hover a {
	text-decoration: none;
}


.nav ul {float: right;
	margin-top:32px ;padding-top:28px
}	

.footer  ul {float: none ; margin-top:0;padding-top:28px
}	


/*New site*/

.footercontacts {
	padding: 18px 0;
	border-right: 1px solid #9a9eaa;
}



.footerdetails ul {
padding-top: 18px;
}



.footercontacts p {text-align: right;
	font-size: 14px; margin-bottom: 9px;margin-right:  30px;
}


.footercontacts form {
	margin-top: 18px;
	padding: 12px 6px;
		border-top: 1px solid #9a9eaa;
	
}
.footercontacts label {
		text-transform: none;
		font-size: 14px; color: #e5e6e8;
}


.footercontacts .footer-email {
	width: 70%;margin-top:  3px;
}

.footercontacts .footer-submit {
	width: 15%;margin-top:  3px
}


a#linkedin {
float: right;
}

	.nav li {margin-right: 20px;  margin-bottom: 0; 
		padding:0 0 30px 0;line-height: 16px;
	
}	
	.footer li {margin-right: 20px;  margin-bottom: 0; 
		padding:0 0 18px 0;
	
}	

.nav li.current  {
	background: url(/images/site/current.png) no-repeat center bottom;
}



.nav li a {
padding: 6px 6px 3px 6px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.nav li a:hover {
background: #5b9a98 ;color: #efefef;
}

.nav li a:hover {
background: #5b9a98;
}




.footer .nav  ul li a:hover {
	 background: #fff ;color: #000 !important;
}

.padtop {
	padding-top: 48px;
}


.shadow  {
	background: url(/images/site/shadow.png) no-repeat center top;margin-top: 24px ;padding-top: 12px;
}

.home .shadow {
	padding-top: 24px;
}
.shadow h1 { font-size: 34px; line-height: 36px;
}


.light p {color: #828695}

/*.padparacol p {
padding-top: 0px;
}*/


.home .light p {
	margin-bottom: 12px;
}
a.more {display: block;height:  34px;line-height:  36px; 
margin-top:2px;
padding-right:40px;text-align: center;
	
	text-transform: uppercase; font-size:  14px;
	font-family: calibri, sans-serif; font-weight: 400;	 font-style: normal;
color:  #fff;	background: #5b9a98 url('/images/site/arrow_box.png') no-repeat right center;
}

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

.spc-ir  a.more{
background: #5b9a98 url('/images/site/arrow_box.png') no-repeat right center;}

.moretext {
text-align: center;
display: block; background: #bbd5d4;padding: 10px;margin-top: 1px;
}


div.link, div.download , div.video {
	clear: left;
}


div.link, div.download, .div mailing {margin-bottom: 24px;margin-top: 24px;
}

#video { margin-bottom: 24px;

}

div.link {background: #5b9a98 url('/images/site/arrow_box.png') no-repeat 98% 94%; ;
	
}

/*div.video  iframe, div.video  object, div.video  embed{
height: 25%; padding:  12px 0 ;

  }*/
 
.date {
	 float: right;width: 5.5%;text-align: center;
min-width: 50px;
	line-height: 18px;height: 48px;
	padding: 0;border: 0;
 }
	 
.date p {

	background: #818695;color: #fff;font-size: 12px;padding: 6px ;text-transform: uppercase;
}

/*.date .year {
	font-family: calibri, sans-serif; font-weight: 700; font-style: normal;

font-size: 15px;	
}*/

.search form {margin:  0 20px 0 0 ;padding: 6px 0;
	height:  24px;
background: transparent;
float: right;width: auto;
}

 .search form input.submit {
 	display: inline;
 	padding:  0  ; background-image: none;
 	width:  23px ;height:  20px;
 	margin-top: 2px;
 
 }
 	input, textarea {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background: #fff url('/images/site/page.jpg') repeat-x left -10px;
	
	}
	


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */




.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

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

img {
	height: auto;
}


.oldie .onecol {
width: 4.7%;
}

.oldie .twocol {
width: 13.2%;
}

.oldie .threecol {
width: 22.05%;
}

.oldie .fourcol {
width: 30.6%;
}

.oldie .fivecol {
width: 39%;
}

.oldie .sixcol {
width: 48%;
}

.oldie .sevencol {
width: 56.75%;
}

.oldie .eightcol {
width: 61.6%;
}

.oldie .ninecol {
width: 74.05%;
}

.oldie .tencol {
width: 82%;
}

.oldie .elevencol {
width: 91.35%;
}

/* ==|== additions to 1140px grid styles =====================================================
   Author: Zack Morgan - MID - http://www.mid.co.uk
   ========================================================================== */


.pull {margin-left: -3.8% ; padding-left: 3.8%; 

}


.pullmore { width: 30.75%;float: left;margin-right: 5.4%;


}


.pullmore div , .pullbigger  div{margin-right: 11% !important;
}


.pullbigger {margin-left: -5.4% ; padding-left: 5.4%; width: 56.75%;float: left;margin-right: 5.4%

}


.pushbigger {margin-right: -5.4% ; padding-right: 5.4%; width: 56.75%;float: right;margin-left: 5.4%

}



/* fixed footer  */

html, body {   
   height:100%;
}

#wrap {min-height: 70%; background: #fff; 
  position: relative;
}




}





/* Pesky just-too-small screens */

@media only screen  and (max-width: 1030px)  and (min-width : 1010px) {

.homefeaturerow {
	 top: 300px;;
}
}
@media only screen  and (min-width: 768px)  and (max-width : 1010px) {
	

.row .ninecol {
width: 72%;
} /* ff fix */

	
.home a.addthis_button_compact {
width: 16px;height: 16px;overflow:hidden ;
}
.home  .addthis_toolbox .addthis_separator {
	display: none;
}
.nav  {
clear: both ;width:  100% !important; }

.nav ul {
	float: left  !important;margin-top: 0 !important;padding-top: 0 !important;
}

.logo img {
	margin-bottom: 24px !important;
	
}


.container {
padding:  0 ;
}

.homefeaturerow {
	 top: 400px;;
}

.featurebox {
	min-height: 260px !important;
	
 }
 

.sidebar p, .sidebar h2, .sidebar h3, .sidebar h4,
.subnav ul, .subnav h3,
.footercontacts p,
.nav ul,
.logo img ,
#start,
.twelvecol .innertextcol
{
	padding-left:  10px; 
	}





}







/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
.subnav, .nav, .search, .addthis_toolbox , .nextprev, .pullmore.mailing, .footer  ul	{
	display: none;}

	
		
 .intro img {
 	min-width: 1px; }
 .logo {
	margin-bottom:  1cm;
}
 .logo  a[href]:after { content: ""; }

div.download h2 {background-image: none;padding-left:  0 ;}
 
}