/*  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 35px 
COLUMN WIDTH 48px
*/


/* Containers */
body 	{font-size: 100%;}
.grid	{width: 961px;}

/* Slots Setup */
.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{display: inline; float: left; margin-left: 35px;}

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5		{width: 131px;} /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5	{width: 297px;} /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5		{width: 629px;} /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5				{width: 795px;} /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9				{width: 214px;} /* Quarters */
.slot-6-7-8,.slot-7-8-9					{width: 712px;} /* 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: 463px;} /* Halves */



/* AC code */

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

.servHBtn			{margin: 8px 0 0 0;}
.servHBtn li			{margin: 4px;}
.servHBtn li a			{-webkit-border-radius: 7px;
  				-moz-border-radius: 7px;
  				-ms-border-radius: 7px;
  				-o-border-radius: 7px;
  				border-radius: 7px;
  				padding: 3px 16px 5px 16px;}


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

#menu				{margin: 32px 0 0 0;}
#spacer				{height: 30px;}

#footer .eField			{padding: 4px 6px; height: 17px; width: 150px;}
#footer li .date		{width: 90px;}

#pageBanner			{min-height: 65px;}
#pageBanner #title		{width: 961px;}
#pageBanner p			{margin: 40px 0 8px 0;}

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

ul#topnav li			{margin: 0 0 4px 25px;}

#stdHomeDIV			{margin: 17px auto 15px auto; width: 961px;}
.stdContent			{margin: 28px 0 48px 0;}
.stdContent p			{margin: 0 0 22px 0;}




/* HOMEPAGE */

.hIntro				{margin: 35px 0 30px 0;}
.hIntro p 			{margin: 0 0 20px 0;}

#homeBanners			{height: 367px; background: #fff bottom center no-repeat url(https://www.sourcedesign.co.uk/images/bg-band-homegreen961.png); overflow: hidden;}
#homeBanners .inner		{height: 367px; width: 961px;}
#homeBanners .txt		{width: 400px; padding: 65px 0 0 0;}
#homeBanners .email 		{background: bottom center no-repeat url(https://www.sourcedesign.co.uk/images/img-home-email961.png);}
#homeBanners .web 		{background: bottom center no-repeat url(https://www.sourcedesign.co.uk/images/img-home-web961.png);}
#homeBanners .seo		{background: bottom center no-repeat url(https://www.sourcedesign.co.uk/images/img-home-chart961.png);}

#homeBanners .flex-control-nav 	{width: 961px; bottom: 37px;}

.folio				{margin: 0 0 30px 0;}
.folio .item 			{width: 214px; height: 164px; margin: 0 0 6px 0;}
.folio .item .caption 		{width: 214px; height: 135px;}
.folio .item .caption a 	{font-size: 1.1em; width: 190px; height: 111px; padding: 12px;}
.folio .item strong		{padding: 9px 12px 0 12px; height: 25px; margin-top: 135px;}
.folio .pic			{margin: 0 0 20px 0;}


/* NEWS PAGES */

#newsHomeDIV			{margin: 17px auto 15px auto; width: 961px;}

#newsHome #rss img		{margin: 3px 10px 0 0;}

.newsIntro			{margin: 35px 35px 0 0; height: 414px; width: 297px;}
.endCol				{margin: 35px 0 0 0;}
.newsIntro .nImg		{height: 183px; width: 297px;}
.newsIntro .nText		{padding: 18px; height: 165px;}
.newsIntro .nAuth		{height: 30px; padding: 0 15px;}
.newsIntro .nImg .caption 	{height: 183px; width: 297px;}
.newsIntro .nImg .caption a 	{height: 147px; width: 261px; padding: 18px;}

#newsPaging			{padding: 35px 0;}

.newsStory			{-moz-box-shadow: 4px 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 4px 0 5px rgba(0,0,0,0.1); box-shadow: 4px 0 5px rgba(0,0,0,0.1)}
.newsStory h1			{margin: 0 0 20px 0;}

.newsStory .newsTop		{margin: 45px 48px 0 166px;}
.newsStory .newsMain		{width: 712px;}
.newsStory .newsInfo		{margin: 0 35px 0 48px; width: 83px;}

.newsStory .newsContent		{width: 546px;}
.newsStory .newsContent h2	{margin: 25px 48px 5px 0;}
.newsStory .newsContent p	{margin: 0 48px 18px 0;}
.newsStory .newsContent p.caption	{margin: 0 48px 25px 0;}
.newsStory .newsContent ol, .newsStory .newsContent ul	{margin: -10px 48px 25px 25px;}

.newsStory .newsFoot		{margin: 30px 0 40px 166px; padding-top: 20px;}
.newsStory .newsFoot img	{margin: 0 5px 0 0;}

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

#socialLinks			{margin: 0 0 8px 0;}
#newsForm .nField		{width: 140px;}



/* SERVICES PAGES */

#servHeader100			{height: 393px; padding-top: 8px; background: #fff bottom left repeat-x url(https://www.sourcedesign.co.uk/images/bg-servheader1100.png);}
#servHeader			{width: 961px;}

#servHeader #bread		{width: 500px; margin: 0;}
#servHeader #bread p		{margin: 55px 0 55px 0;}
#servHeader #txt		{width: 550px; margin: 0;}
#servHeader #txt p		{margin: 0 0 20px 0;}
#servHeader #scr		{display: inline; float: right; width: 393px; margin: 25px 0 0 0;}

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

