html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
				display: block;}
	
body 				{color: #7a7a7a; background: #fff; font-family: 'Arimo', Helvetica, Arial, sans-serif;}
ol, ul 				{list-style: square; margin: 0 0 0.5em; font-family: 'Arimo', Helvetica, Arial, sans-serif;}
blockquote, q 			{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after 		{content: ''; content: none;}

table 				{border-collapse: collapse; border-spacing: 0;}
strong				{font-weight: bold;}
p 				{margin: 0 0 0.8em 0; font-size: 1em; line-height: 1.4em; color: #7a7a7a;}
h1, h2, h3, h4, h5, h6		{font-size: 1em; line-height: 1.5em; font-weight: bold; font-family: 'Ubuntu', Helvetica, Arial,  sans-serif;}
img 				{max-width: 100%;}
a				{-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; text-decoration: none;}

.normBtn			{overflow: hidden; padding: 0 margin: 0;}
.normBtn li			{float: left; padding: 0; margin: 5px;}
.normBtn li a			{display: block; background-color: #eeeeee;
  				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(50%, #eeeeee), color-stop(50%, #d7d7d7), color-stop(100%, #dfdfdf));
  				background-image: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				border: 1px solid #999999;
  				-webkit-border-radius: 12px;
  				-moz-border-radius: 12px;
  				-ms-border-radius: 12px;
  				-o-border-radius: 12px;
  				border-radius: 12px;
  				-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				-moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				-ms-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				-o-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				color: #333;
  				font-weight: bold;
				font-size: 90%;
  				padding: 7px 20px 9px 20px;
  				text-align: center;
  				text-shadow: 0 1px 0 #eee;}

.normBtn li a:hover 		{background-color: #76cc05;
    				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76cc05), color-stop(50%, #76cc05), color-stop(50%, #4aaf01), color-stop(100%, #76cc05));
    				background-image: -webkit-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: -moz-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: -ms-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: -o-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
				color: #fff;
				text-shadow: 0 1px 0 #226600;
    				cursor: pointer;}


.servHBtn			{overflow: hidden; padding: 0 margin: 15px 0 0 0;}
.servHBtn li			{float: left; padding: 0; margin: 3px;}
.servHBtn li a			{display: block; background-color: #eeeeee;
  				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(50%, #eeeeee), color-stop(50%, #d7d7d7), color-stop(100%, #dfdfdf));
  				background-image: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				background-image: linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #d7d7d7 50%, #dfdfdf 100%);
  				border: 1px solid #999999;
  				-webkit-border-radius: 9px;
  				-moz-border-radius: 9px;
  				-ms-border-radius: 9px;
  				-o-border-radius: 9px;
  				border-radius: 9px;
  				-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				-moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				-ms-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				-o-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0 1px 3px #333333;
  				color: #333;
  				font-weight: bold;
				font-size: 80%;
  				padding: 4px 18px 6px 18px;
  				text-align: center;
  				text-shadow: 0 1px 0 #eee;}

.servHBtn li a:hover 		{background-color: #76cc05;
    				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76cc05), color-stop(50%, #76cc05), color-stop(50%, #4aaf01), color-stop(100%, #76cc05));
    				background-image: -webkit-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: -moz-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: -ms-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: -o-linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
    				background-image: linear-gradient(top, #76cc05 0%, #76cc05 50%, #4aaf01 50%, #76cc05 100%);
				color: #fff;
				text-shadow: 0 1px 0 #226600;
    				cursor: pointer;}




/* AC code */

.header				{text-align: left; background: #fff; padding: 20px;}
.header .sdLogo			{margin: 0;}
.headerRow			{background: #fff; margin: 0 auto; overflow: hidden;}


#menu				{overflow: hidden; margin-top: 25px; text-align: left;}
ul#topnav 			{margin: 0 0 20px 0; padding: 0; list-style: circle;}
ul#topnav li			{margin: 0 28px 4px 18px; padding: 0; font-size: 1.0em; float: left;}
ul#topnav li a			{padding: 0; text-decoration: none; color: #7a7a7a;}
ul#topnav li a:hover		{color: #76cc05;}
ul#topnav li a.on 		{color: #76cc05;}

ul.btnRow			{list-style: none; font-size: 0.8em; overflow: hidden;}
ul.btnRow li			{color: #5a5a5a; margin: 0 12px 12px 0; float: left;}
ul.btnRow li a			{color: #fff; padding: 10px 14px 10px 12px; display: block; text-decoration: none; background: #6a6a6a; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
ul.btnRow li a:hover		{color: #fff; background: #76cc05;}
ul.btnRow li a img		{float: left; margin: 0px 6px 0 0;}

#greyRule			{display: none;}

#subTitle			{overflow: hidden; margin: 50px 20px 10px 20px;}
#subTitle .squ			{display: none;}
#subTitle h3			{color: #7a7a7a; font-size: 1em;}

#spacer				{overflow: hidden; margin: 0; height: 10px;}

#footer100			{clear: both; background: #1f1d1c top left repeat url(https://www.sourcedesign.co.uk/images/bg-footer.jpg);}
#footer				{padding: 5px 20px 30px 20px; margin: 0;}
#footer h6			{margin: 30px 0 8px 0; color: #fff; font-size: 90%; font-weight: normal;}
#footer ul			{list-style: none; margin: 0 0 25px 0;}
#footer li			{color: #7a7a7a; font-size: 0.7em; margin: 0 0 7px 0; line-height: 1em;}
#footer li a			{color: #aaa; text-decoration: none;}
#footer li a:hover		{color: #eaeaea;}
#footer li .date		{display: none;}

#footer p			{color: #7a7a7a; font-size: 0.7em; margin: 0 0 12px 0;}
#footer p a			{color: #aaa; text-decoration: none;}
#footer p a:hover		{color: #eaeaea;}

#footer #subForm		{margin: 0 0 20px 0; overflow: hidden;}
#footer .eField			{float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; margin: 0 5px 0 0; padding: 4px 6px; height: 18px; font-size: 0.7em; font-family: Helvetica, Arial, sans-serif; color: #333; width: 170px;}
#footer .eBtn			{float: left; width: 33px; height: 26px; cursor: pointer; border: 0; margin: 0; background: no-repeat url(https://www.sourcedesign.co.uk/images/btn-enews.png); background-position: 0 0;}
#footer .eBtn:hover		{background-position: -33px 0;}

#pageBanner			{background: #fff; overflow: hidden; text-align: center;}
#pageBanner #title		{margin: 0 auto; text-align: left;}
#pageBanner p			{color: #919191; font-size: 80%; margin: 40px 0 5px 0;}
#pageBanner p a			{color: #76cc05;}
#pageBanner p a:hover		{color: #fff; background: #76cc05;}
#pageBanner p em		{margin: 0 2px;}

#pageBand, #pageBandLand	{background: #37a300 center left repeat-x url(https://www.sourcedesign.co.uk/images/bg-band.png); height: 20px;}

.folio				{margin: 0 20px 40px 20px;}
.folio .pic			{float: left; margin: 0 20px 20px 0; background: #fff; position: relative; overflow: hidden; -moz-box-shadow: 0 4px 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.1); box-shadow: 0 4px 6px rgba(0,0,0,0.1)}
.folio .pic img 		{border: 0; position: absolute;}
.folio .item 			{width: 245px; height: 195px; margin: 0; background: #fff;}
.folio .item .caption 		{width: 245px; height: 155px; background: #76cc05; color: #fff; display: none;
				filter: alpha(opacity=95);    /* ie  */
    				-moz-opacity: 0.95;    /* old mozilla browser like netscape  */
    				-khtml-opacity: 0.95;    /* for really really old safari */ 
    				opacity: 0.95;    /* css standard, currently it works in most modern browsers like firefox,  */}
.folio .item .caption a 	{font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #fff; width: 215px; height: 125px; padding: 15px; display: block;}
.folio .item strong		{width: 100%; position: absolute; color: #5a5a5a; background: #fff; font-size: 0.75em; font-weight: normal; padding: 13px 15px 0 15px; height: 30px; margin-top: 155px;}

#stdHome			{border-bottom: 1px dashed #c8c7c7; margin: 0 20px;}
#stdHomeDIV			{margin: 20px auto; width: 1100px;}
#stdHomeDIV h1			{font-size: 1.9em; line-height: 115%; color: #76cc05;}
#stdHomeDIV h1 em		{font-style: italic; font-weight: normal;}

.stdContent			{margin: 40px 0 60px 0;}
.stdContent h2			{color: #3a3a3a;}
.stdContent p			{font-size: 0.85em; margin: 0 20px 25px 20px;}
.stdContent p a			{color: #76cc05;}
.stdContent p a:hover		{color: #fff; background: #76cc05;}
.stdContent ul			{font-size: 0.85em; margin: 0 0 45px 0;}
.stdContent ul li		{margin: 0 0 5px 0;}
.stdContent ul li ul		{font-size: 0.85em; margin: 0 0 15px 0;}
.stdContent ul li ul li		{list-style: disc; margin: 0 0 4px 25px;}
.stdContent li a		{color: #7a7a7a; text-decoration: underline;}
.stdContent li a:hover		{color: #fff; background: #76cc05; text-decoration: none;}

.stdContent #cookieTable	{margin: 0 0 30px 0;}
.stdContent #cookieTable th	{border-bottom: 1px solid #ccc; text-align: left; padding: 0 15px 10px 0; font-weight: bold; color: #4a4a4a; font-size: 70%;}
.stdContent #cookieTable td	{padding: 10px 15px 10px 0; font-size: 70%; color: #7a7a7a;}
.stdContent #cookieTable td a	{color: #1183d3;}



/* HOMEPAGE */

#homeBanners			{height: 100px; background: #fff bottom center no-repeat url(https://www.sourcedesign.co.uk/images/bg-band-homegreen700.png); overflow: hidden; text-align: center;}
#homeBanners .flexslider	{display: none;}

.hIntro 			{text-align: left; margin: 20px 20px 20px 20px;}
.hIntro h2 			{line-height: 1.2em; font-size: 150%; margin: 0 0 10px 0; color: #7a7a7a;}
.hIntro h2 strong		{color: #76cc05;}
.hIntro p 			{font-size: 90%; margin: 0 0 25px 0;}




/* NEWS PAGES */

#newsHome			{border-bottom: 1px dashed #c8c7c7; margin: 0 20px 20px 20px; display: block;}
#newsHomeDIV			{margin: 20px auto; width: 1100px;}
#newsHomeDIV h1			{font-size: 1.9em; line-height: 115%; color: #76cc05; margin: 0 0 6px 0;}
#newsHomeDIV h1 em		{font-style: italic; font-weight: normal;}

#newsHome #rss			{text-align: left; margin: 0; padding: 0;}
#newsHome #rss img		{float: left; margin: 0 8px 0 0;}
#newsHome #rss p		{font-size: 0.9em; padding: 4px 0 0 0;}
#newsHome #rss p a		{color: #7a7a7a; text-decoration: underline;}
#newsHome #rss p a:hover	{color: #3a3a3a;}

.newsIntro			{margin: 15px 20px 0 20px; padding-bottom: 25px; float: none; background: #fff; clear: both;}
.newsIntro .nImg		{height: 136px; width: 220px; border: 0; margin: 0 0 15px 15px; float: right; overflow: hidden; position: relative;}
.newsIntro .nImg a		{border: 0; text-decoration: none;}
.newsIntro .nText		{}
.newsIntro h1			{font-size: 1.2em; line-height: 120%; margin: 0 0 8px 0;}
.newsIntro h1 a			{color: #3a3a3a; text-decoration: none;}
.newsIntro h1 a:hover		{color: #fff; background: #76cc05;}
.newsIntro p			{font-size: 0.8em;}
.newsIntro .nAuth p		{font-size: 0.7em; color: #9a9a9a;}

.newsIntro .nImg .caption 	{height: 210px; width: 340px; background: #76cc05; color: #fff; font-weight: bold;
				/* fix it at the bottom */
				position: absolute; left: 0;
				/* hide it by default */
				display: none;
				/* opacity setting */
				filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95;}

.newsIntro .nImg .caption a 	{text-decoration: none; text-transform: uppercase; font-size: 0.9em; color: #fff; height: 180px; width: 310px; padding: 15px; display: block;}
.newsIntro .nImg img 		{border: 0; position: absolute;}
.newsIntro .nImg .clear 	{clear: both;}

p.search			{font-size: 0.85em; margin: 30px 20px 15px 20px;}
p.search em			{color: #4a4a4a; font-style: normal;}

#newsPaging			{clear: both; overflow: hidden; margin: 0; padding: 20px 0 25px 20px;}
#newsPaging ul			{list-style: none;}
#newsPaging li			{float: left; margin: 0 10px 0 0; text-align: center; font-size: 0.8em;}
#newsPaging li a		{color: #5a5a5a; background: #b3b3b3; padding: 8px 12px; display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#newsPaging li a:hover		{background: #e2e2e2;}
#newsPaging li .active		{background: #e2e2e2;}

.newsStory			{padding: 20px;}
.newsStory h1			{font-size: 1.9em; line-height: 115%; color: #3a3a3a; margin: 0 0 10px 0;}

.newsStory .newsTop		{margin: 20px 0 0 0;}
.newsStory .newsMain		{margin: 0; overflow: hidden;}
.newsStory .newsInfo		{margin: 0 40px 0 0; text-align: left; overflow: hidden;}
.newsStory .newsInfo p		{font-size: 0.7em; line-height: 130%; color: #9a9a9a; margin-top: 10px;}
.newsStory .newsInfo img	{margin: 0 20px 15px 0; float: left;}

.newsStory .newsContent		{margin: 0;}
.newsStory .newsContent h2	{font-size: 1.2em; line-height: 100%; color: #5a5a5a; margin: 30px 0 5px 0;}
.newsStory .newsContent p	{font-size: 0.9em; margin: 0 0 25px 0;}
.newsStory .newsContent p.caption	{font-size: 75%; margin: 0 0 35px 0;}
.newsStory .newsContent ol, .newsStory .newsContent ul	{margin: -15px 0 35px 30px; padding: 0;}
.newsStory .newsContent li	{font-size: 0.9em; margin: 0 0 5px 0;}

.newsStory .mainImg		{margin: 0 0 25px 0;}
.newsStory p a			{color: #76cc05;}
.newsStory p a:hover		{color: #fff; background: #76cc05;}

.newsStory .newsFoot		{margin: 0 0 30px 0; padding-top: 5px; overflow: hidden; clear: both;}
.newsStory .newsFoot ul		{list-style: none;}
.newsStory .newsFoot li		{font-size: 0.75em; float: left; margin-right: 25px; list-style: none;}
.newsStory .newsFoot li a	{color: #7a7a7a; float: left; padding-top: 7px;}
.newsStory .newsFoot li a:hover	{color: #3a3a3a;}
.newsStory .newsFoot img	{float: left; margin: 0 7px 0 0;}

#socialLinks			{overflow: hidden; list-style: none; margin: 0 0 20px 0;}
#socialLinks li			{float: left; margin: 0 12px 0 0;}

.newsOpt			{padding: 20px; margin: 0 0 35px 0;}
.newsOpt p			{font-size: 0.75em; color: #7a7a7a; margin: 0 0 6px 3px;}
.newsOpt ul			{margin: 0 0 15px 3px; list-style: none;}
.newsOpt li			{float: left; margin: 0 8px 8px 0; font-size: 0.75em;}
.newsOpt li a			{color: #5a5a5a; background: #dadada; padding: 8px 12px; display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.newsOpt li a:hover		{color: #fff; background: #76cc05;}

#newsForm			{margin: 0 0 20px 0; overflow: hidden;}
#newsForm .nField		{float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; margin: 3px 8px 35px 3px; padding: 4px 6px; height: 18px; font-size: 0.7em; font-family: Helvetica, Arial, sans-serif; color: #333; width: 170px;
				-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1)}
#newsForm .nBtn			{float: left; width: 33px; height: 26px; cursor: pointer; border: 0; margin: 3px 0 0 0; background: no-repeat url(https://www.sourcedesign.co.uk/images/btn-enews.png); background-position: 0 0;}
#newsForm .nBtn:hover		{background-position: -33px 0;}







/* SERVICES PAGES */

#servHeader100				{text-align: center; overflow: hidden;}
#servHeader				{text-align: left; overflow: hidden; margin: 0 20px;}
#servHeader h1				{font-size: 1.9em; line-height: 130%; color: #76cc05;}

#servHeader #bread			{margin: 0 0 40px 0; text-align: left; width: 100%;}
#servHeader #bread p			{color: #919191; font-size: 80%; margin: 0 0 20px 0;}
#servHeader #bread p a			{color: #76cc05;}
#servHeader #bread p a:hover		{color: #fff; background: #76cc05;}
#servHeader #bread p em			{margin: 0 2px;}

#servHeader #txt			{width: 100%; margin: 0 0 40px 0;}
#servHeader #txt p			{font-size: 0.85em; margin: 0 0 20px 0;}
#servHeader #txt p a			{color: #76cc05;}
#servHeader #txt p a:hover		{color: #fff; background: #76cc05;}

#servHeader #scr			{display: none;}

#servList				{margin: 20px 0 0 20px; list-style: none;}
#servList li				{font-size: 0.75em; font-weight: bold; background: left no-repeat url(https://www.sourcedesign.co.uk/images/icon-green-circle.png); padding-left: 20px; margin: 0 0 8px 0;}
#servList li a				{color: #5a5a5a;}
#servList li a:hover			{color: #76cc05;}
#servList li a.on			{color: #76cc05;}

.servDetail				{padding: 20px 0 10px 0; overflow: hidden; background: #f1f1f1;}
.servDetail h2				{color: #3a3a3a; margin-left: 20px;}
.servDetail p				{font-size: 0.85em; margin: 0 20px;}
.servDetail p.footnote			{font-size: 0.75em; margin: 0 0 20px 20px;}
.servDetail p a				{color: #76cc05;}
.servDetail p a:hover			{color: #fff; background: #76cc05;}
.servDetail img				{float: right; margin: 0 20px 15px 15px;}

.serv					{overflow: hidden; margin: 0 0 25px 0;}

.servBtns				{clear: both; margin: 30px 0 30px 20px;}

#servicePopUpBox 			{background-color: #fff; width: 550px;}
#servicePopUpBox .popBox		{text-align: left; margin: 35px;}
#servicePopUpBox h5 			{font-size: 1.3em; line-height: 120%; margin: 0; color: #76cc05; font-weight: bold;}
#servicePopUpBox p 			{font-size: 1.0em; line-height: 120%; margin: 0 0 15px 0;}
#servicePopUpBox form			{overflow: hidden;}
#servicePopUpBox ul			{margin: 0; padding: 0;}
#servicePopUpBox li			{margin: 0 0 12px 0; padding: 0;}
#servicePopUpBox label 			{font-size: 1.0em; margin: 0; color: #555; font-weight: normal;}
#servicePopUpBox .formField		{border: 2px solid #ddd; width: 400px; font-size: 1.2em; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #222; margin-top: 2px;}
#servicePopUpBox .formArea		{border: 2px solid #ddd; width: 400px; height: 90px; font-size: 1.2em; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #222; margin-top: 2px;}
#servicePopUpBox .formBtn		{background: #76cc05; color: #fff; font-weight: bold; font-size: 1.0em; padding: 4px 12px; margin-top: 5px;}
#servicePopUpBox .formBtn:hover		{background: #000;}
#servicePopUpBox sup			{color: #dd0000;}

#servHomeL				{background: #fff; padding: 20px 20px 0 20px; overflow: hidden; margin: 0 0 55px 0;}
#servHomeL h1				{font-size: 1.9em; line-height: 115%; color: #76cc05; margin: 0 0 15px 0;}
#servHomeL p				{font-size: 0.85em; margin: 0 0 20px 0;}
#servHomeL p a				{color: #76cc05;}
#servHomeL p a:hover			{color: #fff; background: #76cc05;}
#servHomeL img				{margin: 0 0 20px 35px; float: right;}

#servHomeR				{margin: 0; padding: 0 0 20px 0; overflow: hidden; clear: both; background: #f1f1f1;}
#servHomeR h2				{font-size: 0.9em; line-height: 100%; margin: 0 0 4px 0;}
#servHomeR h2 a				{color: #3a3a3a;}
#servHomeR h2 a:hover			{color: #fff; background: #76cc05;}

#servHomeR p				{font-size: 0.85em; margin: 0 0 8px 0; line-height: 120%;}
#servHomeR p a				{color: #76cc05;}
#servHomeR p.intro			{margin: 35px 20px 30px 20px;}
#servHomeR p a:hover			{color: #fff; background: #76cc05;}

.servHomeBox				{overflow: hidden; margin: 0 35px 26px 20px;}
.servIcon				{float: right; margin: 0 0 15px 15px;}	

.servCol1				{margin: 0; padding-top: 20px;}
.servCol2				{margin: 0;}



/* NEW SERVICES HOME PAGE */

.servHomeBox2					{overflow: hidden; margin: 0 0 10px 0; padding: 10px 20px; font-size: 100%;}
.servHomeBox2 a					{display: block; font-size: 80%; color: #7a7a7a; padding: 15px; background: #fff; border: 1px solid #b5b5b5; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0 auto;
								-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
								box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    							-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    							-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);}
.servHomeBox2 a:hover			{border: 1px solid #858585;
								box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);
    							-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);
    							-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);}
.servHomeBox2 a img				{z-index: 10; float: right; width: 42px; margin: -5px -25px 0 20px;}
.servHomeBox2 a strong			{font-weight: bold; color: #4a4a4a; font-size: 140%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}
.servHomeBox2 a:hover strong	{color: #76cc05;}



/* NEW SERVICES DETAIL PAGES */

#servDetail100				{text-align: center; overflow: hidden; padding: 0; background: #fff;}
#servDeet				{text-align: left; overflow: hidden; margin: 0 20px; padding: 0;}

#servBread				{margin: 8px 0 0 0; padding: 0;}
#servBread p				{color: #919191; font-size: 80%; margin: 0;}
#servBread p a				{color: #76cc05;}
#servBread p a:hover			{color: #fff; background: #76cc05;}
#servBread p em				{margin: 0 2px; font-style: normal;}

#servDeetL				{padding: 0;}
#servDeetR				{padding: 0 0 30px 0;}

#servDeetxt				{padding-top: 25px;}
#servDeetxt h1				{font-size: 3.2em; line-height: 105%; color: #76cc05; margin: 0 0 25px 0;}
#servDeetxt p				{font-size: 1em; margin: 0 0 25px 0;}
#servDeetxt p.citation			{font-size: 70%; color: #9a9a9a;}
#servDeetxt ul				{margin: -5px 0 35px 0; list-style: none;}
#servDeetxt ul li			{font-size: 1em; margin: 0 0 7px 0; padding-left: 20px; font-weight: bold; color: #4a4a4a; background: left no-repeat url(../images/bullet-arrow.png); }
#servDeetxt ul li a			{color: #4a4a4a; text-decoration: underline;}
#servDeetxt ul li a:hover		{color: #fff; background: #76cc05; text-decoration: none;}

#servSlider				{overflow: hidden; text-align: right;}
#servSlider #split			{margin: 0; padding: 0;}
#servSlider img				{margin: 0; padding: 0;}

#servQuote				{background: top left no-repeat url(../images/serv-speech-mark.png); padding: 0 0 0 33px; margin: 0 0 35px 0;}
#servQuote #imgBox			{float: right; width: 150px; margin: 0 0 25px 25px;}
#servQuote p.quote			{font-size: 0.9em; font-style: italic; font-weight: bold; color: #4a4a4a; padding-top: 14px; margin: 0 0 20px 0;}
#servQuote p.author			{color: #7a7a7a; font-size: 0.85em; margin: 0;}
#servQuote p a				{font-weight: bold; color: #76cc05; text-decoration: underline;}
#servQuote p a:hover			{color: #000;}

#servForms				{background: #f1f1f1; overflow: hidden;}
#servFormHead				{background: #4a4a4a; text-align: center;}
#servFormHead h2			{color: #fff; font-size: 1.2em; line-height: 120%; padding: 10px 20px 14px 20px;}

#formThanks				{background: #76cc05; text-align: center; font-size: 0.85em; color: #fff; line-height: 120%; padding: 10px 20px 14px 20px;}

#servFormChoices			{text-align: center; overflow: hidden; margin: 0 auto 10px auto; padding: 30px 20px 20px 20px;}
#servFormChoices ul			{text-align: center; margin: 0 auto; overflow: hidden; list-style: none;}
#servFormChoices ul li			{text-align: center; margin: 10px auto 35px auto; font-size: 0.7em;}
#servFormChoices ul li a		{display: block; color: #7a7a7a; width: 275px; padding: 45px 15px 15px 15px; background: #fff; border: 1px solid #b5b5b5; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0 auto;
					-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;
					box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    					-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    					-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);}
#servFormChoices ul li a:hover		{border: 1px solid #858585;
					box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);
    					-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);
    					-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);}

#servFormChoices ul li a strong		{font-weight: bold; color: #4a4a4a; font-size: 140%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}
#servFormChoices ul li a:hover strong	{color: #76cc05;}
#servFormChoices ul li a .servIcon	{z-index: 10; margin: -55px 106px 0 0;}
#servFormChoices ul li.end		{margin: 10px 0 10px 0;}

#servForms #form1a			{overflow: hidden; clear: both;}
#servForms #form1b			{overflow: hidden; clear: both;}
#servForms #form1c			{overflow: hidden; clear: both;}

.serForm				{text-align: center; border-top: 2px solid #d5d5d5; margin: 0 auto 40px auto; padding: 25px 20px;}
.serForm h4				{font-size: 1.8em; line-height: 120%; color: #4a4a4a; margin: 0 0 5px 0;}
.serForm p				{color: #7a7a7a; font-size: 0.85em; margin: 0;}
.serForm p span				{color: #d90000;}
.serForm ul				{margin: 0; padding: 0; list-style: none;}
.serForm ul li				{margin: 0 0 10px 0;}
.serForm ul li.screen-reader		{display: none;}		
.serForm ul li img			{margin: 3px 0 0 0;}
.serForm label				{color: #7a7a7a; font-size: 0.75em; font-style: italic; margin: 0; padding: 0;}
.serForm label span			{color: #d90000;}

.serForm .formInner			{overflow: hidden; margin: 0 auto; text-align: center; }
.serForm .formInner .formL		{margin: 0; padding: 15px 0 0 0;}
.serForm .formInner .formR		{margin: 0; padding: 0;}
.serForm .formInner .formB		{text-align: center; padding: 22px 0 0 0;}

.serField, .serArea, .serBtn, .serDrop	{font-family: 'Arimo', Helvetica, Arial, sans-serif; font-size: 0.95em; font-weight: bold; margin: 3px 0 0 0; text-align: left;}
.serField								{border: 2px solid #d5d5d5; background: #fff; padding: 8px; width: 250px;}
.serHalf								{}
.serArea								{border: 2px solid #d5d5d5; background: #fff; padding: 8px; width: 250px; height: 111px;}
.serDrop								{}
.serBtn									{padding: 8px 25px 10px 25px;
										cursor: pointer;
										text-shadow: 0 1px 1px rgba(0,0,0,.3);
										-webkit-border-radius: .5em; 
										-moz-border-radius: .5em;
										border-radius: .5em;
										-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
										-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
										box-shadow: 0 1px 2px rgba(0,0,0,.2);
										color: #fff;
										border: solid 1px #538312;
										background: #76cc05;
										background: -webkit-gradient(linear, left top, left bottom, from(#76cc05), to(#4e7d0e));
										background: -moz-linear-gradient(top,  #76cc05,  #4e7d0e);
										filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#76cc05', endColorstr='#4e7d0e');}
.serBtn:hover							{background: #538018;
										background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
										background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
										filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');}


#servFormMsg				{margin: 0 auto 50px auto; background: top center no-repeat url(../images/serv-msg-lines.png);}
#servFormMsg p				{font-size: 0.85em; color: #7a7a7a; font-style: italic;}
	
#plannerDoc					{margin: 18px auto 25px auto; overflow: hidden; width: 280px; padding: 8px 15px 11px 15px; 
							-webkit-border-radius: .5em; 
							-moz-border-radius: .5em;
							border-radius: .5em;
							-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
							-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
							box-shadow: 0 1px 2px rgba(0,0,0,.4);}
#plannerDoc img				{float: left; margin: 0 5px 0 0;}
#plannerDoc p				{font-size: 0.9em; color: #7a7a7a; margin: 10px 0 0 0;}
#plannerDoc p a				{color: #4a4a4a; font-weight: bold;}
#plannerDoc p a:hover		{text-decoration: underline;}




/* CASE STUDIES PAGES */

#caseStudy				{padding: 0 20px 50px 20px; overflow: hidden;}
#csIntro				{padding: 0;}
#csIntro h1				{font-size: 1.9em; line-height: 115%; color: #76cc05;}
#csIntro p				{font-size: 1.2em; line-height: 120%; color: #7a7a7a;}

#csText					{padding: 10px 0;}
#csText h2				{font-size: 0.85em; color: #3a3a3a;}
#csText h3				{font-size: 0.9em; color: #3a3a3a; font-style: italic; margin: 0 0 10px 0;}
#csText p				{font-size: 0.75em; margin: 0 0 30px 0;}
#csText p.name				{font-size: 0.75em;}

#csServList				{margin: 2px 0 40px 0; list-style: none;}
#csServList li				{font-size: 0.75em; background: top left no-repeat url(https://www.sourcedesign.co.uk/images/icon-green-circle.png); padding-left: 20px; margin: 0 0 6px 0;}
#csServList li a			{color: #7a7a7a;}
#csServList li a:hover			{color: #76cc05;}
#csServList li a.on			{color: #76cc05;}

#csScreens				{overflow: hidden; margin: 0; padding: 0;}
#csScreens img				{border: 1px solid #d2d2d2; width: 99%;}

#csVisit				{float: left; padding: 20px 0 0 0;}

#csHeader				{margin: 0 20px 20px 20px; overflow: hidden;}
#csHeader h1				{font-size: 1.9em; line-height: 115%; margin-top: 15px; color: #76cc05;}
#csHeader .menu				{text-align: left;}
#csHeader ul				{list-style: none; float: left; font-size: 0.7em; margin: 10px 0; overflow: hidden;}
#csHeader li				{color: #5a5a5a; margin: 0 0 10px 10px; float: left;}
#csHeader li span			{font-style: normal; padding: 8px 0 0 0; display: block;}
#csHeader li a				{color: #fff; padding: 8px 11px 8px 10px; display: block; text-decoration: none; background: #bababa; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#csHeader li a:hover			{color: #fff; background: #76cc05;}
#csHeader li a.on			{color: #fff; background: #6a6a6a;}

.csHomeTxt				{font-size: 1.4em; margin: 0 20px 30px 20px; line-height: 120%; color: #7a7a7a;}

#csPaging				{float: left; clear: both; overflow: hidden; padding: 20px 0 0 0; margin: 0 20px 30px 0;}
#csPaging ul				{list-style: none;}
#csPaging li				{float: left; margin: 0 10px 10px 0; text-align: center; font-size: 0.8em;}
#csPaging li a				{color: #fff; background: #6a6a6a; padding: 8px 12px; display: block; cursor:pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#csPaging li a:hover			{background: #76cc05;}
#csPaging li .active			{background: #76cc05;}



/* CONTACT PAGE */

.contactL				{background: #fff; padding: 20px 20px 0 20px; margin: 0 0 30px 0;}
.contactL h1				{font-size: 1.9em; line-height: 115%; color: #76cc05;}
.contactL h2				{color: #3a3a3a; font-size: 0.9em;}
.contactL p				{font-size: 0.85em; margin: 0 0 20px 0;}

.contactL table				{margin: 0 0 20px 0;}
.contactL table th			{vertical-align: top; text-align: left; width: 19px; padding: 0 0 3px 0;}
.contactL table td			{vertical-align: top; text-align: left; padding: 0 0 3px 5px; font-size: 0.85em; color: #5a5a5a;}
.contactL table td a			{color: #5a5a5a;}
.contactL table td a:hover		{color: #fff; background: #76cc05;}

.contSmall				{margin: 0 20px 20px 20px; color: #aaa; font-size: 0.65em;}

.contactR				{margin: 0 20px;}
.contactR #map				{height: 350px; background: #d1d1d1; margin: 0 0 40px 0;}
.contactR .col1				{float: left; margin: 0 0 30px 0;}
.contactR .col2				{float: left; margin: 0 0 30px 0;}
.contactR h3				{color: #3a3a3a; font-size: 1.1em;}
.contactR p				{font-size: 0.85em; margin: 0 0 20px 0;}



/* LANDING PAGES */

#landHome			{border-bottom: 1px dashed #c8c7c7; margin: 0; overflow: hidden;}
#landHomeDIV			{margin: 20px 20px 40px 20px; text-align: left;}
#landHomeDIV h1			{font-size: 3.6em; line-height: 110%; color: #00b5e2; margin: 0 0 20px 0; letter-spacing: -0.03em;}
#landHomeDIV h2			{line-height: 1.2em; font-size: 120%; margin: 0 0 20px 0; color: #5a5a5a;}
#landHomeDIV p			{font-size: 0.9em; margin: 0 0 20px 0;}
#landHomeDIV ul			{margin: 0 0 26px 0; padding: 0;}
#landHomeDIV li			{margin: 0 0 9px 15px; padding: 0; font-weight: bold; list-style: disc; color: #5a5a5a; font-size: 0.8em;}
#landHomeDIV .laptop		{text-align: left; margin: 0 0 20px 0;}
#landHomeDIV .cont		{text-align: left;}

#landHomeDIV #btnRow		{overflow: hidden;}
#landHomeDIV #grBtn		{float: left; margin: 0;}
#landHomeDIV #grBtn a		{display: block; font-size: 0.85em; font-weight: bold; padding: 9px 16px; color: #fff; text-decoration: none; border: 3px solid #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px;
				background: #89d328;
				background: -moz-linear-gradient(top, #89d328 25%, #65af04 75%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#89d328), color-stop(75%,#65af04));
				background: -webkit-linear-gradient(top, #89d328 25%,#65af04 75%);
				background: -o-linear-gradient(top, #89d328 25%,#65af04 75%);
				background: -ms-linear-gradient(top, #89d328 25%,#65af04 75%);
				background: linear-gradient(top, #89d328 25%,#65af04 75%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d328', endColorstr='#65af04',GradientType=0 );}

#landHomeDIV #grBtn a:hover 	{background: #65af04;
				background: -moz-linear-gradient(top,  #65af04 25%, #198200 75%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#65af04), color-stop(75%,#198200));
				background: -webkit-linear-gradient(top,  #65af04 25%,#198200 75%);
				background: -o-linear-gradient(top,  #65af04 25%,#198200 75%);
				background: -ms-linear-gradient(top,  #65af04 25%,#198200 75%);
				background: linear-gradient(top,  #65af04 25%,#198200 75%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65af04', endColorstr='#198200',GradientType=0 );}

#landHomeDIV #text		{float: left; margin: 15px 0 0 0;}
#landHomeDIV #text p		{font-size: 0.85em; line-height: 120%; margin: 0;}

.landAbout			{padding: 25px 25px 0 25px; margin: 0;}
.landAbout h3			{line-height: 1.2em; font-size: 120%; margin: 10px 0; color: #5a5a5a;}
.landAbout p			{font-size: 0.85em; margin: 0 0 20px 0;}

.landQuote			{padding: 0 25px; margin: 0 0 40px 0;}
.landQuote p			{font-size: 1em; color: #5a5a5a; font-weight: bold; font-style: italic; margin: 0 0 20px 0;}
.landQuote p.name		{font-size: 0.85em; margin: 0; font-style: normal; font-weight: normal; color: #7a7a7a;}

.landPic			{display: none;}

#landWindow			{padding: 0; margin: 0; width: 900px; overflow: hidden; background: bottom left no-repeat url(https://www.sourcedesign.co.uk/images/img-popup-bg.png);}
#landWindow #intro		{width: 400px; float: left; padding: 30px;}
#landWindow #form		{width: 377px; border-left: 3px dashed #ddd; padding: 30px 0 0 30px; background: #f8f8f8; float: right;}
#landWindow img			{float: right; margin: 0 0 20px 20px;}
#landWindow h4			{font-size: 1.5em; line-height: 130%; color: #76cc05; margin: 0 0 8px 0; letter-spacing: -0.03em;}
#landWindow p			{font-size: 0.85em; margin: 0 0 20px 0;}
#landWindow ul			{list-style: none;}
#landWindow li			{list-style: none; margin: 0 0 12px 0;}
#landWindow label		{font-size: 0.75em; color: #7a7a7a; margin: 0;}

#landWindow .formField		{font-family: Helvetica, Arial, sans-serif; margin: 2px 0 0 0; width: 320px; border: 2px solid #ddd; padding: 4px; font-size: 0.85em; color: #4a4a4a; font-weight: bold;}
#landWindow .formArea		{font-family: Helvetica, Arial, sans-serif; margin: 2px 0 0 0; width: 320px; border: 2px solid #ddd; padding: 4px; font-size: 0.85em; color: #4a4a4a; font-weight: bold; height: 130px;}
#landWindow .formBtn		{font-size: 0.8em; margin: 6px 0 20px 0; font-weight: bold; padding: 6px 14px; color: #fff; border: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;
				background: #89d328; cursor: pointer;
				background: -moz-linear-gradient(top, #89d328 25%, #65af04 75%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#89d328), color-stop(75%,#65af04));
				background: -webkit-linear-gradient(top, #89d328 25%,#65af04 75%);
				background: -o-linear-gradient(top, #89d328 25%,#65af04 75%);
				background: -ms-linear-gradient(top, #89d328 25%,#65af04 75%);
				background: linear-gradient(top, #89d328 25%,#65af04 75%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d328', endColorstr='#65af04',GradientType=0 );}

#landWindow .formBtn:hover 	{background: #65af04;
				background: -moz-linear-gradient(top,  #65af04 25%, #198200 75%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#65af04), color-stop(75%,#198200));
				background: -webkit-linear-gradient(top,  #65af04 25%,#198200 75%);
				background: -o-linear-gradient(top,  #65af04 25%,#198200 75%);
				background: -ms-linear-gradient(top,  #65af04 25%,#198200 75%);
				background: linear-gradient(top,  #65af04 25%,#198200 75%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65af04', endColorstr='#198200',GradientType=0 );}


/* Email form landing pages */

#eFormHomeL				{background: #fff; padding: 20px 20px 0 20px; overflow: hidden; margin: 0 0 55px 0;}
#eFormHomeL h1				{font-size: 1.9em; line-height: 115%; color: #76cc05; margin: 0 0 15px 0;}
#eFormHomeL p				{font-size: 0.85em; margin: 0 0 20px 0;}
#eFormHomeL img				{margin: 0 0 20px 35px; float: right;}

#eFormHomeR				{margin: 0; padding: 0 0 20px 0; overflow: hidden; background: #f1f1f1;}
#eFormHomeR .serForm			{text-align: left; width: 100%;}
#eFormHomeR .serForm .formInner		{text-align: left;}
#eFormHomeR .serForm .formInner .formL	{text-align: left;}
#eFormHomeR .serForm .formInner .formR	{text-align: left;}
#eFormHomeR .serForm .formInner .formB	{text-align: left;}

#eFormSuccess				{margin: 20px 0 0 0; background: #76cc05; text-align: left; width: auto; font-size: 0.85em; color: #fff; line-height: 120%; font-weight: bold; padding: 10px 20px 14px 20px;}