body { color:#333; font-family:"fira_sanslight",Verdana,Arial,Helvetica,sans-serif; font-size:1em; line-height:1.4; margin:0px; background-color:#f3f3f3; height:100% }
html { height:100% }
#projectNav a:link { color:#000; text-decoration:none }
#projectNav a:visited { color:#000 }
#projectNav a:hover { color:#7db713 }
#footer a:link { color:#fff; text-decoration:none }
#footer a:visited { color:#fff }
#footer a:hover { text-decoration:underline }
#PageDiv { position:relative; min-height:100%; max-width:1280px; margin:auto; background-color:#fff }
#headerInner.f-ms { padding:22px 3% 15px }
#main { z-index:0 }
#parallaxWrapper { width:100%; max-width:1280px; z-index:10 }
#heroImage { position:relative; z-index:0 }
#fader2 { left:0px; top:0px; width:1280px; height:693px; overflow:hidden }
#heroText { position:absolute; left:3%; top:0px; right:3%; z-index:1 }
#share-this-markup { width:100px; display:inline-block }
#parallaxShim { z-index:0; overflow:hidden }
#movingContent { z-index:20; background-color:#fff; overflow:hidden; position:relative }
#blogContent { z-index:0; padding-left:3%; padding-right:3% }
#text1 { max-width:780px; z-index:0; padding-top:3%; margin-left:auto; margin-right:auto }
#item1 { width:100px; display:inline-block }
#item5 { width:100px; display:inline-block }
#topImages { z-index:0; padding-top:3%; padding-bottom:3%; overflow:hidden }
#topImage1 { width:49.2%; z-index:0; float:left }
#image1 { left:0px; top:0px; width:589px; height:380px; overflow:hidden }
#item6 { width:100px; display:inline-block }
#topImage2 { width:49.2%; z-index:0; float:right }
#image2 { left:0px; top:0px; width:589px; height:380px; overflow:hidden }
#item7 { width:100px; display:inline-block }
#item30 { width:100px; display:inline-block }
#text2 { max-width:780px; z-index:0; padding-bottom:3%; margin-left:auto; margin-right:auto; overflow:hidden }
#item8 { width:100px; display:inline-block }
#callout { width:35.33%; z-index:0; float:left; padding-left:40px; padding-top:40px; padding-bottom:40px; margin-top:6px; margin-right:20px; margin-bottom:20px; border-left:solid #7db713 4px }
#item10 { width:100px; display:inline-block }
#bottomImages { z-index:0; padding-bottom:1%; overflow:hidden }
#item11 { width:100px; display:inline-block }
.blogImageLeft { width:49.2%; z-index:0; float:left; padding-bottom:1.6% }
#image3 { left:0px; top:0px; width:589px; height:380px; overflow:hidden }
#item12 { width:100px; display:inline-block }
.blogImageRight { width:49.2%; z-index:0; float:right; padding-bottom:1.6% }
#image4 { left:0px; top:0px; width:589px; height:380px; overflow:hidden }
#item13 { width:100px; display:inline-block }
.blogImageWide { z-index:0; padding-bottom:1.6% }
#image5 { left:0px; top:0px; width:1200px; height:770px; overflow:hidden }
#item14 { width:100px; display:inline-block }
#item15 { width:100px; display:inline-block }
#testimonial { max-width:900px; z-index:0; padding-bottom:3%; margin-left:auto; margin-right:auto }
#item18 { width:100px; display:inline-block }
#recentPosts { z-index:0; padding:2% 3% 3%; background-color:#e6e6e6 }
#recentPostsGrid { z-index:0; padding-top:20px; margin-left:-1.6%; overflow:hidden }
#item19 { width:100px; display:inline-block }
.recentPostItem { width:31.73%; z-index:0; float:left; margin-left:1.6% }
#thumb3 { left:0px; top:0px; width:384px; height:208px; overflow:hidden }
#item23 { width:100px; display:inline-block }
#projectNav { z-index:0; padding:20px 3% }
#getInTouch { z-index:0; padding:30px 3%; background-color:#7db713 }
#footer.f-ms { padding:40px 3% 10px }
@media screen and (max-width:568px)
{
	#topImage1 { width:auto; float:none; padding-bottom:2% }
	#topImage2 { width:auto; float:none }
	#callout { width:auto; float:none; margin-top:20px; margin-right:0px }
	.blogImageLeft { width:auto; float:none }
	.blogImageRight { width:auto; float:none }
	.recentPostItem { width:auto; float:none; padding-bottom:20px }
}