@charset "utf-8";
body {font: 100% Arial, Helvetica, sans-serif; background: #fff; margin: 0px; padding: 0px; text-align: center; }

.emailtext01 {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}

#container { width: 956px; margin: 0 auto; text-align: left; padding: 0px; background-image:url(img/bg-container.gif); background-repeat: repeat-y;}
#container02 { width: 956px; margin: 0 auto; text-align: left; padding: 0px; background-image:url(img/bg-container02.gif); background-repeat: repeat-y;}
#header {height: 372px;}

#date {float: left;	width: 35px;
	margin: 20px 0px 0px 10px;
	clear: both;
	padding: 0px;
	_margin: 20px 0px 0px 6px;
}
#blogsnip {
	margin: 0 15px 0 55px;
}

#sidebar1 {	float: left; width: 268px;}
#mainContent { margin: 0 0 0 268px; padding: 0; } 
#maincopy {	width: 305px; float: left; padding:0px 26px 0px 26px;}
#maincopy02 { width: 368px; float: left; padding:0px 26px 0px 26px;}
#rightcol {	float: right; width: 305px; padding: 35px 26px 0px 0px;}
#rightcol02 { float: right; width: 268px; padding: 0;}
#sidelinks { background-color: #F9F9F9; padding: 13px 25px 15px 25px;}


