/* 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; font-family:"Lato", sans-serif; font-size:15px; color:#7b8286;} /* expanding background ->  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; */

a{text-decoration:none;}
h1{color:#474747; font-size:50px; margin:20px 0 2px 0; font-family: "Ubuntu", sans-serif; text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.4);}
h2{color:#474747;  font-family: "Ubuntu", 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);}
h3{color:#474747;  font-family: "Ubuntu", sans-serif; font-size:24px; font-weight:400; margin-top:50px; margin-bottom:0px; padding-bottom:0; text-shadow:0 0 1px rgba(51,51,51,0.2);}
p{color:#8d8b8b; font-size:14px; line-height:1.8; margin-top:22px;}

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

 /*
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:95%; width:1200px;}

.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%;}
.width50Percent{width:49.9%;}
.width55Percent{width:54.9%;}
.width58Percent{width:58%;}
.width60Percent{width:59.9%;}
.width66Percent{width:66.66666%;}
.width72Percent{width:72%;}
.width75Percent{width:74.9%;}
.width80Percent{width:80%;}
.width85Percent{width:84.9%;}
.width90Percent{width:90%;}
.width93Percent{width:93%;}
.width95Percent{width:95%;}
.width96Percent{width:96%;}
.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%;}


.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 */
.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;}


.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;}
/* END General content styles */



/* BEGIN Special Effects styles */

.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;}
.roundedCorners6{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -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:400ms ease 0s; -moz-transition:400ms ease 0s; -o-transition:400ms ease 0s; transition:400ms ease 0s;}
.transition_slow{-webkit-transition:2500ms ease 0s; -moz-transition:2500ms ease 0s; -o-transition:2500ms ease 0s; transition:2500ms ease 0s;}


.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;
	}
	
.bgDark, .bgDarken{background-color:rgba(0,0,0,.03);}
.bgDarker{background-color:rgba(0,0,0,.2);}
.bgDarkest{background-color:rgba(0,0,0,.7);}

/* END Special Effects styles */

	



