/*----------------------------CSS RESET----------------------------*/



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

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html, body {height: 100%;}

:focus, :active { outline: 0;} 



 /*----------------------------general----------------------------*/



::selection 		{background: #a41f35; color:#fff;/* WebKit/Blink Browsers */}

::-moz-selection 	{background: #a41f35; color:#fff; /* Gecko Browsers */}
  
body 				{font-family: 'Arvo', serif; font-size:17px;background:url('../images/general/patterns/general.png') #ededed center; background-size:193px 160px;text-align:center;line-height:155%;}

body.diy			{background:url('../images/general/patterns/diy.png') #ededed center;background-size:193px 160px;}
body.corporate		{background:url('../images/general/patterns/corp.png') #ededed center;background-size:193px 160px;}
body.cleaning		{background:url('../images/general/patterns/cleaning.png') #ededed center;background-size:193px 160px;}
body.lifestyle		{background:url('../images/general/patterns/lifestyle.png') #ededed center;background-size:193px 160px;}

h1, h2 , h3, h4 	{font-family: 'BrandonGrotesqueWeb-Black',sans-serif;text-transform:uppercase; letter-spacing:2px;font-weight:900; }

h1					{font-size:26px;letter-spacing:3px;}
h2					{font-size:22px;}
h3					{font-size:18px;}
h4					{font-size:14px;}

h3.highlight		{color:#a41f35;}

a 					{-moz-transition:all 0.2s ease;
					-ms-transition:all 0.2s ease;
					-o-transition:all 0.2s ease;
					transition:all 0.2s ease;}	
						
p					{margin-bottom:20px;}

a:link, a:active, a:visited 	{text-decoration:none; color:#000; }

a:hover 			{color:#888; }

.colour-highlight	{color:#a41f35;}

.strong, b			{font-weight:700;}


.clearfix:after 	{content: ""; display:table; clear:both;}

.upper  			{font-family: 'BrandonGrotesqueWeb-Black',sans-serif;
					text-transform:uppercase; 
					letter-spacing:2px;font-weight:900;}
					



/*----------------------------header----------------------------*/


#header				{font-size:13px;
					position:relative;width:100%; 
					margin-top:0px;text-align:center;
					font-size:16px;}	


img.logo			{position: absolute;
    				top: -20px; left: 0; right:0;
    				margin: auto; width:130px;
    				-moz-transition:all 0.2s ease;
					-ms-transition:all 0.2s ease;
					-o-transition:all 0.2s ease;
					transition:all 0.2s ease;}

.logo:hover			{transform: scale(1.02);}

.contact 			{text-align:right; position:relative;float:right; margin-top:48px;}

.contact p			{float:left;margin-left:20px;font-family:'lato', sans-serif; font-weight:400;letter-spacing:1px;text-transform:none;}



/*----------------------------footer----------------------------*/



#footer 			{text-align:center;
					position:relative;
					font-size:14px; line-height:140%;font-family:'lato', sans-serif;
					color:#b2b2b2;
					padding:20px 0 10px 0;margin:30px 0 0px 0;
					border-top: 3px solid #000;border-bottom: 3px solid #000;}
					
#footer a			{color:#b2b2b2;}
#footer a:hover		{color:#000}

.footer-first		{text-align:left;float:left;}

img.registered		{position: absolute;width:160px;left:50%; margin-left:-85px;
					top: 20px; }

.footer-second		{float:right; text-align:right;}

.footer-second img	{height:20px;margin-left:10px;}

.follow				{color:#000; }



/*----------------------------main----------------------------*/



#wrapper			{width:80%; padding:3%;max-width:1020px; background:#fff;margin:auto;margin-bottom:70px;}

#main-content		{width:100%; padding:70px 0 0px 0;;}

.button 			{clear:both;}

.button a 			{font-size:13px;text-decoration:none;font-weight:400;padding:12px 15px 8px 15px;}

.button a:hover		{text-decoration:none;background:#fff; color:#000;}

.button1 a			{background:#000; color:#fff;}
.button2 a			{background:#a41f35; color:#fff;}
.button3 a			{background:#a41f35; color:#fff;}

.button3 a:hover		{text-decoration:none;background:#b2b2b2; color:#fff;}


.home-banner				{color:#fff;width:70%; padding:40px 15% 50px 15%;background:url('../images/general/stripe.png') #a41f35; background-size:10px;margin-bottom:30px;}

.home-banner h1			{margin-bottom:30px;padding-top:60px;background:url('../images/general/icons/bowtie.png') no-repeat top center; background-size: 58px 35px ;}

.home-banner p			{margin-bottom:30px;}

.block-wrapper		{width:100%;background:url('../images/home/block-bg.png') repeat-y;background-size:100%;}
.block-wrapper-three {color:#fff;margin:auto;width:90%;background:url('../images/cleaning/block-bg-three.png') repeat-y;background-size:100%;margin-bottom:20px;}

.vert-block-three	{position:relative;width:27%; margin-right:1%;margin-left:1%;float:left;padding:35px 2% 35px 2%;color:#fff;}


.vert-block			{position:relative;width:19%; margin-right:3%;float:left;padding:120px 2% 35px 2%;color:#fff;}
.vert-block	h3, .vert-block-three h3		{margin-bottom:20px;}
.vert-block	p, .info .vert-block-three p	{color:#fff;margin-bottom:8px;line-height:135%;}

.vert-block .button, .vert-block-three .button	{margin-top:30px;}

.vert-block1		{background:url('../images/home/CA-logo.png') no-repeat top 25px center; background-size:76px;}
.vert-block2		{background:url('../images/home/CA-logo.png') no-repeat top 25px center; background-size:76px;width:18%;}
.vert-block3		{background:url('../images/home/CA-logo.png') no-repeat top 25px center; background-size:76px;}
.vert-block4		{background:url('../images/home/CA-logo.png') no-repeat top 25px center; background-size:76px;margin-right:0;}


.vert-block-three1, .vert-block-three3		{background:#000;}
.vert-block-three2							{width:28%;background:#b2b2b2;}


.banner				{position:relative;width:70%; padding:0px 15% 35px 15%;
					border-bottom:3px solid #000;}
					
.banner-blank		{border-bottom:0px;padding-bottom:10px;}
					
					
.banner h1			{margin-bottom:30px;padding-top:60px;background:url('../images/general/icons/bowtie-red.png') no-repeat top center; background-size: 58px 35px ;}

.banner p			{margin-bottom:30px;color:#888;}

.info				{position:relative;width:80%; margin:auto;
					padding-top:85px;margin-top:-20px;
					background-image:url('../images/general/icons/general-strip.png');
					background-repeat: no-repeat ;
					background-position:top center;
					background-size:345px 33px; }
					
.info-blank				{background-image:none;padding-top:0px;margin-top:0px;}
					
.lifestyle			{background-image:url('../images/general/icons/lifestyle-strip.png');}
.cleaning			{background-image:url('../images/general/icons/cleaning-strip.png');}
.diy				{background-image:url('../images/general/icons/diy-strip.png');}
.corporate			{background-image:url('../images/general/icons/corp-strip.png');}

.col1				{position:relative;width:48%;float:left;margin-bottom:20px;}
.col2				{position:relative;width:48%;float:right;margin-bottom:20px;}

.col1 h3, .col2 h3	{margin-bottom:5px;margin-top:30px;}
.col1 p, .col2 p	{}
.info p				{color:#888;clear:both;}

.info p.divider-top {border-top:1px solid #b2b2b2;margin-top:40px; padding-top:40px;}

.info p.large-body	{color:#000;font-size:22px;line-height:150%;margin-bottom:30px;}
.info p.large-body a, .info p	a {text-decoration:underline;}

.info p.large-body2 {color:#000;font-size:18px;line-height:150%;margin-top:15px;}
.info p.large-body2-last{color:#000;font-size:18px;line-height:150%;margin-top:15px;padding-bottom:30px;}


.cta				{position:relative;margin:auto;top:20px;margin-bottom:40px;clear:both;color:#fff;width:50%; padding:30px 8% 5px 8%;background:url('../images/general/stripe.png') #a41f35; background-size:10px;}
.cta p				{color:#fff;}

.cta:hover			{background:#888;}

h3.subhead			{text-align:center; clear:both;margin-bottom:30px;margin-top:30px;}



.tricol1			{width:30%;float:left;margin-bottom:20px;}
.tricol2			{width:30%;margin-left:5%;float:left;margin-bottom:20px;}
.tricol3			{width:30%;float:right;margin-bottom:20px;}

p.bottom-links		{color:#000;margin-bottom:20px;}
p.bottom-links a{float:left;width:43%;color:#fff;display:block; font-size:14px;text-decoration:none;padding:12px 2% 7px 2%;background:#000;margin: -10px 1% 20px 1%;}
p.bottom-links a:hover {background:#888;}

/*----------------------------contact----------------------------*/

.map 			{width:100%;padding-top:20px;margin-bottom:20px;}
.map iframe		{width:100%;}


/*----------------------------testimonials----------------------------*/

p.testimonial{text-align:center;padding:5%;margin-bottom:4%;color:#fff; font-size:16px;}
p.testimonial-red{background:#a41f35;}
p.testimonial-grey{background:#b2b2b2;}
p.testimonial-black{background:#000;}

.col1-testimonial{width:49%; float:left;margin-top:20px;}
.col2-testimonial{width:49%; float:right;margin-top:20px;}

p.testimonial .upper{display:block;margin-top:10px;}


/*----------------------------blog----------------------------*/

#postwrapper{border-top:1px solid #b2b2b2;padding-top:10px;margin-top:10px;}



.post{width:70%; padding:30px 15% 20px 15%; margin:auto;border-bottom:1px solid #b2b2b2;}

.post-bottom{border-bottom:0px;}

.story {border-bottom:0px;padding-bottom:0px;}

.post .button {margin-bottom:20px;margin-top:30px;}

p.pagination{margin-top:30px;}

.post p		{color:#888;}

.post p a	{text-decoration:underline;}

.post h2{color:#a41f35;font-size:16px;margin-bottom:20px;}
.post h2 a{color:#a41f35;}

.story h2{font-size:19px;}

.pagination {font-size:14px;}

.post img {width:100%; height:auto !important;margin-bottom:30px;margin-top:10px;}

/*----------------------------top-nav----------------------------*/



#nav-main ul 		{font-size:13px;text-transform:uppercase; letter-spacing:2px;
					list-style-type: none;
					margin-top:48px;
					float:left;}

#nav-main li 		{display: inline-block; 
					margin-left:8px;}


#nav-main a 		{display: block;
					color:#a41f35;}

#nav-main a:hover 	{color:#b2b2b2;}
	
#nav-main li.on a  {color:#000;}



/*----------------------------nav mobile----------------------------*/


#nav-mobile 		{z-index:900;
					position: relative;
 					display: none; 
 					margin-top:20px;font-size:13px;}

#nav-mobile ul 		{top:100px;display: none;
    				list-style-type: none;
    				position: absolute;
    				left: 0;
    				right: 0;
    				margin: 0 auto 0 auto;
    				text-align: center;
    				background-color: #000; 
    				float:right;}

 #nav-mobile li 	{display: block;
   					 margin: 0;
    				border-bottom: solid 1px #888; }

 #nav#nav-mobile li:last-child {border-bottom: none; }

 #nav-mobile a 		{display: block;
    				color: white;
    				padding: 15px 0 10px 0;}
    
#nav-mobile a:hover {background-color: #888;
      				color: #fff;}



/*----------------------------nav trigger----------------------------*/



#nav-trigger 		{display: none; position:absolute;
					text-align: left;
					width:100px;
					margin-top:50px;
					font-size:14px;}
 
#nav-trigger span 	{color: #fff;
    				background:#a41f35;
    				cursor: pointer;
    				padding:13px 16px 9px 16px;}

#nav-trigger span:after {display: inline-block;	content: "";}
      
#nav-trigger span:hover { }

#nav-trigger span.open:after { }


/*----------------------------services-nav----------------------------*/

#services-nav-main		{position:relative;clear:both;top:40px;}

#services-nav-main ul 	{top:400px;text-align:center;
						font-size:12px; line-height:40px;
						font-family:'lato', sans-serif;font-weight:400;
						color:#000;
						height:40px;margin:0px 0 0px 0;
						border-top: 3px solid #000;border-bottom: 3px solid #000;}

#services-nav-main li 	{display: inline-block; 
						margin-left:5px;}


#services-nav-main a 	{display: block;color:#000;}

#services-nav-main a:hover 	{color:#b2b2b2;}
	
#services-nav-main li.on a  {color:#a41f35;font-weight:700;}

/*----------------------------services nav mobile----------------------------*/


#services-nav-mobile 	{z-index:899;
						position: relative;
						clear:both;
 						display: none; font-size:13px;}

#services-nav-mobile ul 
						{display: none;
    					list-style-type: none;
    					position: absolute;
    					left: 0;
    					top:98px;
    					right: 0;
    					margin: 0 auto 0 auto;
    					text-align: center;
    					background-color: #fff; 
    					color:#a41f35;
    					float:right;}
    				
    				

 #services-nav-mobile li {display: block;
   						 margin: 0;
    					 border-bottom: solid 3px #000; 
    					 height:40px; 
    					 line-height:40px;padding-top:5px;}

 #nav#services-nav-mobile li:last-child {border-bottom: none; }

 #services-nav-mobile a {display: block; color:#a41f35;}
    
#services-nav-mobile a:hover {color: #000;}



/*----------------------------services nav trigger----------------------------*/



#services-nav-trigger 	{display: none; position:relative;
						text-align: center;
						width:100%;
						margin-top:50px;
						padding-top:2px;
						font-size:14px;
						width:100%;
						height:40px;
						line-height:40px;
						border-top: 3px solid #000;border-bottom: 3px solid #000;}
 
#services-nav-trigger span 	{color: #000;cursor: pointer;}

 #services-nav-trigger span:after {display: inline-block;	content: "";}
      
#services-nav-trigger span:hover { }

#services-nav-trigger span.open:after { }