/* 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 General styles */
body{text-align:center; font-family:"Raleway", sans-serif; font-size:15px; color:#444; background-color:#292929; overflow:hidden;} /* expanding background ->  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; */

a{text-decoration:none;}
h1{color:#fc582b; font-size:50px; margin:20px 0 2px 0; text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.4);}
h2{color:#fc582b; 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:#fc582b; 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; -webkit-font-smoothing:antialiased}

ul{list-style:none; color:#8d8b8b; line-height:1.8; margin-top:14px; }
li{line-height:1.4; color:#777; font-family:"Raleway", sans-serif;}
ol{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */ font: 15px 'trebuchet MS', 'lucida sans'; padding: 0;  margin-bottom: 4em;  text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol{margin:0 0 0 2em; /* Add some left margin for inner lists */}
.rectangle-list a{position:relative; display:block; padding:.4em .4em .4em .8em; *padding:.4em; margin:.5em 0 .5em 2.5em; background:#ddd; color:#444; text-decoration:none; transition:all .3s ease-out;}
.rectangle-list a:hover{background:#eee;}
 .rectangle-list a:before{content:counter(li); counter-increment:li; position:absolute; left:-2.5em; top:50%; margin-top:-1em; background:#fa8072; height:2em; width:2em; line-height:2em; text-align:center; font-weight:bold;}
.rectangle-list a:after{position:absolute; content:''; border:.5em solid transparent; left:-1em; top:50%; margin-top:-.5em; transition:all .3s ease-out;}
.rectangle-list a:hover:after{left:-.5em; border-left-color:#fa8072;}
.smallText{font-size:12px;}


/* BEGIN General form styles */
input{font-size:18px; font-family:"Raleway", sans-serif; font-weight:500; border:1px solid #ddd; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; color:#bbb; background-color:#f7f7f7; margin-top:4px;}
textarea{font-size:18px; font-family:"Raleway", sans-serif; font-weight:500; border:1px solid #ddd; box-sizing:border-box; color:#bbb; background-color:#f7f7f7; padding:10px; max-width:100%;}
select{font-size:18px; font-family:"Raleway", sans-serif; font-weight:500; border:1px solid #ddd; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; color:#bbb; background-color:#f7f7f7;}
fieldset{border:none;}


.buttonCheckboxes label{display:block; vertical-align:middle; display:inline-block; color:white; }
	.buttonCheckboxes input{display:inline-block; vertical-align:middle; display:none;}
	.buttonCheckboxes span{display:block; padding:10px 15px; background-color:#ddd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webit-background-clip: padding; -moz-background-clip: padding-box; background-clip: padding-box; cursor:pointer; margin-top:4px;}
	
		.buttonCheckboxes :checked + span{background-color:#fc582b}
/* END General form styles */

	
/* classes */
.copyWidth{max-width:90%; width:800px;}
.contentWidth{max-width:90%; 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%;}
.width94Percent{width:94%;}
.width95Percent{width:95%;}
.width96Percent{width:96%;}
.width98Percent{width:98%;}
.width100Percent{width:100%;}

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

.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;}
.roundedCorners30{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; -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_fastest{-webkit-transition:200ms ease 0s; -moz-transition:200ms ease 0s; -o-transition:200ms ease 0s; transition:200ms ease 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:#15ceda; font-family:"Nevis", sans-serif; font-size:12px; 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:#29eaf7;}
	
	.btnAction:after{content:' '; border:5px solid transparent; border-left:7px solid white; position:absolute; left:-10px; top:50%; margin-top:-5px;
		-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,.09);}
.bgDarker{background-color:rgba(0,0,0,.2);}
.bgDarkest{background-color:rgba(0,0,0,.7);}

/* END Special Effects styles */

	



/* BEGIN Theme styles*/
.content_layout .main, .one_column_layout .main{padding-top:72px;}
.heroInternal{background-image:url( 'images/bgHero-birds.jpg' );}

		
/* BEGIN header.phtml template*/

header{position:fixed; background-position:right; top:0; width:100%; height:72px; z-index:11; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
	header.scrolling{height:62px; background-color:rgba(255,255,255,.9);}
	
	
	.homepage header.scrolling{background-color:transparent;}
	.browser_msie_8 header, .browser_msie_7 header{position:absolute;}
	
	header .background{display:none;}

	header:hover, .homepage header:hover .background{background-color:rgba(255,255,255,.95);}
	
	.homepage header .background{display:block; position:fixed; top:-62px; left:0; height:62px; width:100%; background-color:rgba(255,255,255,.9); z-index:-1;}
		.homepage header.scrolling .background{top:0;}
		
	.logo{width:auto;}
		.logo a{display:block; padding:11px 8px 8px;}
		.logo a:hover{backround-color:#f3dbd0; xbackground-color:rgba(0,0,0,.02);}
		.logo img{width:182px; height:51px;}
		header.scrolling .logo a{padding-top:5px;}
			header.scrolling .logo img{transform:scale(.8);}
/* END header.phtml template*/

	
	
/* BEGIN primary-navigation.phtml */
.primaryNavigationContainer{}
	.mobileMenu{display:none; height:72px; line-height:72px;  padding:0 45px 0 15px; color:#ddd; color:rgba(0,0,0,.35); position:absolute; top:0; right:0; cursor:pointer; border-left:1px solid #eee; background-image:url('images/icon_menu_transparentBlack.png'); background-repeat:no-repeat; background-position:right 10px top 23px;}
	#navBarArea{height:72px;}
	header.scrolling #navBarArea{height:62px;}
		#navBarCanvas{}
			
			#navBarCanvas ul{font-size:0; height:72px;}
			header.scrolling #navBarCanvas ul{height:62px}
				#navBarCanvas li{font-size:0;}
				
					#navBarCanvas a{line-height:72px; display:inline-block; padding-left:12px; padding-right:12px; letter-spacing:1.2px; font-weight:400; font-size:16px;}
					header.scrolling #navBarCanvas a{line-height:62px; transition: all 400ms ease;}
					#navBarArea a:link, #navBarArea a:visited{color:#3b3b3b; background:rgba(0,0,0, .0); text-decoration:none; text-transform:uppercase; font-family:"Roboto", sans-serif; text-transform:lowercase;
						-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, .05);}
					
					header.scrolling #navBarArea a:link, header.scrolling #navBarArea a:visited{color:#3b3b3b;}
					
					
					.hoverNav ul{margin:0; line-height:0;}
						.hoverNav li{padding:0; display:inline-block; position:relative; z-index:30; line-height:0; font-size:0;}
							.hoverNav li:hover .hoverBg{display:block;}
							
@media ( max-width:680px ){
							
	header{position:absolute;}
		.primaryNavigationContainer{float:none;}
			
			.mobileMenu{display:inline-block;}
			
			#navBarArea{width:90%; position:absolute; top:72px; right:-100%; height:auto}
				.mobile #navBarArea{right:0; -webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;}
			
				#navBarArea .hoverNav li{display:block; background-color:white; background-color:rgba(255,255,255,.85); border-bottom:1px solid #eee;}
					#navBarArea .hoverNav li a{color:black !important; padding-left:60px; font-size:15px; display:block;}
						#navBarArea .hoverNav li a:hover{background-color:#eee; background-color:rgba(240,240,240,.9);
						}
								
				#navBarCanvas{height:auto;}
}								
/* END primary-navigation.phtml */
	
		
	
.contentSection{padding-bottom:25px;}
.main{background-color:white; padding-bottom:45px;}
	
/* BEGIN footer.phtml */

.getStarted{height:366px; background-image:url( 'images/bgLetsGetStarted.jpg' ); background-repeat:no-repeat; xbackground-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:right}
	
		section.getStarted h2{color:white; font-weight:100; font-size:75px; padding-top:45px;}
		.getStarted a{display:inline-block; margin-top:40px; padding-top:14px; padding-bottom:14px; position:relative; border:3px solid rgba(255,255,255,.7); background-color:transparent; background-color:rgba(255,255,255,.03);}
			.getStarted a:hover{background-color:white; background-color:rgba(255,255,255,.9); color:#f00;}
			.getStarted a:after{border-left-color:#f00;}

@media ( max-width:759px ){
	section.getStarted h2{font-size:50px;}
}
footer{font-family:"nevis", sans-serif; color:#d8d8d8; font-size:12px; padding-bottom:50px; min-height:250px;}
	footer h3{ color:#f98060; font-size:18px; padding:0 0 12px;}
	footer a{display:block; padding:4px 0;}
	footer a:link, footer a:visited{color:#d8d8d8}
	footer a:hover{color:white;}
	
	.footer_contact span{display:block; padding:4px 0;}
		.footer_phone{font-size:18px;}
	
	
		footer .connect a img{vertical-align:middle; margin-left:8px; margin-bottom:3px;}
	
	footer .legal{margin-top:30px; color:#999}
		footer .legal a{display:inline-block;}
			footer .legal a:link, footer .legal a:visited{font-weight:100; color:#555}
			footer .legal a:hover{text-decoration:underline;}
	
	@media ( max-width:680px ){
		footer .legal{text-align:left;}
			footer .legal a{display:block;}
			footer .legal span{display:none;}
			footer .legal span:last-child{display:block; visibility:hidden;}
	}
/* END footer.phtml */
	
	

/* END Theme styles*/



/* BEGIN common class styles */
.heroInternal{background-repeat:no-repeat; background-size:cover; background-position:top center; height:342px;}
	.heroInternal span{display:inline-block; margin-top:160px; color:white; font-size:20px; font-weight:600; letter-spacing:1.2px}
		.heroInternal sup{}

.subHeader{background-color:#fc6f50; height:72px; }
	.main .subHeader h1{color:white; font-size:45px; font-weight:100; margin:0; line-height:72px; margin-top:0;}
	
.main h1{text-align:center; font-weight:100; margin-top:50px;}
	.contentDescription{margin-top:50px;}
		.contentDescription span{display:block}
		.contentDescription p{margin-top:0px; color:#777}
.main section .contentWidth{padding:50px 0 0; position:relative;}	

.topArrow{position:relative;}
.topArrow > div{border-top:1px solid #ccc; padding:50px 0 0; position: relative;}
	.topArrow > div:after{position:absolute; top:0; left:50%; margin-left:-60px; width:0; height:0; border:60px solid transparent; border-top-color:#ccc; border-top-width:40px; transition:border-width 0.09s ease-in-out;}
		.topArrow > div:before{position:absolute; top:-1px; left:50%; margin-left:-59px; width:0; height:0; border:59px solid transparent; border-top-color:white; border-top-width:40px; z-index:1;}
		
	.topArrow:hover > div:after{border-top-width:45px;}

.serviceIcons{background-color:white; color:#fc5926; font-family:"Raleway", sans-serif; font-weight:600; font-size:18px; padding:80px 0 120px;}
	.serviceIcons_container{width:900px; max-width:90%;}
		.serviceIcons img{margin-bottom:20px; max-width:90%;}
			
.featuredWork{}
	.featuredWork_grid{margin-top:24px;}
		.featuredWork_item{position:relative; max-width:376px}
			@media ( max-width:860px ){
				
			}
			.featuredWork_item img{max-width:100%; display:block;}
				
				
			.featuredWork_item .viewDetails{position:absolute; left:0; top:100%; background-color:#f95c31; background-color:rgba(249,92,49,.8); width:100%; font-size:15px; font-weight:700; letter-spacing:2px; color:white; height:100%; padding-top:13px; 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;
			}
				.featuredWork_item:hover .viewDetails{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;
				}
				
				.featuredWork_item p{color:#e4e4e4; font-size:14px; line-height:1.5;}
				.featuredWork_item a{text-decoration:none; margin-top:10px; display:inline-block; font-size:16px;}
				.featuredWork_item a:link, .featuredWork_item a:visited{color:#48dcc2;}
				
				.featuredWork .viewDetails span{font-size:170px; font-weight:500; display:block; margin:auto; margin-top:50px; color:#f1a493; color:rgba(255,255,255,.6); line-height:.5; margin-bottom:5px;}
			
			
			.featuredWork .description{color:#515151; font-size:10px; text-transform:uppercase; margin-top:12px; font-weight:700; margin-bottom:40px; letter-spacing:1px;}
				.featuredWork .description .orange{color:#ff724b;}
				
				@media ( max-width:860px ){
					.featuredWork .description .orange{display:block;}
					.featuredWork .description .separator{display:none;}
				}

.contactDescription{margin-top:0; font-size:18px; width:760px; max-width:90%; margin:auto;}
	.contactDescription a{}
		.contactDescription a:link, .contactDescription a:visited{display:inline-block; padding:3px 5px; border:1px solid #15CEDA; color:#15CEDA;}
		.contactDescription a:hover{background-color:#15CEDA; color:white;}
			
/* END common class styles */



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


/* BEGIN pages/homepage.phtml */

/*
.cycleColor{animation-name:cycleColor; animation-duration:160s; animation-direction:alternate; animation-iteration-count:infinite; -webkit-animation-name:cycleColor; -webkit-animation-duration:160s; -webkit-animation-direction:alternate; -webkit-animation-iteration-count:infinite;}	

@keyframes cycleColor{
	0% {background-color:#f6643c;} 
	25% {background-color:#efce1a;} 
	50% {background-color:#1aef92;} 
	75% {background-color:#1ac9ef;} 
} 

@-webkit-keyframes cycleColor{ 
	0% {background-color:#f6643c;} 
	25% {background-color:#efce1a;} 
	50% {background-color:#1aef92;} 
	75% {background-color:#1ac9ef;} 
}
*/

.homepage h2{font-size:45px; font-weight:100; letter-spacing:-2px;}
	.homepage h2 b{font-weight:500;}

.homepage header{background-color:transparent;}
	.homepage #navBarArea a:link, .homepage #navBarArea a:visited{color:#fff; color:rgba(255,255,255,.99);}
	
	.homepage .mobileMenu{border-left:none; color:white; background-image:url('images/icon_menu.png');}

.homepage .hero{height:650px; font-family:"Raleway", sans-serif; position:relative; z-index:1; overflow:hidden; background-color:#CD6540;}
	
	.homepage .hero #backgroundImage{background-image:url('images/bgHero.v4.jpg'); background-position:right -188px top; background-repeat:no-repeat; content:""; display:inline-block; height:800px; position:absolute; left:0; top:0; width:100%; }
	.homepage .hero .eyeAnimate{-webkit-transition:200ms ease 0s; -moz-transition:200ms ease 0s; -o-transition:200ms ease 0s; transition:200ms ease 0s;}
	
	.contentLayer{ width:100%; height:100%; z-index:3; position:relative;}
	.homepage .heroContent{position:absolute; width:100%; top:0;}
	
	.homepage .hero h1{color:#fff; margin:0; padding-top:158px; font-size:35px; font-weight:100; line-height:1; -webkit-font-smoothing: antialiased; text-align:left}
		.homepage .hero h1 > b{font-size:120px; font-weight:700}
		.homepage .hero h1 b{}
			.homepage .hero h1 b span{}
	
	.homepage .hero p{color:#fff; font-size:24px; font-weight:500; line-height:1.2; margin-top:22px; letter-spacing:1px;}
	
	.homepage .hero .btnAction{margin-top:35px; padding:16px 47px; border:1px solid white; background-color:rgba(51, 57, 58, 0.07)}
		
		.browser_msie_8.homepage .hero .btnAction,
		.browser_msie_7.homepage .hero .btnAction{background-color:transparent;}
	
		.homepage .hero .btnAction:hover{background-color:rgba(255,255,255,.09); xborder-color:rgba(0,0,0,.08); box-shadow:0px 0px 5px rgba(0,0,0,.3);}
		.homepage .hero .btnAction:hover:after{left:30px;}
		.homepage .hero .btnAction:after{border-left-color:rgba(255,255,255,.39);}
	
	.homepage .hero .tagline{position:absolute; bottom:60px; left:0; width:100%; text-align:center; letter-spacing:1.5px; font-weight:600; color:white;}
		.homepage .hero .tagline span{display:block;}
			.homepage .hero .tagline img{display:block; margin:auto; margin-top:16px;}

@media ( max-width:1680px ){
	.homepage .hero{background-size:initial}
}

@media ( max-width:1200px ){
	.homepage .hero h1{font-size:25px;}
	.homepage .hero h1 > b{font-size:95px; letter-spacing:-2px}
}

@media ( max-width:1000px ){
	.homepage .hero #backgroundImage{background-position:right -288px top;}
	.homepage .hero h1{padding-top:200px;}
}

@media ( max-width:860px ){
	.homepage .hero #backgroundImage{background-position:right -358px top;}
}

@media ( max-width:759px ){
	.homepage .hero #backgroundImage{background-image:url('images/bgHero.mobile.jpg'); background-position:top 20px center; background-size:auto 500px;}
	.contentLayer{text-align:center}
	.homepage .hero h1{padding-top:230px; text-align:center; font-weight:300}
	.homepage .hero .btnAction{margin-top:20px;}
	.homepage .hero .tagline{font-size:13px}
}

@media ( max-width:600px ){
	.homepage .hero{height:615px;}
		.homepage .hero h1 > b{font-size:69px;}
}

@media ( max-width:480px ){
	.homepage .hero{height:560px;}
		.homepage .hero h1 > b{font-size:53px}
}



.homepage .serviceIcons{background-color:white; color:#fc5926; font-family:"Raleway", sans-serif; font-weight:600; font-size:18px; padding:80px 0 120px;}
	.homepage .serviceIcons .contentWidth{border-top:0}
		.homepage .serviceIcons img{margin-bottom:20px; max-width:90%; display:none;}

		.homepage .serviceIcons h2{margin-bottom:0; margin-top:0;}
			.homepage .serviceIcons h3{margin-top:0; font-size:30px; font-family:"Cardo", serif; color:#f1624f; position:relative; font-weight:400; -webkit-font-smoothing:antialiased}
				.homepage .serviceIcons h3:after{content:""; position:absolute; top:50px; right:0; left:0; border-top:1px solid #f1624f; width:80px; margin:auto;}
		.homepage .serviceIcons p{margin-bottom:45px; margin-top:40px; font-weight:500; font-size:16px;}
		
@media ( max-width:900px ){
	.homepage .serviceIcons{padding:40px 0;}
		.homepage .serviceIcons .contentWidth{max-width:100%; padding:0;}
			.homepage .serviceIcons h3{font-size:25px;}
			.homepage .serviceIcons p{font-size:14px;}
}

@media ( max-width:600px ){
	.homepage .serviceIcons .width33Percent{width:100%;}
}

.homepage .mission{padding-bottom:100px; background-image:url( 'images/bgMission.jpg' ); background-color:#333; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; position:relative; z-index:1; overflow:hidden; background-position:50% 0px;}
	
	 .homepage .mission:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; xbackground-color:rgba(0,0,0,.6); background-image:url( 'images/pattern.png' );}
	
	
	.homepage .mission .contentWidth{border-top:none; padding:100px 0 0; z-index:3; position:relative;}
	
	.basedInSanDiego{font-family:"Pacifico", cursive; color:white; font-size:19px; position:relative; display:inline-block; }
		.basedInSanDiego:before, .basedInSanDiego:after{content:""; width:90%; margin:auto; padding:4px 0; border-top:2px solid white; display:block;}
		.basedInSanDiego:after{margin-top:8px;}
	
	.homepage .mission h2{font-size:45px; color:#15ceda; letter-spacing:1.2px; margin-top:18px;}
		.homepage .mission h2 b{display:block; color:rgba(255,255,255,.74); font-size:17px}
	.homepage .mission p{max-width:780px; color:white; margin:auto; margin-top:20px;}
	.homepage .mission img{max-width:90%; margin-top:70px;}
	.homepage .mission a{margin-top:30px;}
	
	@media ( max-width:600px ){
		.homepage .mission h2 b{line-height:1.1; display:block;}
	}	
	@media ( max-width:480px ){
		.homepage .mission h2 b span{display:block; margin-bottom:8px;}
	}
	.featuredWork_navigation{margin-top:15px}
		.featuredWork_navigation div{float:left; width:16.65%; font-size:0;}
			
			.homepage .featuredWork h2{margin-top:0;}
			.homepage .featuredWork .contentWidth{border-top:none;}
			
			.featuredWork_navigation span{font-size:15px; border:1px solid #EDE7E7; color:#aaa; display:block; width:95%; margin:auto; padding:11px 0; cursor:pointer; text-transform:uppercase; letter-spacing:1px; font-weight:700}
			
			.featuredWork_navigation .dynamic_tag{}
			.featuredWork_navigation span.active{background-color:#373737; color:white;}
			
			.featuredWork_navigation .dim{color:#ddd;}
			.featuredWork_navigation .highlight{xbackground-position: 0 100%; color:#dd451c;}
	
.homepage .featuredWork{padding-top:40px; padding-bottom:70px; }
	.homepage .featuredWork .contentWidth{padding:50px 0 40px; position:relative;}

		
	.featuredTestimonial .contentWidth{padding:50px 0 80px; position:relative;}
		
		.featuredTestimonial .quote{width:700px; max-width:90%;}
		
		.featuredTestimonial blockquote{color:#333; font-size:32px; font-weight:100; margin-top:40px;}
		.signature{color:#333; display:inline-block; margin-top:20px;}
		
				
/* END pages/homepage.phtml */


/* 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 About Page */
.about .heroInternal{background-image:url( 'images/bgHero-birds.jpg' );}

.about .serviceIcons{}
/* END About Page */


/* BEGIN Contact Page */
.contact .heroInternal{background-image:url( 'images/bgHero-3-contact.jpg' );}

.contact .subHeader .description{padding-bottom:15px;}
	.contact .subHeader .description p{font-family:inherit; font-size:inherit;}
	
	.contact .leftColumn{margin-top:15px;}
		#contactForm{padding-top:48px; 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:20px; cursor:pointer;}
			
			.smallText{color:#bbb}
				.smallText a{color:#aab}
					.smallText a:link, .smallText a:visited{text-decoration:underline}
			
			.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;}
	
.contact .btnAction{letter-spacing:1.2px;}
.contactSection{margin-top:0px; padding-bottom:70px; text-transform:uppercase; font-weight:200;}
	.contactSection .contentWidth{border:none;}
	.contactSection .block{margin-top:0px; margin-bottom:29px; display:inline-block;}
		.contactSection .block p{margin-top:0px; color:#fc582b; font-size:51px; font-family:inherit;}
		.contactSection .contactSectionPositioner{height:130px; padding-top:12px;}

			.contactSection img{margin-bottom:20px}
			
			.contactSection .phone{}
				.contactSection .phone a{font-size:48px; }
				.contactSection .phone a:link, .contactSection .phone a:visited{color:#fc582b;}
			.contactSection .address{}
				.contactSection .address p{font-size:48px; margi-top:0; padding:0; line-height:normal}
	
	.contact #map-canvas{height:600px;}
	
	.contact .main{padding-bottom:0;}
	
.contact .getStarted{display:none;}
/* END Contact Page */


/* BEGIN Content Pages */
.layout_content{}
.layout_content p{color:#777}
.layout_content h1, .layout_content h2, .layout_content h3, .layout_content li{color:#777}
/* END Content Pages */


.layout_content #headerArea{padding:0;}
.layout_content .main{background-color:white; color:#777; padding:30px 0; line-height:1.5;}
.layout_content .homepageLogo{margin:4px auto;}
.layout_content ol{margin:20px 0 20px 20px;}		

/* BEGIN Portfolio List */
.portfolio_index_index .main{padding-bottom:80px;}

.tagFilter_select{position:relative; z-index:1; max-width:90%; color:#171717; }
	.tagFilter_select .label{display:inline-block; width:186px; max-width:100%; text-align:right; padding:15px 45px 15px 0; font-size:28px; font-weight:200;}
	
	.tagFilter_select:after{content:" "; border:11px solid transparent; border-top-width:19px; border-top-color:#7d7d7d; position:absolute; right:12px; top:50%; margin-top:-10px;}
	
	.tagFilter_select:hover{background-color:#000; color:#fff;}
		.tagFilter_select:hover .tagSelectHover{display:block;}

	.tagSelectHover{display:none; background-color:#000; background-color:rgba(0,0,0,.80); padding-top:10px; padding-bottom:30px; position:absolute; top:100%; right:0; width:100%; }
		.tagSelectHover .filter{display:block; text-align:right; padding:5px 25px 4px 0; font-family:"Lora", serif; font-style:italic; color:#949494; cursor:pointer;}
			.tagSelectHover .filter:hover{color:white;}
	
		
.portfolio_index_index .featuredWork{margin-top:34px;}
	.portfolio_index_index .featuredWork_container{display:none;}
/* END Portfolio List */
	
	
/* BEGIN portfolio detail page [page/portfolio/item/view.phtml] */	
.portfolio_item_view .subHeader{background-color:#fc6f50; position:relative; height:auto}
	.portfolio_item_view .subHeader:hover a.paging{display:block}
	
	.portfolio_item_view .main .subHeader h1{color:white; font-size:45px; font-weight:100; margin:0; line-height:1.2; padding:15px 50px; word-break:break-word}
	
	@media ( max-width:600px ){
		.portfolio_item_view .main .subHeader h1{font-size:30px;}
	}
	
	
	.portfolio_item_view a.paging{width:auto; padding:0px 20px; font-size:40px; font-family:"Quicksand", sans-serif; line-height:72px;}
		@media ( max-width:480px ){
			.portfolio_item_view a.paging{padding:0px 12px;}
		}
		#contentPadding:hover a.paging{display:block}
		.portfolio_item_view a.paging:link, .portfolio_item_view a.paging:visited{background-color:rgba(0,0,0,0); color:#FF9A84; color:rgba(255,255,255,.4);}
		.portfolio_item_view a.paging:hover{background-color:#DF481F; background-color:rgba(0,0,0,.09); color:white;}
	
	.portfolio_item_view a.prev{position:absolute; left:0px; top:50%; margin-top:-37px;}
	.portfolio_item_view a.next{position:absolute; right:0px; top:50%; margin-top:-37px;}

		.portfolio_item_view a.prev:link, .portfolio_item_view .subHeaderNav a.prev:visited{}
		.portfolio_item_viewa.next:link, .portfolio_item_view .subHeaderNav a.next:visited{}

.itemNavigation{background-color:#f2f2f2;}
	
	.viewAllContainer{display:inline-block; width:auto;}
		.viewAll{display:inline-block; padding:12px 17px; text-align:right;}
			.viewAll:link, .viewAll:visited{color:#373737; font-size:11px;}
			.viewAll:hover{background-color:#555; color:white; }
			
			.viewAll span{display:inline-block; vertical-align:middle; margin-right:8px;}
			.viewAll img{display:inline-block; vertical-align:middle}
	
	.breadCrumbs{margin-top:13px; font-size:12px; display:inline-block; width:auto; color:#aaa; padding:0 15px;}
		.breadCrumbs a{display:inline-block; line-height:24px;}
			.breadCrumbs a:link, .breadCrumbs a:visited{color:#ccc;}
			.breadCrumbs a:hover{color:#444;}
			
			
.portfolioDetailColumns{margin-top:45px;}
	.portfolioDetailColumns_leftContent{}
	
	.viewSite{display:inline-block; padding:10px 20px; margin-bottom:30px;}
		.viewSite:link, .viewSite:visited{color:#fc6f50; border:1px solid #fc6f50;}
		.viewSite:hover{background-color:#fc6f50; color:white;}
	
	@media ( max-width:600px ){
		.itemNavigation .contentWidth{max-width:100%;}
		.portfolioDetailColumns{margin-top:25px;}
			.viewSite{padding:16px 65px; margin-bottom:15px;}
			.portfolioDetailColumns_leftContent{margin:auto; text-align:center}		
	}
		
	.portfolio .tags{}
		.portfolio .tags a{display:block; text-decoration:none; line-height:25px; font-size:15px; font-family:"Lora", serif;}
			.portfolio .tags a:link, .portfolio .tags a:visited{color:#8D8B8B; font-style:italic}
			.portfolio .tags a:hover{text-decoration:underline;}
	
		.portfolio .blockquote{margin-top:40px;}
	
	.detailDescription{color:#3b3b3b;}
	
	.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;}

#screenshots{}
	.portfolio .screenshot{display:inline-block; margin-bottom:40px; max-width:100%; border:1px solid #ddd;}
		

			
.portfolio_item_view .prevNext{margin-top:150px;}
	.portfolio_item_view .featuredWork_container{margin-top:40px; display:block;}
	
	.pageNav{font-size:20px; display:inline-block; padding:5px 0 10px; }
	
@media ( max-width:860px ){
	.portfolio_item_view .featuredWork .description .orange{display:inline-block}
}
@media ( max-width:600px ){
	.portfolioDetailColumns{}
		.portfolioDetailColumns .floatLeft{width:100%;}
			.portfolio .tags{text-align:center}
				.portfolio .tags a{display:inline-block; padding:0 10px; border-right:1px solid #eee;}
					.portfolio .tags a:last-child{border-right:none}

		.portfolioDetailColumns .floatRight{width:100%;}
			.pageNav{font-size:15px;}
	.portfolio_item_view .featuredWork .brief{display:none;}
}
/* BEGIN portfolio detail page [page/portfolio/item/view.phtml] */	


.cms_simplepage .main{text-align:left; padding:14%;}

/* BEGIN pages/project-planner.phtml */
.project-planner h1{border-bottom:1px solid #ccc; display:inline-block; margin:auto; padding-bottom:30px; margin-top:50px;}
.project-planner h3{font-weight:200; color:#444}
.project-planner ul{text-align:center;}
	.project-planner ul li{text-align:justify; text-align:center;}
	
	.req{color:red; font-size:20px;}
	
#saveForm{padding:0 50px; margin-top:50px; cursor:pointer; background-color:#15ceda; color:white; font-weight:200;}
	#saveForm:hover{background-color:#000;}
/* END pages/project-planner.phtml */



.project-planner .main{padding-bottom:100px;}
.project-planner .getStarted{display:none;}

	
@media ( max-width:960px ){
	#navBarCanvas a{font-size:12px; padding-left:8px; padding-right:8px;}

	.featuredWork_navigation span{font-size:12px;}

	.getStarted h1{font-size:50px;}

	.contactSection .phone a{font-size:35px;}
	.contactSection .address p{font-size:35px;}
}

@media ( max-width:600px ){
	.heroInternal{height:260px}

	.featuredWork_navigation{display:none;}
	.featuredWork_container{width:49.9%;}

	.homepage h2{font-size:35px}
	.homepage .mission h2{font-size:35px;}

	.serviceIcons .width25Percent{width:50%; margin-bottom:40px;}

	.getStarted h1{font-size:30px;}

	.contentDescription .floatLeft{width:100%}
		.contentDescription span{display:inline}

	.itemNavigation{text-align:center;}
		
	.contactSection .phone a{font-size:25px;}
	.contactSection .address p{font-size:25px;}

	footer .width25Percent{width:50%;}
}

@media ( max-width:480px ){
	.main .subHeader{height:auto;}
	.main .subHeader h1{font-size:25px;}

	.tagFilter_select{width:100%; max-width:100%}

	.viewAllContainer{}
		.breadCrumbs {display:none}

	section.getStarted h2{font-size:34px;}

	.contactSection .block{width:100%;}
		.contactSection .phone a{font-size:35px;}
		.contactSection .address p{font-size:35px;}

	footer .width25Percent{width:100%}
		footer a{font-size:16px;}		
		footer .connect{text-align:left;}		
		
	.serviceIcons img{max-width:50%}

	.mission .floatRight{display:none;}
	.mission .width75Percent{width:100%;}
}

@media print {}