/* BEGIN Theme styles*/

	
	/* BEGIN admin-tab.phtml */
	.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;}
	/* END admin-tab.phtml */
	
	
	/* .heroHeader section */
	.hero{background-color:#10100e; background-image:url( 'images/homepage-hero.jpg' ); background-position:center center; background-repeat:no-repeat; min-height:431px; font-size:19px; }
		.heroHeader h2{color:white; font-size:65px; font-family: "Lato", sans-serif;}
		.heroHeader p{color:white;  margin-top:15px;}
		.crcmsIcon{margin-top:20px;}
		
		
	/* BEGIN header.phtml template*/
	#headerArea{}
		#logo{margin:8px 0;}
		
		.homepage #headerArea{}
			.homepage #logo{}
		
		
		.homepage .contentSection{margin-top:0;}
		
		.hero{position:relative; font-family:"Dosis", sans-serif; }
			.heroText{margin-top:120px;}
			.hero p{font-size:32px; color:white; }
			
			.contactNav{position:absolute; background-color:rgba(59,188,255,.69); bottom:0; width:100%; font-size:18px; }
				.contactNav a{padding:16px 15px 73px; margin:0 25px; background-repeat:no-repeat; background-position:center 47px;}
				.contactNav a:link, .contactNav a:visited{color:white;}
				.contactNav a:hover{color:#0ed1ec;}
					.contactNav a img{margin-top:6px;} 
					
				.seeMyWork{background-image:url( 'images/icon_behance.png' ); }
					.seeMyWork:hover{background-image:url( 'images/icon_behance_hover.png' ); }
				.contactMe{background-image:url( 'images/icon_contact.png' ); }
					.contactMe:hover{background-image:url( 'images/icon_contact_hover.png' ); }
	/* END header.phtml template*/
	
	
	
	/* BEGIN primary-navigation.phtml */
	#navBarArea{background-color:rgba(0,0,0,.1); height:34px;}
		#navBarArea_bgLayer2{height:34px;}
			#navBarCanvas{height:34px;}
				
				#navBarCanvas a{line-height:34px; display:inline-block; padding-left:19px; padding-right:19px; letter-spacing:1.2px}
				#navBarArea a:link, #navBarArea a:visited{color:#fff; background:rgba(0,0,0, .0); font-size:11px; text-decoration:none; text-transform:uppercase;  font-family: "nevis", sans-serif; 
					-webkit-transition: background .4s linear;
					-moz-transition: background .8s ease;
					-o-transition: background .8s ease;
					-ms-transition: background .8s ease;
					transition: background .8s ease;}
				#navBarArea a:hover{background:rgba(0,0,0, .2);}
				
				
				.hoverNav ul{margin:0;  line-height:1.4;}
					.hoverNav li{padding:0; display:inline-block; position:relative; z-index:30; }
						.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;}
	/* END primary-navigation.phtml */
		
		
	
	.contentSection{padding-bottom:25px;}

		
	/* BEGIN footer.phtml */
	#footerSection{width:100%; height:233px; background-color:rgba(0,0,0,.9);}
		#footerSectionPositioner{padding-top:40px;}
			.footerLinkBlock{}
				.footerLinkHeading{margin-bottom:5px;}
				.footerLinkBlock a{display:block; font-size:10px; padding:3px 0; text-transform:uppercase; font-weight:bold; line-height:1.6; font-family:"Lato", sans-serif; letter-spacing:1.6px}
				.footerLinkBlock a:link, .footerLinkBlock a:visited{color:#f2f7f5; text-decoration:none;}
				.footerLinkBlock a:hover{}
				
			#footerSocialIconsBlock{margin-top:10px;}
				#footerSocialIconsBlock a{display:inline-block;}
			
			#footerRightColumn{border-left:1px solid #666; margin-top:8px; color:white; font-family:"Nevis", sans-serif; font-size:16px; line-height:1.5;}
				.footer_largeText{font-size:18px; font-weight:bold; line-height:1.2;}
				.footer_smallText{font-size:10px;}
				#footerRightColumn a:link, #footerRightColumn a:visited{color:white;}
				#footerRightColumn a:hover{}
	
		
		#subFooter{font-size:10px; color:#333; padding:10px 0; background-color:rgba(0,0,0,.3); margin-top:70px;}
			#footerCopyrightText{margin-top:100px; font-size:9px; color:#333; text-transform:uppercase;}
			
			#subFooter a:link, #subFooter a:visited{color:#aaa;}
	/* END footer.phtml */
	
	
	 		
	
	
/* END Theme styles*/


/* BEGIN CMS Blocks */
.cmsBlock{}
	.cmsBlock h2:first-child{margin-top:25px;}
	.cmsBlock p{font-size:inherit;}
	.xcmsBlock p:first-of-type{margin:0; padding:0;}
	.cmsBlock h1 + p{margin-top:0;}
	.cmsBlock h2 + p{margin-top:0;}
	.cmsBlock ol{margin-top:20px;}
	
	.cmsBlock ol{counter-reset:li; padding:0; margin-bottom:4em; line-height:2.6em; list-style:none; *list-style:decimal;}
		.cmsBlock ol ol{margin:0 0 0 2em;} 
		.cmsBlock ol li span{position:relative; display:block; }
			.cmsBlock ol li span:before{content:counter(li); counter-increment:li; position:absolute; left:-2.9em; top:50%; margin-top:-1.3em; background-color:#000; height:2em; width:2em; line-height:2em; border:.3em solid #fff; text-align:center; border-radius:2em; color:white;}
	.cmsBlock ul{padding:0; margin-bottom:4em; list-style:disc;}
		.cmsBlock li{margin-left:2em; }
/* END CMS Blocks */


/* BEGIN template styles */
.pageDescription p{line-height:1.4; font-size:14px;}
/* END template styles */



/* BEGIN 404.phtml */
.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 404.phtml */


/* BEGIN Contact Page */
.contact .subHeader{margin-top:50px;}
	.contact h1{margin-top:0;}
	.contact .subHeader .description{padding-bottom:15px;}
		.contact .subHeader .description p{font-family:inherit; font-size:inherit;}
		
	#phone{font-family:"Quicksand", sans-serif; font-weight:300; font-size:35px; padding-top:12px;}
		#phone span{font-size:22px;}
	
	.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;}
			
	.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);}
			
.contactSection{}
	.contactSection .block{margin-top:14px; margin-bottom:14px; }
		.contactSection .block p{margin-top:0px; color:white; font-family:inherit;}
		.contactSection .contactSectionPositioner{background-color:#bcc52d; height:130px; padding-top:12px;}
		.contactSection .phone{}
			.phone a:link, .phone a:visited{font-size:30px; font-weight:700; color:white;}
	
	.contact #map-canvas{height:400px;}
/* END Contact Page */