/*  Code adapted by Source Internet Development Ltd from  
 *  SimpleGrid by Conor Muirhead (http://conor.cc) of Early LLC (http://earlymade.com)	
 *  http://simplegrid.info
 *  License: http://creativecommons.org/licenses/MIT/	*/
 
 
/* 
GUTTER WIDTH 40px 
COLUMN WIDTH 55px
*/


/* Containers */
body 	{font-size: 1.125em;}
.grid	{width: 1100px;}

.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{margin-left: 40px;}

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5 	{width: 150px;} /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5 	{width: 340px;} /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5 		{width: 720px;} /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5 			{width: 910px;} /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9				{width: 245px;} /* Quarters */
.slot-6-7-8,.slot-7-8-9					{width: 815px;} /* Three-Quarters */

/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2, .slot-1-2-3, .slot-2-3-4, .slot-3-4-5, .slot-6-7, .slot-7-8, .slot-8-9	{width: 530px;} /* Halves */




/* AC code */

.normBtn li		{margin: 5px;}
.normBtn li a		{-webkit-border-radius: 12px;
  			-moz-border-radius: 12px;
  			-ms-border-radius: 12px;
  			-o-border-radius: 12px;
  			border-radius: 12px;
  			padding: 7px 20px 9px 20px;}

.servHBtn		{margin: 10px 0 0 0;}
.servHBtn li		{margin: 3px;}
.servHBtn li a		{-webkit-border-radius: 9px;
  			-moz-border-radius: 9px;
  			-ms-border-radius: 9px;
  			-o-border-radius: 9px;
  			border-radius: 9px;
  			padding: 3px 18px 5px 18px;}