.top-logo { background-image: url(img/img-pc-hand.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-encrypt {	background-image: url(img/sb-key-encryption.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-auth {	background-image: url(img/sb-secure-authentication.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-email {	background-image: url(img/sb-email-security.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-managed {	background-image: url(img/sb-servers.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-desk {	background-image: url(img/sb-service-desk.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-support {	background-image: url(img/sb-support.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-training {	background-image: url(img/sb-training.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}

.top-logo02 { background-image: url(img/bg-phone_laptop.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo03 { background-image: url(img/img-mobile_phone.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo04 { background-image: url(img/img-hand-pda.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}

.hm-logoct {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}
.headstrap { background-image: url(img/bg-head-strap.png); background-repeat: no-repeat; height: 60px; width: 213px; margin-left: 10px;}

#hm-nav { width: 688px; float: right;}
.hm-contact { background-color: #f5f5f5; height: 56px;}
.topcontact {float: left; width: 200px;}
.hm-navigation { background-color: #F9F9F9;}

#hm-main1 {	float: left; background-color: #F9F9F9; margin: 0px; padding-bottom: 20px;}

p.callteam {font-family: Calibri, Arial Narrow, Arial; font-size: 11px; font-style: italic; font-weight: bold; text-transform: uppercase; color: #9ABC25; margin-left: 24px; margin-top: 14px; margin-bottom:3px; width: 250px;}
p.top-number { font-family: Calibri, Arial Narrow, Arial; font-size:16px;	color:#006785; margin-left: 24px; width: 250px;}
p.blogrelease {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	color: #9ABC25;
	margin-right: 20px;
	margin-top: 20px;
	letter-spacing: 110%;
}
p.blogheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006785;
	line-height: 130%;
	margin-top: 10px;
}
.blogrelease a {
	font-style: italic;
	font-weight: bold;
	color: #9ABC25;
	text-decoration: none;
}
p.blogheader a {font-size: 13px; color: #006785; text-decoration:underline;}
p.blogheader a:hover { text-decoration: none;}
.hm-blogcopy {
	font-size: 11px;
	color: #616161;
	line-height: 150%;
	margin-right: 0px;
	margin-top: 10px;
}
.hm-blogcopy p{
	font-size: 11px;
	color: #616161;
	line-height: 150%;
	margin-right: 20px;
	margin-top: 10px;
}
.hm-blogcopy p a{ color: #616161; text-decoration: underline;}
.hm-blogcopy p a:hover { text-decoration: none;}
.dateDay {
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 17px;
	display: block;
	text-align: center;
	float: left;
	padding-top: 6px;
	
	color: #006785;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 35px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
.dateDay p{
	font-family: Calibri, Arial Narrow, Arial;
	font-weight: bold;
	display: block;
	width: 35px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #A7CC28;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 6px;
}
.dateMonth {
	font-family: Calibri, Arial Narrow, Arial;
	font-weight: bold;
	display: block;
	width: 35px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #A7CC28;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}
p.testimonial01 {
	font-family: Calibri, Arial Narrow, Arial;
	padding: 15px 20px;
	font-size: 20px;
	font-style: italic;
	color: #006785;
}
p.testimonial02 {
	font-family: Calibri, Arial Narrow, Arial;
	padding: 0px;
	font-size: 16px;
	font-style: italic;
	color: #006785;
	padding: 15px 20px;
	line-height: 110%;
}
p.testimonialperson {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 11px;
	color: #616161;
}
p.testimonialperson02 {
	font-size: 11px;
	color: #616161;
	padding: 0px 20px 15px 20px;
}
#blogtestimonial {
	padding: 15px 15px 15px 15px;
	font-size: 11px;
	color: #616161;
}
#blogtestimonial p { 
	font-family: Calibri, Arial Narrow, Arial;
	padding: 0px 0px;
	font-size: 20px;
	font-style: italic;
	color: #006785;
}
#blogtestimonial blockquote {
	font-family: Calibri, Arial Narrow, Arial;
	padding-top: 10px;
	padding-right: 20px;
	
	padding-left: 20px;
	font-size: 11px;
	color: #616161;
}
#blogtestimonial br {padding: 0px; margin: 5px;}
p.dateDay {
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 17px;
	display: block;
	width: 35px;
	text-align: center;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	color: #006785;
	background-color: #FFFFFF;
	font-weight: bold;
}
p.dateMonth {
	font-family: Calibri, Arial Narrow, Arial;
	font-weight: bold;
	display: block;
	float: left;
	width: 35px;
	clear: left;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #A7CC28;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
}
p.copyheadp {
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	color: #96BA1B;
	margin-top: 20px;
	letter-spacing: 0em;
	line-height: 140%;
	margin-bottom: 7px;
}
p.copyheadp .spacer2 {
	margin-right: 6px;
	margin-left: 6px;
}
p.wnext {
	font-size: 13px;
	font-weight: bold;
	color: #9EBC36;
}
p.grey01 { font-size: 13px; color: #616161;	margin-left: 30px; margin-bottom: 10px;	margin-right: 90px; line-height: 130%;}
p.grey13 { font-size: 13px; color: #616161; line-height: 150%; margin-bottom: 15px;}
.grey20 {
	font-size: 20px;
}
p.grey11 { font-size: 11px; color: #616161; line-height: 150%; margin-bottom: 15px;}
p.grey11p10 {
	font-size: 11px;
	color: #616161;
	line-height: 150%;
	padding:12px 12px 0px;
}
p.grey11p10 img {
	margin-bottom: 15px;
}
p.grey13 #pImg {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
p.greyline { display: block; height: 1px; border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #E5E5E5; margin-bottom: 10px;}
p.green12b {
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 12px;
	color: #92B322;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	margin-left: 26px;
	margin-top: 18px;
	margin-bottom: 10px;
}
p.green13 { font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #91B31A; letter-spacing: 0.1ems; display:block; margin-bottom:10px;}
.green13 a { font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #91B31A; letter-spacing: 0.1ems; display:block; margin-bottom:10px;}
.green13 a:hover { color:#006785; text-decoration: none;}
ul#sb2downloads li a{ color:#006785; text-decoration: underline;}
ul#sb2downloads li a:hover{  color:#91B31A; text-decoration: none;}

ul#sidebarlinks {margin: -5px 10px 10px 10px;}
li.sidebarlinks { background-image:url(img/li-sidebar-nav.gif); padding: 3px 12px 5px 17px; font-size: 12px; color:#91B31A; background-repeat: no-repeat; background-position: 0px 5px; line-height: 110%;}
li.sidebarlinks a {	color:#91B31A; text-decoration: underline;}
li.sidebarlinks a:hover { text-decoration: none;}
ul#sb2downloads li {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/icon-pdf.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	background-position: 0px 1px;
	color: #006785;
	padding-bottom: 8px;
	font-size: 13px;
}
ul#sb2downloads {
	margin-left:8px;
}
ul#LPList {
	font-size: 13px;
	color: #386785;
	list-style-type: square;
	margin-left: 22px;
	line-height: 140%;
}
ul#LPList li {
	margin-bottom: 8px;
}
ul.next  {
	font-size: 11px;
	color: #616161;
	margin-top: 10px;
	margin-bottom: 15px;
}
ul.next li {
	margin-bottom: 5px;
}


.hm-copyimg{ float:left; margin-right:10px; margin-bottom: 0px;	margin-left: 18px; width: 124px;}
.hm-copyimg img { margin-bottom: 15px;}

h1.copyheadh1 { font-size: 25px; font-weight: bold; color: #006785; padding: 0px; font-family: Calibri, Arial Narrow, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 12px;}

h2.blue22 { font-family:Calibri, Arial Narrow, Arial; font-size: 22px; color: #006785; margin:22px 0 15px 0;}
h2.blue20 { font-family:Calibri, Arial Narrow, Arial; font-size: 20px; color: #006785; margin-bottom:15px;}
h2.blue20 a{ color: #006785; text-decoration:underline;}
h2.blue20 a:hover{ text-decoration:none;}
h2.blockcontact {
	font-size: 12px;
	display: block;
	padding: 10px;
	background-color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	color: #999999;
	font-family: Calibri, Arial Narrow, Arial;
}

h3.sidebar1 {
	font-family: Calibri, Arial Narrow, Arial;
	text-transform: uppercase;
	font-size: 12px;
	color: #BFBFBD;
	font-weight: bold;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}
h3.blue15 { font-family:Calibri, Arial Narrow, Arial; font-size: 15px; font-weight:bold; text-transform: uppercase; color: #006785; margin-bottom:15px;}
h3.straph3{
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 15px;
	color: #006785;
	padding-right: 37px;
	padding-left: 37px;
	text-align: center;
	padding-top: 8px;
	line-height: 130%;
	font-weight: bold;
	display: block;
	background-image: url(img/bg-head-strap.png);
	background-repeat: no-repeat;
	width: 155px;
	margin-left: 0px;
	height: 62px;
}
h4.formCall {
	font-size: 15px;
	color: #00529C;
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 20px;
	line-height: 130%;
	font-weight: bold;
}
.green02 {
	font-weight: bold;
	color: #96BA1B;
}


.support { float:right; margin-top: 26px; margin-right: 10px; width: 100px;}
.dlreader {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul#topnav { display: block; padding-top: 8px; height:26px;}
#topnav li { display: inline; text-transform: uppercase; margin-left: 24px; font-family: Calibri, Arial Narrow, Arial; font-size: 15px; font-weight: bold; color: #006785; background-position: left center;}
#topnav li a { color:#A9D11F; text-decoration:none; font-weight:bold; font-family: Calibri, Arial Narrow, Arial;}
#topnav li a:hover { color:#006785; text-decoration:none; font-weight:bold;	font-family: Calibri, Arial Narrow, Arial;}

#footer { background:#F7F7F7; padding: 10px 0px;}

.foot12{ font-size: 12px; margin-bottom: 8px; color: #93938E; font-weight: bold;}
.foot11{ font-size: 11px; margin-bottom: 12px; color: #93938E; line-height:150%;}
.foot11 .spacer {
	margin-right: 19px;
}
.foot10{ font-size: 10px; padding: 0px 0px 8px; margin-bottom: 7px;	color: #93938E; line-height:150%;}

.footer01 {	text-align: center;	vertical-align: middle;	border-right-width: 1px; border-right-style: solid;	border-right-color: #E7E7E7; width: 145px;}
.footer02 {	border-right-width: 1px; border-right-style: solid;	border-right-color: #E7E7E7; padding-top: 3px; padding-right: 20px;padding-bottom: 3px; padding-left: 10px; width: 200px;}
.footer02 .subscribe{ margin-top: 10px;}
.footer02 .footerform { padding: 0px; margin: 0px;}
.footer03 {	color: #666666;	padding: 2px 10px; margin: 0px; border-right-width: 1px; border-right-style: solid;	border-right-color: #E7E7E7;}

.footer03 p { padding-left: 0px; line-height: 150%;}

.footer03 a{
	color: #93938E;
	text-decoration:underline;
}
.footer03 a:hover{ text-decoration:none;}

.footer04 {text-align: center;	vertical-align: middle;	width: 144px;}

#footnote {
	font-size: 11px;
	paddings: 8px;
	color: #93938E;
	line-height:150%;
	background-color: #FFFFFF;
}
#footnote  a { color: #93938E; text-decoration:underline;}
#footnote  a:hover { text-decoration:none;}


.subspacing { padding: 2px;}

.grey01 a { color: #616161; text-decoration:underline;}
.grey01 a:hover { text-decoration:none;}

.grey13 a { color: #616161; text-decoration:underline;}
.grey13 a:hover { text-decoration:none;}

.next a { color: #616161; text-decoration:underline;}
.next a:hover { text-decoration:none;}
.blue {
	color: #006785;
	text-decoration: none;
}
a.grey { color:#666666;}
a.grey:hover {text-decoration:none;}
p.hm-blogcopy a { color: #616161; text-decoration: underline;
}
p.hm-blogcopy a:hover { text-decoration: none;
}
p.grey11p10 a{ color: #616161; text-decoration: underline;}
p.grey11p10 a:hover{ color: #616161; text-decoration: none;}
.copyheadp a {
	font-family: Calibri, Arial Narrow, Arial;
	color: #96BA1B;
	font-size: 13px;
	font-weight: bold;
}
.copyheadp a:hover {
	text-decoration: none;
}


.clearfloat { clear:both; height:1px; font-size: 1px; line-height: 0px;}

.blueb { color:#006785; font-weight:bold; text-decoration:none;}
#maincopy02 #gradian {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}



/* Form Styles */

#contactform {
}
#gradian-lp {
	padding: 12px 20px;
}
#gradian-lp .submitBut {
	margin-top: 12px;
}

fieldset {
	margin: 0em 0;
	width: 370px;
	padding-left: 10px;
	border-top: 1px dotted #86A0B0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
legend {
	color:#006785;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 10px;
	background: white;
	font-size: 110%;
}
legend.cform02 {
	color:#006785;
	padding-bottom: 8px;
	font-size: 120%;
	font-weight: normal;
	display: block;
	padding-top: 14px;
}
label {
	display: block;
	font: 9px Arial, Helvetica, sans-serif;
	color:#6D6E70;
	margin-bottom: 10px;
	padding: 0px;
}
label.cform01 {
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	color:#6D6E70;
	margin-bottom: 6px;
	padding: 0px;
	margin-top: 6px;
}
input {font: 0.8em Arial, Helvetica, sans-serif; color:#616161;}
textarea {font: 0.8em Arial, Helvetica, sans-serif; color:#616161;}
input#Name {width: 200px;}
input#Telephone {width: 200px;}
input#Email {width: 200px;}
input#Profession {width: 200px;}
input#Company {width: 200px;}
input#Industry {width: 200px;}
input#Turnover {width: 200px;}
input#Position {width: 200px;}
input#Date {width: 300px;}
input#Address1 {width: 250px;}
input#Address2 {width: 250px;}
input#Town {width: 200px;}
input#Postcode {width: 100px;}
input#Consultant {width: 200px;}
textarea#Notes {width: 300px; height: 150px;}
textarea#Message {width: 300px; height: 150px;}


#genError {text-align: center; width: 100%; font: 0.7em Arial, Helvetica, sans-serif; color:white; background: #EF4035; margin-bottom: 10px; font-weight:bold;}
#CompanyError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#IndustryError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#TurnoverError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#NameError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#TelephoneError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#lastnameError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#firstnameError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#EmailError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}
#MessageError {font: bold 0.7em Arial, Helvetica, sans-serif; color:#EF4035;}


/* Key People */
#keypeople01 {float: left; width: 138px; margin-right: 20px; margin-bottom: 3px; margin-top: 8px;}
#keypeople01 img {
	border: 1px solid #D5D0C1;
}
#peopleleft01 {
	float: left;
}
#peopleleft01 h2 {
	font-weight: normal;
	color: #006785;
}
ul#peoplelist01 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6291AF; margin-top: 8px;}
ul#peoplelist01 li {margin-bottom: 1px;}

/* General */

.colblue04 {color: #202739;}
.grey04 {
	color: #666666;
}
.required01 {
	color: #96BA1B;
	font-size: 18px;
	font-weight: bold;
}
.required02 {
	font-size: 10px;
	color: #666666;
	margin-top: 8px;
}
.imgWorks {
	float: left;
	margin-bottom: 10px;
	border: 1px solid #E4E4E4;
	padding: 5px;
	margin-right: 15px;
}