.servDetail p			{margin: 0;}
.servDetail img			{margin: 0 0 12px 12px;}
.serv				{margin: 0 0 25px 0;}
.servBtns			{margin: 0 0 30px 0;}

#servHomeL			{padding: 30px 30px 30px 30px; margin: 0 0 60px 0;}
#servHomeL img			{margin: 0 0 20px 0;}

#servHomeR p.intro		{margin: 30px 0 25px 10px;}

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

.servCol1			{width: 292px; margin: 0 30px 30px 10px;}
.servCol2			{width: 292px; margin: 0 0 30px 0;}



/* NEW SERVICES HOME PAGE */

.servHomeBox2				{padding: 10px; margin: 0 0 10px 0;}
.servHomeBox2 a				{padding: 18px;}
.servHomeBox2 a img			{margin: -5px -28px 0 20px; width: 59px;}



/* NEW SERVICES DETAIL PAGES */


#servDetail100				{padding: 50px 0 0 0; background: #fff top left repeat-x url(../images/bg-servheader1100new.png);}
#servDeet				{margin: 0 auto; padding: 0; width: 961px;}

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

#servDeetL				{padding-bottom: 25px;}
#servDeetR				{padding-bottom: 25px;}

#servDeetxt				{padding-top: 65px;}
#servDeetxt h1				{font-size: 280%; line-height: 110%; margin: 0 0 20px 0;}
#servDeetxt p				{font-size: 90%; margin: 0 0 25px 0;}
#servDeetxt ul				{margin: -5px 0 25px 0;}
#servDeetxt ul li			{font-size: 80%; margin: 0 0 5px 0;}

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

#servQuote #imgBox			{float: right; width: 165px;}
#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: 921px;}
#servFormChoices ul			{text-align: center; margin: 0 auto; width: 921px;}
#servFormChoices ul li			{float: left; margin: 10px 12px 10px 12px; font-size: 80%;}
#servFormChoices ul li a		{width: 261px; padding: 55px 10px 15px 10px;}

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

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

.serForm .formInner			{width: 700px; text-align: left; margin: 0 auto;}
.serForm .formInner .formL		{float: left; margin: 0 30px 0 0; padding: 30px 0 0 0; width: 335px;}
.serForm .formInner .formR		{float: left; margin: 0; width: 335px; padding: 30px 0 0 0;}
.serForm .formInner .formB		{width: 700px; padding: 22px 0 0 0;}

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

#servFormMsg				{width: 961px; margin: 0 auto 45px auto;}
#servFormMsg p				{font-size: 85%;}

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





/* CASE STUDIES PAGES */

#caseStudy			{background: top left repeat-x url(https://www.sourcedesign.co.uk/images/bg-portfolio-line.png);}
#csIntro			{padding: 30px 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: 25px;}
#csHeader ul			{margin: 30px 0;}
#csHeader li			{margin: 0 0 8px 8px;}
#csHeader li span		{padding: 5px 0 0 0;}
#csHeader li a			{padding: 5px 9px;}

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

#csServList			{margin: 2px 0 26px 0;}
#csScreens			{margin: 30px 0 0 0; padding: 0;}
#csScreens img			{width: 627px;}




/* CONTACT PAGE */

.contactL			{padding: 35px 30px 20px 30px; margin: 0 0 25px 0;}
.contactL table			{margin: 0 0 25px 0;}

.contSmall			{margin: 0 30px 65px 30px;}

.contactR			{margin: 35px 0 65px 0;}
.contactR #map			{height: 300px; margin: 0 0 35px 0;}
.contactR .col1			{width: 297px; margin: 0 35px 0 0;}
.contactR .col2			{width: 297px; margin: 0;}
.contactR p			{margin: 0 0 15px 0;}




/* LANDING PAGES */

#landHome			{margin: 0;}
#landHomeDIV			{margin: 30px auto 40px auto; width: 961px;}
#landHomeDIV h1			{margin: 0 0 25px 0;}
#landHomeDIV h2			{line-height: 1.2em; margin: 0 0 15px 0;}
#landHomeDIV p			{margin: 0 0 20px 0;}
#landHomeDIV ul			{margin: 0 0 25px 0; padding: 0;}
#landHomeDIV li			{margin: 0 0 7px 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: 11px; -webkit-border-radius: 11px;}

#landHomeDIV #text		{display: inline; width: 140px; border-left: 1px dashed #c8c7c7; margin: 2px 0 0 20px;}
#landHomeDIV #text p		{margin: 0 0 0 20px;}

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

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

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

#landWindow			{padding: 0; margin: 0; width: 961px;}
#landWindow #intro		{width: 430px; padding: 30px;}
#landWindow #form		{width: 407px; padding: 30px 0 0 30px; }
#landWindow img			{margin: 0 0 20px 20px;}
#landWindow h4			{line-height: 130%; margin: 0 0 8px 0;}
#landWindow p			{margin: 0 0 20px 0;}
#landWindow li			{margin: 0 0 12px 0;}

#landWindow .formField		{width: 300px;}
#landWindow .formArea		{width: 300px; height: 110px;}
#landWindow .formBtn		{margin: 6px 0 20px 0; padding: 6px 13px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}


/* Email form landing pages */

#eFormHomeL			{padding: 30px 30px 30px 30px; margin: 0 0 60px 0;}
#eFormHomeL img			{margin: 0 0 20px 0;}

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

#eFormHomeR .serForm .serField		{width: 248px;}
#eFormHomeR .serForm .serHalf		{width: 100px;}
#eFormHomeR .serForm .serArea		{width: 248px;}
#eFormHomeR .serForm .serDrop		{}