/*
Theme Name: Gradian Theme
Author: SugarWebDev
*/

body {font: 100% Arial, Helvetica, sans-serif; background: #fff; margin: 0px; padding: 0px; text-align: center; }
p a {color:#616161; text-decoration:underline;}
p a:hover {text-decoration:none;}

#container { width: 956px; margin: 0 auto; text-align: left; padding: 0px; background-image:url(http://www.gradian.co.uk/img/bg-container.gif); background-repeat: repeat-y;}
#container02 { width: 956px; margin: 0 auto; text-align: left; padding: 0px; background-image:url(http://www.gradian.co.uk/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;}
#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;}

.top-logo-privacy {	background-image: url(http://www.gradian.co.uk/img/sb-privacy.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-service {	background-image: url(http://www.gradian.co.uk/img/sb-service.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-contact {	background-image: url(http://www.gradian.co.uk/img/sb-hands-shaking.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo-profile {	background-image: url(http://www.gradian.co.uk/img/sb-netwok-hub.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}

.top-logo { background-image: url(http://www.gradian.co.uk/img/img-pc-hand.jpg); background-repeat: no-repeat; height: 343px; background-position: 0px 90px; width: 268px; float: left; background-color: #FFFFFF;}
.top-logo02 { background-image: url(http://www.gradian.co.uk/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(http://www.gradian.co.uk/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(http://www.gradian.co.uk/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(http://www.gradian.co.uk/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;
}
p.blogheader a {font-size: 13px; color: #006785; text-decoration:underline;}
p.blogheader a:hover { text-decoration: none;}
p.hm-blogcopy {
	font-size: 11px;
	color: #616161;
	line-height: 150%;
	margin-right: 20px;
	margin-top: 10px;
}
.dateDay {
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 17px;
	display: block;
	text-align: center;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #006785;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 35px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
.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.testimonialperson {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 11px;
	color: #616161;
}
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: 12px; font-weight: bold; text-transform: uppercase; color: #96BA1B; margin-top: 20px; letter-spacing: 0.1em;}
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;}
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.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: #85A220;
	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(http://www.gradian.co.uk/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(http://www.gradian.co.uk/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.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;}

#blogIntro h1 {
	font-weight: bold;
}
#blogIntro h2 {
	font-weight: bold;
}


h2.blue20 { font-family:Calibri, Arial Narrow, Arial; font-size: 20px; color: #006785; margin-bottom:15px;}
h2.blue20 a{text-decoration:underline; color: #006785;}
h2.blue20 a:hover{ text-decoration:none; color: #006785;}
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: 13px;
	color: #006785;
	padding-right: 18px;
	padding-left: 19px;
	text-align: center;
	padding-top: 11px;
	line-height: 140%;
	font-weight: bold;
	display: block;
	background-image: url(http://www.gradian.co.uk/img/bg-head-strap.png);
	background-repeat: no-repeat;
	width: 192px;
	margin-left: 0px;
	height: 62px;
}


.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%;}
.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;}

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;}


.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 */

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%;
}
label {
	display: block;
	font: 9px Arial, Helvetica, sans-serif;
	color:#6D6E70;
	margin-bottom: 10px;
}
input {font: 0.9em Corbel, Helvetica, Arial, sans-serif; color:#231F20;}
textarea {font: 0.9em Corbel, Helvetica, Arial, sans-serif; color:#231F20;}
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: 300px; font: 0.9em Corbel, Helvetica, Arial, sans-serif; color:white; background: #EF4035; margin-bottom: 10px;}
#CompanyError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#IndustryError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#TurnoverError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#NameError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#TelephoneError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#lastnameError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#firstnameError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#EmailError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}
#MessageError {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color:#EF4035;}

/* Blog link highlight */
#navrsn .blue {
	color: #006785;
	text-decoration: none;
}

#blogIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616161;
	line-height: 160%;
	margin-bottom: 18px;
}
#blogIntro h1 {
	font-weight:bold;
	font-size: 20px;
	font-weight: normal;
	color: #006785;
	font-family: Calibri, Arial Narrow, Arial;
}
#blogIntro h2 {
	font-weight:bold;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #494949;
	font-weight: normal;
	font-family: Calibri, Arial Narrow, Arial;
}
#blogIntro h3 {
	font-size: 14px;
	font-weight: normal;
	color: #006785;
	font-family: Calibri, Arial Narrow, Arial;
}
#blogIntro p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616161;
	line-height: 160%;
	margin-bottom: 15px;
}

#blogIntro ul {font-size: 13px; color: #006785; margin-bottom: 20px;}
#blogIntro li { display: block; margin-bottom: 10px; line-height: 130%; background-image: url(http://www.gradian.co.uk/img/tick.png); background-repeat: no-repeat;	background-position: 1px 3px; padding-left: 20px;}


.post h5 {
	font-family: Calibri, Arial Narrow, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #A9D11F;
}
ul#blognav01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 15px 15px 10px 15px;
}
#blognav01 li{
	margin-bottom: 10px;
}
#blognav01 li a {
	color: #616161;
	text-decoration: underline;
}
#blognav01 li a:hover {
	text-decoration: none;
}

/* WP Comment Form */

#commentform #comment {
	width: 360px;
}
#commentform p {
	font-size: 13px;
	margin-top: 8px;
	margin-bottom: 8px;
}
#maincopy02 #respond {
	font-size: 13px;
	color: #616161;
}


/* Pagination Styles */

.feedback01 {font: 0.9em Calibri, Arial Narrow, Arial; margin-bottom: 20px}
.feedback01 a:link {color: #006785;}
.feedback01 a:link:hover {color: #006785;}
.feedback01 a:visited {color: #006785;}
.feedback01 a:visited:hover {color: #006785;}

.pagenavi {padding: 10px 0 20px 0}
.wp-pagenavi a, .wp-pagenavi a:link {font:1em Calibri, Arial Narrow, Arial; padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #DCDCDC; text-decoration: none; color: #666666; background-color: #FFFFFF;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #666666; border: 1px solid #DCDCDC; background-color: #FFFFFF;}
.wp-pagenavi a:hover {color: #FFFFFF; border: 1px solid #A9D11F; background-color: #A9D11F;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #A9D11F; background-color: #FFFFFF;}
.wp-pagenavi span.pages {font: 0.9em Calibri, Arial Narrow, Arial; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #666666;}
.wp-pagenavi span.current {font: 1em Calibri, Arial Narrow, Arial; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #FFFFFF; background-color: #A9D11F;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; color: #FFFFFF; background-color: #666666;}