.header			{text-align: center; background: #fff; margin: 0 auto;}
.header .sdLogo		{margin: 20px 0 0 0;}
.headerRow		{width: 1100px;}

#spacer			{height: 40px;}
#footer .eField		{padding: 4px 6px; height: 18px; width: 175px;}
#footer li .date	{width: 100px;}

#pageBanner		{min-height: 80px;}
#pageBanner #title	{width: 1100px;}
#pageBanner p		{margin: 50px 0 5px 0;}

#pageBand		{height: 28px;}
#pageBandLand		{margin-top: 25px;}

#stdHomeDIV		{margin: 20px auto; width: 1100px;}
.stdContent		{margin: 40px 0 60px 0;}
.stdContent p		{margin: 0 0 30px 0;}





/* HOMEPAGE */

#homeBanners		{height: 420px; background: #fff bottom center no-repeat url(https://www.sourcedesign.co.uk/images/bg-band-homegreen.png);}
#homeBanners .inner	{height: 420px; width: 1100px;}
#homeBanners .txt	{width: 435px; padding: 65px 0 0 0;}
#homeBanners h1		{color: #76cc05; font-size: 180%;}
#homeBanners .email 	{background: bottom center no-repeat url(https://www.sourcedesign.co.uk/images/img-home-email1100.png);}
#homeBanners .web 	{background: bottom center no-repeat url(https://www.sourcedesign.co.uk/images/img-home-web1100.png);}
#homeBanners .seo	{background: bottom center no-repeat url(https://www.sourcedesign.co.uk/images/img-home-chart1100.png);}

#homeBanners .flex-control-nav 	{width: 1100px; bottom: 42px;}

.hIntro				{margin: 40px 0 30px 0;}
.hIntro p 			{margin: 0 0 25px 0;}

.folio				{margin: 0 0 20px 0;}
.folio .item 			{width: 245px; height: 195px; margin: 0; background: #fff;}
.folio .item .caption 		{width: 245px; height: 155px;}
.folio .item .caption a 	{font-size: 1.2em; width: 215px; height: 125px; padding: 15px; display: block;}
.folio .pic			{float: left; margin: 0 20px 20px 0; 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; width: 245px; height: 155px; margin: 0 0 40px 0;}

.folio .item strong		{padding: 11px 15px 0 15px; height: 30px; margin-top: 155px;}





/* NEWS PAGES */

#newsHomeDIV			{margin: 20px auto; width: 1100px;}
#newsHome #rss img		{margin: 4px 12px 0 0;}

.newsIntro			{margin: 40px 40px 0 0; height: 460px; width: 340px;}
.endCol				{margin: 40px 0 0 0;}
.newsIntro .nImg		{height: 210px; width: 340px;}
.newsIntro .nText		{padding: 20px; height: 175px;}
.newsIntro .nAuth		{height: 35px; padding: 0 20px;}
.newsIntro .nImg .caption 	{height: 210px; width: 340px;}
.newsIntro .nImg .caption a 	{height: 170px; width: 300px; padding: 20px;}

#newsPaging			{padding: 40px 0;}

.newsStory			{-moz-box-shadow: 6px 0 8px rgba(0,0,0,0.1); -webkit-box-shadow: 6px 0 8px rgba(0,0,0,0.1); box-shadow: 6px 0 8px rgba(0,0,0,0.1)}
.newsStory h1			{margin: 0 0 25px 0;}

.newsStory .newsTop		{margin: 55px 55px 0 190px;}
.newsStory .newsMain		{width: 815px;}
.newsStory .newsInfo		{margin: 0 40px 0 0; width: 150px;}

.newsStory .newsContent		{width: 625px;}
.newsStory .newsContent h2	{margin: 30px 55px 5px 0;}
.newsStory .newsContent p	{margin: 0 55px 25px 0;}
.newsStory .newsContent p.caption	{margin: 0 55px 35px 0;}
.newsStory .newsContent ol, .newsStory .newsContent ul	{margin: -15px 55px 35px 30px; padding: 0;}

.newsStory .newsFoot		{margin: 0 0 50px 190px; padding-top: 45px;}
.newsStory .newsFoot img	{margin: 0 7px 0 0;}

.newsOpt			{padding-top: 55px;}
.newsOpt li			{margin: 0 8px 8px 0;}
.newsOpt li a			{padding: 8px 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

#socialLinks			{margin: 0 0 10px 0;}
#newsForm .nField		{width: 170px;}



/* SERVICES PAGES */

#servHeader100			{height: 414px; padding-top: 10px;}
#servHeader			{width: 1100px;}

#servHeader #bread		{width: 500px; margin: 0;}
#servHeader #bread p		{margin: 70px 0 55px 0;}
#servHeader #txt		{width: 630px; margin: 0;}
#servHeader #txt p		{margin: 0 0 20px 0;}
#servHeader #scr		{height: 414px; width: 450px; margin: 0;}

#servList			{margin: 50px 0 0 18px;}

.servDetail p			{margin: 0;}
.servDetail img			{margin: 0 0 15px 15px;}
.serv				{margin: 0 0 30px 0;}
.servBtns			{clear: both; margin: 0 0 30px 20px;}

#servHomeL			{padding: 40px 40px 45px 40px; margin: 0 0 75px 0;}
#servHomeL img			{margin: 0 0 20px 0;}

#servHomeR			{margin: 0; padding: 0;}
#servHomeR p.intro		{margin: 40px 0 35px 10px;}

.servHomeBox			{margin: 0 0 45px 0;}
.servIcon			{margin: 0 0 15px 15px;}	

.servCol1			{width: 336px; margin: 0 36px 40px 10px;}
.servCol2			{width: 336px; margin: 0 0 40px 0;}



/* NEW SERVICES HOME PAGE */

.servHomeBox2				{margin: 0 0 10px 0;}
.servHomeBox2 a				{padding: 20px;}
.servHomeBox2 a img			{margin: -5px -30px 0 20px;}



/* NEW SERVICES DETAIL PAGES */

#servDetail100				{padding: 40px 0 0 0;}
#servDeet					{margin: 0 auto; padding: 0; width: 1100px;}

#servBread					{margin: 8px 0 0 0;}
#servBread p				{font-size: 80%;}

#servDeetxt					{padding-top: 75px;}
#servDeetxt h1				{font-size: 280%; line-height: 105%; margin: 0 0 30px 0;}
#servDeetxt p				{margin: 0 0 30px 0;}
#servDeetxt ul				{margin: -15px 0 25px 0;}
#servDeetxt ul li			{font-size: 80%; margin: 0 0 6px 0;}

#servSlider				{margin: 0 0 20px 0;}

#servQuote #imgBox			{float: right; width: 200px;}
#servQuote p.quote			{font-size: 110%; padding-top: 14px; margin: 0 0 20px 0;}
#servQuote p.author			{font-size: 80%; }

#servFormChoices			{padding: 30px 20px 20px 20px; width: 1100px;}
#servFormChoices ul			{text-align: center; margin: 0 auto; width: 1021px;}
#servFormChoices ul li			{float: left; margin: 10px 30px 10px 10px; font-size: 70%;}
#servFormChoices ul li a		{width: 275px; padding: 55px 15px 15px 15px;}

#servFormChoices ul li a strong		{font-size: 140%;}
#servFormChoices ul li a .servIcon	{margin: -65px 107px 0 0;}
#servFormChoices ul li.end		{margin: 10px 0 10px 10px;}

.serForm				{width: 996px; margin: 0 auto 40px auto; padding: 25px 0;}

.serForm .formInner			{width: 740px; text-align: left; margin: 0 auto;}
.serForm .formInner .formL		{float: left; margin: 0 40px 0 0; padding: 30px 0 0 0; width: 350px;}
.serForm .formInner .formR		{width: 350px;}
.serForm .formInner .formB		{width: 740px;}

.serField, .serArea, .serBtn, .serDrop	{font-size: 100%;}
.serField								{width: 330px;}
.serHalf								{width: 165px;}
.serArea								{width: 330px;}
.serDrop								{}

#servFormMsg				{width: 1100px; margin: 0 auto 50px auto;}
#servFormMsg p				{font-size: 75%;}

#plannerDoc p				{font-size: 100%;}







/* CASE STUDIES PAGES */

#caseStudy			{background: top left repeat-x url(https://www.sourcedesign.co.uk/images/bg-portfolio-line.png);}
#csIntro			{padding: 35px 0; height: 121px;}
#csIntro h1			{font-size: 1.9em; line-height: 115%; color: #76cc05;}
#csIntro p			{font-size: 1.2em; line-height: 120%; color: #7a7a7a;}

#csHeader h1			{margin-top: 30px;}
#csHeader ul			{margin: 30px 0;}
#csHeader li			{margin: 0 0 10px 10px;}
#csHeader li span		{padding: 6px 0 0 0;}
#csHeader li a			{padding: 6px 11px;}

#csText				{padding: 35px 0;}
#csText h3			{margin: 0 0 10px 0;}
#csText p			{margin: 0 0 30px 0;}

#csServList			{margin: 2px 0 30px 0;}
#csScreens			{margin: 35px 0 0 0; padding: 0;}
#csScreens img			{width: 718px;}





/* CONTACT PAGE */

.contactL			{padding: 40px 40px 30px 40px; margin: 0 0 30px 0;}
.contactL table			{margin: 0 0 30px 0;}

.contSmall			{margin: 0 40px 75px 40px;}

.contactR			{margin: 40px 0 75px 0;}
.contactR #map			{height: 350px; margin: 0 0 40px 0;}
.contactR .col1			{width: 340px; margin: 0 40px 0 0;}
.contactR .col2			{width: 340px; margin: 0;}
.contactR p			{margin: 0 0 15px 0;}




/* LANDING PAGES */

#landHome			{margin: 0;}
#landHomeDIV			{margin: 30px auto 40px auto; width: 1100px;}
#landHomeDIV h1			{margin: 0 0 28px 0;}
#landHomeDIV h2			{line-height: 1.2em; margin: 0 0 18px 0;}
#landHomeDIV p			{margin: 0 0 24px 0;}
#landHomeDIV ul			{margin: 0 0 28px 0; padding: 0;}
#landHomeDIV li			{margin: 0 0 8px 15px; padding: 0;}
#landHomeDIV .laptop		{text-align: left;}
#landHomeDIV .cont		{text-align: left;}

#landHomeDIV #grBtn		{margin: 0;}
#landHomeDIV #grBtn a		{padding: 6px 13px 8px 13px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}

#landHomeDIV #text		{display: inline; width: 140px; margin: 2px 0 0 20px;}
#landHomeDIV #text p		{margin: 0 0 0 20px;}

.landAbout			{padding: 35px 0 0 0;}
.landAbout h3			{margin: 0 0 15px 0;}
.landAbout p			{margin: 0 0 25px 0;}

.landQuote			{padding: 35px 0 0 0;}
.landQuote p			{margin: 0 0 25px 0;}

.landPic			{padding: 35px 0 0 0;}



/* Email form landing pages */

#eFormHomeL			{padding: 40px 40px 45px 40px; margin: 0 0 75px 0;}
#eFormHomeL img			{margin: 0 0 20px 0;}

#eFormHomeR				{padding: 0 0 30px 0;}
#eFormHomeR .serForm .formInner		{padding: 0; margin: 0;}
#eFormHomeR .serForm .formInner .formL	{float: left; width: 340px; margin: 0 30px 0 0; padding: 30px 0 0 0;}
#eFormHomeR .serForm .formInner .formR	{float: left; width: 340px; margin: 0; padding: 30px 0 0 0;}
#eFormHomeR .serForm .formInner .formB	{text-align: left; padding: 22px 0 0 0;}

#eFormHomeR .serForm .serField		{width: 308px;}
#eFormHomeR .serForm .serHalf		{width: 150px;}
#eFormHomeR .serForm .serArea		{width: 308px;}
#eFormHomeR .serForm .serDrop		{}