/* Reset */
* { margin:0; padding:0; }
html {overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
img{border:none;}
a, a:active{outline:0;}
/*a img{text-decoration:none; outline:none; border:0px none transparent;}*/

/* BEGIN Fonts */
@font-face {
    font-family: 'nevis';
    src: url('fonts/nevis/nevis-webfont.eot');
    src: url('fonts/nevis/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nevis/nevis-webfont.woff') format('woff'),
         url('fonts/nevis/nevis-webfont.ttf') format('truetype'),
         url('fonts/nevis/nevis-webfont.svg#nevis') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* END Fonts */

/* BEGIN General styles */
body{text-align:center; background-color:#fff; background-image:url( 'images/bg-body.jpg' ); background-position:center center; font-family:"Lato", sans-serif; font-size:13px; color:#7b8286; } /* expanding background ->  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; */

a{text-decoration:none;}
	p a:link, p a:visited{xbackground-color:rgba(26,195,210,.07)}
	a:link, a:visited{color:#1ac3d2; }
	p a:hover{color:#fff; xbackground-color:rgba(26,195,210,.99); }
	a:hover{ text-decoration:none;}
h1{color:#474747; font-size:50px; margin:5px 0 2px 0;font-family: "Ubuntu", sans-serif; text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.4);}
h2{color:black; font-family:"Abel", sans-serif; font-size:40px; font-weight:400; margin-top:50px; margin-bottom:0px; padding-bottom:0; text-shadow:0 0 1px rgba(51,51,51,0.2);}

h5{color:#43a8a2; font-family:"Nevis", sans-serif; font-size:13px; }

p{color:#575757; line-height:1.7; font-family:'Abel', sans-serif; font-size:17px; margin-top:20px;}
	p.first{margin-top:0;}
ul{list-style:none; color:#8d8b8b; line-height:1.8; margin-top:14px; }
	li{padding-left:10px; xbackground:url('images/iconBullet.gif') no-repeat 3px 7px;}

address{font-style:inherit;}
 /*
input[type="text"], select{font-size:18px; padding:9px 0; border:1px solid #ced1da; width:100%; color:#aaafbd; background-color:#f4f3f3; margin:4px 10px 10px 0;}
select{font-size:18px; padding:8px 2px; border:1px solid #ced1da; width:100%; color:#aaafbd; background-color:#f4f3f3; margin:4px 10px 10px 0;}
.textareaContainer{border:1px solid #ced1da; margin:4px 0 10px 0;}
	textarea{font-size:18px; border:none; width:100%; color:#aaafbd; background-color:#f4f3f3;border:1px solid #ced1da;  font-family:arial;}
*/


/* BEGIN General form styles */
input{font-size:21px; font-family:"Abel", sans-serif; border:1px solid #ccc; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; color:#939393; background-color:#e6e6e6;}
textarea{font-size:21px; font-family:"Abel", sans-serif; border:1px solid #ccc; box-sizing:border-box; color:#939393; background-color:#e6e6e6; padding:10px;}
/* END General form styles */

	
/* classes */
.canvasWidth{max-width:972px;}

.widthAuto{width:auto;}
.width15Percent{width:14.9%;}
.width18Percent{width:17.9%;}
.width20Percent{width:19.9%;}
.width25Percent{width:24.9%;}
.width33Percent{width:33.33333%;}
.width39Percent{width:39%;}
.width40Percent{width:39.9%;}
.width42Percent{width:41.9%;}
.width45Percent{width:44.9%;}
.width49Percent{width:49%;}
.width50Percent{width:49.9%;}
.width55Percent{width:54.9%;}
.width58Percent{width:58%;}
.width60Percent{width:59.9%;}
.width66Percent{width:66.66666%;}
.width70Percent{width:69.99999%;}
.width72Percent{width:72%;}
.width75Percent{width:74.9%;}
.width80Percent{width:80%;}
.width85Percent{width:84.9%;}
.width90Percent{width:90%;}
.width93Percent{width:93%;}
.width95Percent{width:95%;}
.width98Percent{width:98%;}
.width100Percent{width:100%;}

.textAlignCenter{text-align:center;}
.textAlignLeft{text-align:left;}
.textAlignRight{text-align:right;}

.overflowHidden{overflow:hidden;}
.positionRelative{position:relative;}

.floatLeft{float:left;}
.floatRight{float:right;}

.inner{width:94%; margin:auto;}

.marginAuto{margin:auto;}
.marginNone, .noMargin{margin:0; }

.vpadding3Percent{padding-top:3%; padding-bottom:3%;}
.vpadding10Percent{padding-top:10%; padding-bottom:10%;}


.displayNone{display:none;}
.displayBlock{display:block;}
.displayInlineBlock{display:inline-block;}
.clear{clear:both; line-height:0px; height:0px; font-size:0px;}

.marginTop10{margin-top:10px;}
.marginTop20{margin-top:20px;}
.marginTop30{margin-top:30px;}
.marginTop50{margin-top:50px;}
.marginBottom50{margin-bottom:50px;}

.clearfix:before,
.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}

/* END General styles */




/* BEGIN General content styles */
.subHeader h1{color:#6b6b6b}
h1 span{color:#e94c04;}

.highlightRed{color:#e91e3b; font-size:18px; font-weight:bold;}
.lightGrey{color:#a8a7a7;}
.largeThinBlueText{font-family: 'Raleway', sans-serif; font-size:33px; color:#43a8a2; font-weight:200; line-height:.8;}
.indented{padding-left:20px;}

.bgWhite_transparent{background-color:rgba(255,255,255,.90)}

.titleSection{border-bottom:1px solid #bf0c3d; padding-bottom:5px; padding-top:14px;}
	.subHeading{color:#8f092d; font-size:11px;}


.contentSection{margin-top:18px; padding-bottom:10px;}
	.capsText{color:#baa2a2; font-size:18px; font-weight:bold; line-height:1.4; text-shadow: 0px 0px 3px #ccc;}
		.capsText b{color:#907b7b;}
		
	.contentImage{border:2px solid #b8c637; display:block;}
	.contentImageTitle{margin:4px;}

.blockquote p{font-size:24px; font-family:"Oswald"; font-weight:700; color:#5b6768; padding-left:55px; padding-right:20px; position:relative; line-height:1.4;}
	.blockquote p:before{content:"\201C"; position:absolute; top:-43px; left:-6px; font-size:110px; color:#cac3b5; font-family:arial, sans-serif; font-weight:normal;}
	.blockquote .name{padding-left:55px; font-family:"Oswald"; font-weight:400; color:#9c9c9c; font-size:14px}


.blockBorder{border:3px solid #d2d6d6;}
.blockBG{background-color:rgba(255,255,255,.34);}

.imgBorderWhite{border:4px solid white; display:block;}
.imgBorderGrey{border:4px solid #efefee; display:block;}

.vCenter{
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}


.pageHeaderNotes{margin-top:15px; background-color:rgba(255,255,255,.6); border:5px solid #efefee; -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow:0px 0px 2px 1px rgba(0, 0, 0, .2); padding-bottom:15px; }
	.pageHeaderNotes h3{font-size:12px; font-family:'Nevis', sans-serif; color:#75bab5;}
	.pageHeaderNotes ul{list-style:disc; margin-top:6px; margin-left:18px; line-height:1.6; }
		.pageHeaderNotes li{padding-left:0;}
	
	.team .pageHeaderNotes{font-size:13px; margin-top:20px;}

.readMore i{font-size:90%; text-decoration:underline;}

.btnContact{width:180px; height:180px; background-color:rgba(0,0,0,.8); font-size:20px; color:white; font-family:"Lato", sans-serif; font-weight:300; cursor:pointer;
	-moz-border-radius:90px; 
	-webkit-border-radius:90px; 
	border-radius:90px;
	-moz-box-shadow:0 0 0px 8px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 0px rgba(0,0,0,.1);
	box-shadow:0 0 0px 8px rgba(0,0,0,.1);
}
	.btnContact .displayInlineBlock{margin-top:50px;}
	.btnContact span{font-size:32px; font-family:"Nevis", sans-serif;}
	.btnContact a:link, .btnContact a:visited{color:white;}
	.btnContact:hover{background-color:rgba(25,207,206,.8);}
		
.btnAction{background-color:#3ebe8f; font-family:"Abel", sans-serif; font-size:18px; color:white; text-decoration:none; padding:12px 30px; display:inline-block; position:relative; overflow:hidden;}
	.btnAction:link, .btnAction:visited{color:white;}
	.btnAction:hover{background-color:#3cd2d2;}
	
	.btnAction:after{content:' '; border:7px solid transparent; border-left:10px solid white; position:absolute; left:-10px; top:17px;
		-webkit-transition:left 80ms ease-in-out 100ms; 
		-moz-transition:left 80ms ease-in-out 0s; 
		-o-transition:left 80ms ease-in-out 0s; 
		transition:left 80ms ease-in-out 100ms;
	}
		.btnAction:hover:after{left:14px;
		-webkit-transition:left 80ms ease-in-out 100ms; 
		-moz-transition:left 80ms ease-in-out 0s; 
		-o-transition:left 80ms ease-in-out 0s; 
		transition:left 80ms ease-in-out 100ms;
	}
	
.bgLightGrey{background-image:url('images/bg-content-light-grey.jpg')}
.bgDots{background-image:url('images/bgDots.png')}

.callToAction{}
	.callToAction a{font-family:"Lato", sans-serif; font-size:26px; color:#777; font-weight:400; position:relative; padding:5px 20px 5px 53px; display:inline-block;}
		.callToAction a:link, .callToAction a:visited{background-color:none !important;}
		.callToAction a:hover{color:#777; background-color:#e6f7f6; -webkit-transition:600ms linear 0s; -moz-transition:600ms linear 0s; -o-transition:600ms linear 0s; transition:600ms linear 0s;}
		.callToAction a:before{content:">"; position:absolute; top:7px; left:4px; border:3px solid #777; width:35px; height:35px; color:#777; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius: 30px; text-align:center; line-height:32px; font-size:43px;}
			.callToAction a:hover:before{xbackground-color:#63dff2;}
		
/* END General content styles */



/* BEGIN Special Effects styles */
.bgDarker{background-color:rgba(0,0,0,.04);}

.reverseImage{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}

.boxShadow{-moz-box-shadow:0px 0px 17px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 17px rgba(0,0,0,.3); box-shadow:0px 0px 17px rgba(0,0,0,.3);}
.boxShadow2{-moz-box-shadow:0px 0px 5px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.3); box-shadow:0px 0px 5px rgba(0,0,0,.3);}

.dropShadow{position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}

	.dropShadow:before, .drop-shadow:after{content:""; position:absolute; z-index:-2;}

	/* Lifted corners */
	.lifted{-moz-border-radius:4px; border-radius:4px;}

	.lifted:before,	.lifted:after{bottom:15px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg);}

	.lifted:after{right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);}

	
	
.roundedCorners, .roundedCorners4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box;}
.roundedCorners10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box;}
.roundedCorners20{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box;}


.linkHoverTransition a{
	background:rgba(0,0,0, .0);
	-webkit-transition:	background .4s linear;
	-moz-transition:	background .8s ease;
	-o-transition: 		background .8s ease;
	-ms-transition: 	background .8s ease;
	transition: 		background .8s ease;
}
.linkHoverTransition a:hover{background:rgba(0,0,0, .05);}

.transition{-webkit-transition:900ms linear 0s; -moz-transition:900ms linear 0s; -o-transition:900ms linear 0s; transition:900ms linear 0s;}
.transition_fast{-webkit-transition:300ms ease-in-out 0s; -moz-transition:300ms ease-in-out 0s; -o-transition:300ms ease-in-out 0s; transition:300ms ease-in-out 0s;}
.transition_faster{-webkit-transition:100ms ease-in-out 0s; -moz-transition:100ms ease-in-out 0s; -o-transition:100ms ease-in-out 0s; transition:100ms ease-in-out 0s;}
.transition_slow{-webkit-transition:2500ms ease 0s; -moz-transition:2500ms ease 0s; -o-transition:2500ms ease 0s; transition:2500ms ease 0s;}
/* END Special Effects styles */

	



/* BEGIN Theme styles*/
	.adminTab{position:fixed; width:100%; background-color:rgba(0,0,0,.7); color:white; font-size:11px; height:25px; line-height:25px; padding:0 10px; z-index:30; color:#ccc}
		.adminTab_title{margin:0 15px;}
		.adminTab a{display:inline-block; padding:0 10px;}
			.adminTab a:link, .adminTab a:visited{color:white;}
			.adminTab a:hover{background-color:#555;}
			
	.adminTab_placeHolder{height:25px; background-color:#000;}
	
	.tooltipster-content{font-size:11px !important; cursor:pointer;}
		.tooltipster-content a{color:white; text-decoration:none; font-size:11px;}
	
	/* BEGIN Header template*/
	#headerArea{height:60px; xbackground-color:rgba(255,89,0,.92); background-color:rgba(238,67,0,.92); position:fixed; width:100%; z-index:11 /*slideshow on portfolio page uses z-index:10*/; -webkit-transform: translateZ(0);}
		#logo{margin-top:8px; padding:10px 19px 7px; position:relative; left:-14px;}
		.homepage #logo{background-color:white;}
			.logoNormal{position:absolute; top:9px; left:19px;}
			
		/* Navigation block */
		.menuToggleSection{display:none;}
			.menuToggle{color:white; position:relative; display:inline-block; margin:auto; padding:5px 4px 0px 8px; background-color:rgba(0,0,0,.05); font-size:15px; font-family:"Nevis", sans-serif; cursor:pointer; margin-top:20px;}
				.menuIcon{text-align:center; display:inline-block; position:relative; vertical-align:middle; margin-left:5px;}
					.menuIcon:before{content:""; height:5px; position:relative; width:30px; border-top:17px double #eee; border-bottom:6px solid #eee; display:inline-block;}
			
		#navbar{}
			#navbar_block{height:60px;}
				#navbar_canvas{height:60px;}
					
					#navbar a{line-height:62px; display:inline-block; padding-left:19px; padding-right:19px; letter-spacing:1.2px; position:relative;}
					#navbar a:link, #navbar a:visited{color:#8a2c00; background:rgba(0,0,0, .0); font-size:16px; text-decoration:none; text-transform:uppercase;  font-family: "nevis", sans-serif; }
					#navbar a.notActive:hover{background:rgba(0,0,0, .2); color:#ef570f; line-height:105px;}
					
					#navbar a.active{background:rgba(0,0,0,.14); line-height:105px; color:#ef570f; }
					#navbar a.active:before{content:' '; border:5px solid transparent; border-top-color:#ec5402; position:absolute; top:0px; left:46%;}
			
					.hoverNav ul{margin:0;  line-height:1.4; font-size:0; /* Removes space between inline-block elements */}
						.hoverNav li{padding:0; display:inline-block; position:relative; z-index:30; vertical-align:top;}
							.hoverNav li:hover .hoverBg{display:block;}
							.hoverPositioner{position:absolute; top:34px; left:0; width:275px; }
								.hoverBg{background-color:rgba(255,255,255,.91); padding:20px 0; border:4px solid #ddd; margin-top:10px; display:none;}
									
									/* toolbox arrow */
									.hoverBg:before{position:absolute; top:0px; left:30px; display:inline-block; border-right:10px solid transparent; border-bottom:10px solid rgba(255,255,255,.89); border-left:10px solid transparent; border-bottom-color:#ddd; content:'';}
									.hoverBg:after{position:absolute; top:5px; left:32px; display:inline-block; border-right:8px solid transparent; border-bottom:10px solid rgba(255,255,255,.89); border-left:8px solid transparent; content:'';}
									
						
						.hoverNav .rootCategory{display:block;}
								.hoverNav .rootCategory:link, .hoverNav .rootCategory:visited{color:#43A8A2 !important; font-weight:bold;}
							.hoverBg a{display:block !important; padding:0 !important; margin:0 !important; line-height:1.8 !important; font-family:'arial', 'sans-serif' !important;}
							
								.hoverBg a{font-size:10px !important;}
								.rootCategory:link, .rootCategory:visited{font-size:13px !important;}
								.hoverBg a:hover{background:none !important; text-decoration:underline !important;}
							
							.hoverNav .leftColumn{border-right:1px solid #bbb;}
			
	#contentSection{}
		#contentCanvas{min-height:500px; height:auto !important; height:500px; padding-top:60px; padding-bottom:38px; background-color:white;}
			.homepage #contentCanvas{background-image:none;}
				
			#contentPadding{margin:auto;}
			.homepage #contentPadding{width:100%;}
			
			.contentHeaderText .cmsBlock p:first-child{padding:0 15px;}
	/* END Header template*/


		
	/* BEGIN Footer template */
	.footer{padding-bottom:100px; font-family:"Abel", sans-serif;}
		.footer .canvasWidth{}
			.footer h2{font-family:'Quicksand', sans-serif; font-size:24px; color:white; margin-bottom:10px;}
			.footer .socialMedia{margin-top:-23px;}
			.footer .links{margin-top:0px;}
			.footer .links a{display:block; font-family:"Abel", sans-serif; font-size:14px; line-height:1.5;}
				.footer .links a:link, .footer .links a:visited{color:white;}
				.footer .links a:hover{color:#3cd2d2}
			
			.footer .copyright{font-size:12px; color:#777; margin-top:30px;}
			
			.contactUs{margin-top:0px;}
				.footer input{font-size:16px; border:none; background-color:black; color:#747474; font-family:"Abel", sans-serif;}
				.footer textarea{font-size:16px; border:none; background-color:black; color:#747474; font-family:"Abel", sans-serif; margin-top:6px; width:100%; height:100px; padding:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
				
				.footer .send{height:100%; color:white; font-size:21px; font-family:"Abel", sans-serif; position:relative; margin-left:6px; cursor:pointer;}
					.footer .send:before{content:' '; border:78px solid transparent; border-left:90px solid #ed5129; position:absolute; top:0; left:0; z-index:1;}
						.footer .send:hover:before{border-left-color:#3ebe8f;
							-webkit-transition:900ms linear 0s; 
							-moz-transition:900ms linear 0s; 
							-o-transition:900ms linear 0s; 
							transition:900ms linear 0s;
						}
					
					.footer .send_text{position:absolute; height:100%; padding:63px 10px; top:0; left:0; z-index:2; width:100%;}
	/* END Footer template */

	
/* END Theme styles*/


/* BEGIN CMS Blocks */
.cmsBlock{}
	.xcmsBlock p{font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit;}
	.cmsBlock p:first-child{}
/* END CMS Blocks */


/* BEGIN template styles */



.pageDescription p{line-height:1.4; font-size:14px;}
.subHeaderNav{margin-top:20px;}
	
	a.paging{position:fixed; top:150px; padding:30px 2px; font-size:80px; font-family:"Quicksand", sans-serif; display:none; z-index:11;}
		#contentPadding:hover a.paging{display:block}
		a.paging:link, a.paging:visited{background-color:rgba(0,0,0,.1); color:rgba(255,255,255,.4);}
		a.paging:hover{background-color:#1cb5c3; color:white;}
	a.prev:link, .subHeaderNav a.prev:visited{left:0;}
	a.next:link, .subHeaderNav a.next:visited{right:0;}

	
	.subHeaderNav a, .subHeaderNav span{background-color:#aaa; margin:0; padding:10px 20px; font-family:"Lato", sans-serif; display:inline-block;}
		.subHeaderNav a:link, .subHeaderNav a:visited, .subHeaderNav span{background-color:#333; color:white; cursor:pointer;}
		.subHeaderNav a:hover, .subHeaderNav span:hover{background-color:#32dae9 !important; color:white !important;}
			
		.subHeaderNav span.active, .subHeaderNav span.active:hover{background-color:#fff !important; color:#000 !important;}

		.subHeaderNav a.active:link, .subHeaderNav a.active:visited, .subHeaderNav a.active:hover{background-color:#fff !important; color:#000 !important;}
		.subHeaderNav a.viewAll:link, .subHeaderNav a.viewAll:visited{background-color:#3ebe8d; }
		
		.subHeaderNav a.overview:link, .subHeaderNav a.overview:visited{background-image:url('images/bg-content-light-grey.jpg'); color:black; }
		.subHeaderNav a.development:link, .subHeaderNav a.development:visited{background-color:#4ead8b; }
		.subHeaderNav a.design:link, .subHeaderNav a.design:visited{background-color:#de8051; }
		.subHeaderNav a.hosting:link, .subHeaderNav a.hosting:visited{background-color:#64d3dc; }
		.subHeaderNav a.consulting:link, .subHeaderNav a.consulting:visited{background-color:#000; }
		.subHeaderNav a.seo:link, .subHeaderNav a.seo:visited{background-color:#000; }
		
		
/* homepage */
.hero{font-family: 'Ubuntu', sans-serif; color:white; font-size:65px; background-color:#ec5402; padding:50px 0 140px 0; position:relative;}
	.hero .btnContact{position:absolute; bottom:-68px; left:50%; margin-left:-90px;}

.primarySection{border-top:1px solid white; padding-top:100px;}
	.magentoCertified{background-color:rgba(0,0,0,.05); padding:14px 0; text-align:left;margin-top:10px; margin-bottom:38px; cursor:pointer;}
		.magentoCertified_text{margin-top:5px;}
		.magentoCertified_text p{font-size:16px; color:#4b4b4b; font-family:"nevis", sans-serif;  line-height:1.3; margin-top:0; padding-right:10px;}
		
	.whatWeDo{margin-top:43px; margin-bottom:-40px;}
		.homepage h1{font-family:"Abel", sans-serif; font-size:77px; color:#3a3938;}
			.homepage h1 span{color:#ed5129;}
		
		.whatWeDo .btnAction{margin-top:58px;}
	
	.featuredClients{background-color:rgba(180,180,180,.1); padding-top:100px; padding-bottom:50px;}
		.featuredClients h2{font-family:"Abel", sans-serif; font-size:50px; color:#3a3938; margin-top:30px; margin-bottom:20px;}
			.featuredClients h2 span{color:#ed5129;}
		.featuredClients .logo{background-color:#2b2b2a; height:150px;}
			.featuredClients .logo img{}
		.featuredClients .table{display:table;}
		.featuredClients .cell{display:table-cell; vertical-align:middle; padding:0;}


	.latestWork{background-color:white; padding-top:70px; padding-bottom:70px; font-family:"Abel", sans-serif;}
		.latestWork .canvasWidth{padding-bottom:10px;}
		.latestWork_item{border:1px solid #ccc; height:250px; position:relative; margin-top:18px;}
			.latestWork_item:hover{
				-webkit-box-shadow:0 8px 6px -6px black;
				-moz-box-shadow:0 8px 6px -6px black;
				box-shadow:0 8px 6px -6px black;
			}
			.latestWork_item .description{position:absolute; left:0; top:80%; background-color:rgba(0,0,0,.8); width:100%; font-size:18px; color:white; height:100%; padding-top:13px; background-image:url( 'images/icon_doubleRightArrows.png'); background-repeat:no-repeat; background-position:93% 4%;
				-webkit-transition:top 100ms ease-in-out 0s; 
				-moz-transition:top 100ms ease-in-out 0s; 
				-o-transition:top 100ms ease-in-out 0s; 
				transition:top 100ms ease-in-out 0s;
			}
				.latestWork_item:hover .description{top:0;
					-webkit-transition:top 100ms ease-in-out 100ms; 
					-moz-transition:top 100ms ease-in-out 0s; 
					-o-transition:top 100ms ease-in-out 0s; 
					transition:top 100ms ease-in-out 100ms;
				}
				
				.latestWork_item p{color:#e4e4e4; font-size:14px; line-height:1.5;}
				.latestWork_item a{text-decoration:none; margin-top:10px; display:inline-block; font-size:16px;}
				.latestWork_item a:link, .latestWork_item a:visited{color:#48dcc2;}
				
		.latestWork_description h2{ font-size:50px; color:#3a3938; margin-top:4px; }
			.latestWork_description h2 span{color:#ed5129;}
			.latestWork_description p{margin-top:0;}
			.latestWork_description .btnAction{margin-top:20px;}

/* about */
.about #contentCanvas{background-image:url('images/bg-content-light-grey.jpg');}
	.about_hero{border-bottom:1px solid #fff;}
		.about_hero img{width:100%}
	
	.about h1{margin-top:38px;}

	.lightBlock{background-color:rgba(0,0,0,.1); margin-top:2px; padding:20px; font-family:"Ubuntu", sans-serif; font-size:28px; box-sizing:border-box;}
		.lightBlock .white{color:white;}
			
	.about .btnContact{margin-top:40px; margin-bottom:40px;}
	
	.partners{}
		.partnersLogoCanvas{background-color:#111111; margin-bottom:4px; padding:10px 0;}
			.partners img{max-width:90%;}
	
/* portfolio [portfolio.phtml] */
.subHeader{background-color:#1b1b1b;}
.portfolio h1{padding-top:50px; margin-top:0;}
	.subHeader .description{background-color:#111111; color:white; font-family:"Abel", sans-serif; font-size:17px; padding-top:19px; line-height:1.6; margin-top:10px;}
		.subHeader .description p{color:white; margin:0; font-family:"Abel", sans-serif; font-size:16px; line-height:1.6; font-weight:600;}

 .scrollNavigation_block{position:relative; overflow:hidden; height:47px;}
	
	.pagination{position:absolute; bottom:0; line-height:0; font-size:0; padding:24px 0px 23px; cursor:pointer; background-color:#555}
		.pagination.disabled{background-color:black; cursor:default}
		.pagination:before{ content:' '; border:12px solid transparent; border-top-width:10px; border-bottom-width:10px;}
		.pagination:hover{background-color:#555}
		.pagination.disabled:hover{background-color:black;}
	
	.pagination.left{left:-48px;}
		.pagination.left:before{border-right-color:#999; margin-right:16px; margin-left:5px;}
		.pagination.left.disabled:before{border-right-color:#444;}
			.pagination.left:hover:before{border-right-color:#2cd0d8}
			.pagination.left.disabled:hover:before{border-right-color:#444;}
	
	.pagination.right{right:-48px;}
		.pagination.right:before{border-left-color:#999; margin-left:16px; margin-right:5px;}
		.pagination.right.disabled:before{border-left-color:#444;}
			.pagination.right:hover:before{border-left-color:#2cd0d8}
			.pagination.right.disabled:hover:before{border-left-color:#444;}
		
	.scrollNavigation{position:absolute; left:0;}
	
	.scrollableArea{position:relative; width:auto; height:100%;}
	.scrollNavigation_block a, .scrollNavigation_block span{padding:10px 16px;}
		.scrollNavigation_block a:link, .scrollNavigation_block a:visited, .subHeaderNav span{color:#32dae9; }
		
		.scrollNavigation_block div.subHeaderNav span{position:relative; float:left; display:inline-block; }

#mixGrid{}
	#mixGrid .mix{opacity:0; display:none;}		
	#mixGrid li{margin:0; padding:0; display:inline-block; font-size:0;}		
		#mixGrid li div{font-size:15px;}		

	.portfolio .latestWork_item{margin-top:30px;}


.portfolio .btnContact{margin-top:40px; margin-bottom:40px;}

/* portfolio detail page [page/portfolio/item/view.phtml] */	
.breadCrumbs{margin-top:9px; font-size:12px;}
.portfolio .rightColumn{margin-top:30px; font-family:"Abel", sans-serif;}
	.clientSince{font-size:14px;}
		.clientSince a{text-decoration:underline;}
			.clientSince a:hover{text-decoration:none;}
		
		.servicesProvided{margin-top:59px;}
			.servicesProvided h3{margin-top:10px; font-size:22px; color:#464646; font-family: "Abel", sans-serif;}
			
			.servicesProvided .bgDots{height:6px;}
			
			.servicesProvided_content{padding-bottom:12px;}
				.servicesProvided .tags{margin-top:9px;}
					.servicesProvided a{display:inline-block; text-decoration:none; padding:5px 10px; margin-bottom:3px; font-size:14px;}
						.servicesProvided a:link, .servicesProvided a:visited{background-color:#1da370; color:#fff;}
						.servicesProvided a:hover{background-color:#32dae9; }
			
			.portfolio .blockquote{margin-top:40px;}
			
	.shareButtons{margin-top:20px; font-size:1px; position:relative;}
	
		.shareButtons iframe, .shareButtons>span{vertical-align:middle}
		
		.shareButtons span{display:inline-block;}
			.shareButtons span.facebook{width:92px}
			.shareButtons span.twitter{width:84px}		
			.shareButtons .google{width:70px;}

			
		
	/* portfolio multiview [block/portfolio/item/view/multi-view-image.phtml]*/
	.slidesjs-container{margin-top:10px;border:1px solid #ddd; box-sizing: border-box; ms-box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; }
	#slide{display:none;}
	.slidesjs-pagination{width:auto; margin:auto; margin-top:18px;}
		.slidesjs-pagination-item{display:inline-block;}
			.slidesjs-pagination-item a{width:32px; height:32px; background-color:#fff; -moz-border-radius:16px; 	-webkit-border-radius:16px; border-radius:16px; border:1px solid #aaa; padding:0; display:inline-block; content:' ';}
			.slidesjs-pagination-item .active{background-color:#32dae9;}
	
/* services */
.services h1{padding-top:50px; margin-top:0;}


.section_overview{height:740px; font-family:"Abel", sans-serif; font-size:13px;}
	.section_overview .bgLightGrey{height:500px;}
	
	.section_overview p{font-size:inherit; font-family:inherit; margin:0; line-height:inherit;}
		
	.canvasContainer{width:100%; height:740px; xbackground-color:rgba(0,100,0,.1); position:absolute; top:0; left:0;}
		.canvasLine{position:absolute; xbackground-color:rgba(200,0,0,.1); top:0; left:0;}
	
	
	.section_overview_monitor{position:absolute; top:206px; left:0;}
	.section_overview_venn{position:absolute; top:200px; left:59.3%;}
	
	.section_overview h3{font-size:25px; color:#464646;  text-shadow:0 0 1px rgba(51,51,51,0.2);}
	
	.section_overview .design{position:absolute; top:52px; left:26%; width:230px; padding:10px 10px 14px 10px; background-color:rgba(0,0,0,.02)}
	.section_overview .development{position:absolute; top:35px; right:10%; width:220px; padding:10px 10px 14px 10px; background-color:rgba(0,0,0,.02)}
	.section_overview .hosting{position:absolute; top:595px; right:0; width:220px;}
	.section_overview .support{position:absolute; top:580px; left:37%; width:220px;}
	
.section_sideBySide{background-color:#242424; color:#8f8f8f; font-size:33px; line-height:1; font-family:"Lato", sans-serif; font-weight:normal;}
	.cmsBlock_servicesSideBySide p{color:#8f8f8f; font-size:33px; line-height:1; font-family:"Lato", sans-serif; font-weight:normal;}
		
	.section_sideBySide .floatLeft{border-right:1px solid white;}
	.section_sideBySide p{margin-top:0;}
	.section_sideBySide p strong{color:white; font-weight:900;}
	.section_sideBySide img{margin-top:25px; max-width:96%;}
	
.section_magento{background-color:#f15d22; margin-top:100px; }
	.magentoLogo{background-color:white; display:inline-block; padding:10px 30px;}
	.section_magento p{color:white; font-family:"Raleway", sans-serif; font-size:18px; padding-bottom:80px; line-height:1.6; margin-top:60px;}
	
	.servicesContent h2{display:inline-block; padding:10px 20px; font-size:27px; color:white; ont-family:"Raleway", sans-serif; margin-top:80px;}
	.servicesContent p{font-family:"Raleway", sans-serif;}
		.servicesContent h2{background-color:#000;}
		.servicesContent h2#development{background-color:#4ead8b;} 
		.servicesContent h2#design{background-color:#de8051;} 
		.servicesContent h2#hosting{background-color:#64d3dc;} 
		.servicesContent h2#support{background-color:#444444;} 

.services .btnContact{margin-top:70px; margin-bottom:40px;}


/* contact [pages/contact.phtml] */
.contact #contentCanvas{padding-bottom:0;}
.contact .footer{position:relative;}
.contact h1{padding-top:50px; margin-top:0;}
.contact .subHeader .description{padding-bottom:15px;}
	.contact .subHeader .description p{font-family:inherit; font-size:inherit;}
	
	.contact .leftColumn{margin-top:15px;}
		#contactForm{background-color:rgba(0,0,0,.03); padding-top:14px; padding-bottom:14px;}
			#contactForm h2{margin-top:0;}
			#contactForm input{width:98%; margin-top:10px;}
			#contactForm textarea{width:100%; margin-top:10px; height:150px;}
			#contactForm .btnAction{margin-top:10px; cursor:pointer;}
			
			.contactSuccess{background-color:#b0ce4c; color:white; padding:8px 4px; margin-top:2px; display:none;}
			.contactError{background-color:#b00; color:white; padding:4px; margin-top:2px; display:none;}
			
.contactInfo{}
	.contact .rightColumn{margin-top:15px; font-family:"Oswald", sans-serif; color:white; font-weight:300; font-size:16px; }
		.contact .rightColumn .section{background-color:#05c6c8; margin-top:1px; padding:25px 0;}
			.contact .rightColumn .section p{margin-top:0px; color:inherit; font-family:inherit;}
			.contact .rightColumn .section:first-child{margin-top:0px;}
			.contact .rightColumn .phone{padding-top:20px; padding-bottom:40px;}
				.phone a:link, .phone a:visited{font-size:30px; font-weight:700; color:white;}
		
.portals{background-color:rgba(0,0,0,.7); padding:25px 0; margin-top:40px;}
	.portal{background-color:#1b1b1b; padding:30px 0; border:8px solid rgba(255,255,255,.16); color:white; font-family:"Nevis" sans-serif; font-size:27px;}
		.portal span{display:block; font-family:"Lato" sans-serif; font-size:20px; font-weight:300;}
		
		.portal:link, .portal:visited{}
		.portal:hover{background-color:#3cd2d2; color:white;}
		
.contact #map-canvas{height:400px;}

.skype{margin-top:30px; margin-bottom:30px; padding:20px 0;}
	
/* packages.phtml */
.magento-hosting h1{padding-top:50px; margin-top:0; padding-bottom:10px;}
	.magento-hosting .subHeader .description{padding-bottom:15px;}
		.magento-hosting .subHeader .description .smallFont{font-size:75%; font-weight:normal;}		
		.poweredByMagento{color:#ec7709}

.cmsBlock_hostingPackages{margin-top:20px;}
	.cmsBlock_hostingPackages table{overflow:hidden; border:none;}

		.cmsBlock_hostingPackages tr{background:-moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background:-webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));}
		.cmsBlock_hostingPackages tr:nth-child(odd){background:-moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background:-webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));}
		.cmsBlock_hostingPackages tr:first-child{background:none !important;}
			
			.cmsBlock_hostingPackages .hover{xbackground:none; xbackground-color:#FFFAD5 !important; background:rgba(247,241,195,.5) !important;}
						
			.cmsBlock_hostingPackages th{background-color:#05c7c9; padding:25px 0; border-left:1px solid white; color:white; font-weight:300; line-height:1.5; border:none; border-right:1px solid white; font-size:21px;
			-moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; 
			-moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px;
			-webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box;}	
			.cmsBlock_hostingPackages tr th:first-child{background-color:transparent; xborder-bottom:1px solid #e0e0e0;}
						
			.cmsBlock_hostingPackages td{border:none; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px; border-top:1px solid #fff; font-family:"Raleway", sans-serif; line-height:1.7;}
			.cmsBlock_hostingPackages  tr td:first-child{border-left:1px solid #e0e0e0; font-weight:700; font-size:17px; text-align:right; padding-right:28px; width:30%; font-family:"Lato", sans-serif;}
				
				/* rounded top left corner of 1st column */
				.cmsBlock_hostingPackages  tr:nth-child(2) td:nth-child(1){-moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box; border-top:1px solid #e0e0e0;}
				
				.cmsBlock_hostingPackages  tr:nth-child(2) td strong{font-family:"Lato", sans-serif; font-size:24px;}
			
			/* Groups */
			.cmsBlock_hostingPackages tbody td[colspan]{background-color:#e1e1e1; padding:25px 0; border-top:1px solid #bbb; background:-moz-linear-gradient(100% 25% 90deg, #333333, #555555); background:-webkit-gradient(linear, 0% 0%, 0% 25%, from(#333333), to(#555555)); }
				.cmsBlock_hostingPackages tbody td[colspan] strong{font-size:20px; color:#fff; font-weight:300;}
			
			.cmsBlock_hostingPackages .tableNote td[colspan]{padding:18px 0; background:none; background-color:#e6e6e6; font-weight:300; line-height:1.4}
		
/* 404 page */
.errorPage{}
	.errorPage h1{font-family:'Merriweather', serif; font-size:50px;}
	.errorPage .subHeaderText{background-color:rgba(71,65,53,.6); color:white; padding:10px 0; margin:10px 0;}
.ErrorPageOptions{background-color:rgba(0,0,0,.09); padding:45px 0; font-size:14px; font-family:'Quicksand', sans-serif;}
	.ErrorPageOptions:link, .ErrorPageOptions:visited{color:#8a8371; text-decoration:none;}
	.ErrorPageOptions:hover{background-color:rgba(0,0,0,.12);}
	.ErrorPageOptions span{font-weight:bold; font-size:16px; display:block;}


/* END template styles */



@media (max-width: 767px) {
  body {
	#padding-left: 20px;
	#padding-right: 20px;
  }      
}