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% }
#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 { position:relative; max-width:1280px; z-index:0; padding:22px 3% 15px; margin-left:auto; margin-right:auto; background-color:#fff; box-sizing:border-box }
#parallaxWrapper { z-index:10 }
#videoDiv { z-index:0 }
#item16 { width:100px; display:inline-block }
#parallaxShim { z-index:0; overflow:hidden }
#movingContent { z-index:20; background-color:#fff; overflow:hidden; position:relative }
#introText { z-index:0; padding-left:3%; padding-right:3%; margin-top:2%; overflow:hidden }
#section2Left { width:49%; z-index:0; float:left; max-width:340px }
#share-this { z-index:0; padding-top:50px }
#share-this-markup { width:100px; display:inline-block }
#section2Right { width:49%; z-index:0; float:right; padding-left:1%; border-left:solid #7db713 2px }
#servicesList { z-index:0; padding-left:3%; padding-top:2%; padding-right:3%; overflow:hidden }
#item1 { width:100px; display:inline-block }
.serviceItem { width:32.26%; z-index:0; float:left; padding-top:50px; padding-bottom:50px; background-color:#ab398d; position:relative }
.serviceInner { z-index:0; padding-left:20px; padding-right:10px }
#item2 { width:100px; display:inline-block }
#item4 { width:100px; display:inline-block }
.serviceOverlay { min-height:30px; z-index:0; background-color:#ab398d; position:absolute; top:0; bottom:0; left:0; right:0 }
.serviceTitle { min-height:30px; z-index:0; position:absolute; bottom:20px; left:20px; right:20px }
#item7 { width:100px; display:inline-block }
#featuredProjectGrid { z-index:0; padding:1.6% 3%; margin-left:-1.6%; overflow:hidden }
#item8 { width:100px; display:inline-block }
.featuredProjectItem { width:31.73%; z-index:0; float:left; margin-left:1.6%; margin-bottom:1.6%; overflow:hidden; position:relative }
#projects0003VectorSmartObject { left:0px; top:0px; width:381px; height:206px; overflow:hidden }
.featuredProjectOverlay { z-index:0; background-image:url(../Resources/project-overlay1.png); background-position:-90px top; background-repeat:no-repeat; position:absolute; top:0; bottom:0; left:0; right:0 }
.featuredProjectTitle { width:60%; z-index:0; position:absolute; bottom:20px; left:20px }
#item10 { width:100px; display:inline-block }
#blogList { z-index:0; padding:2% 3%; background-color:#e6e6e6 }
#blogWrapper { z-index:0; margin-left:-1.6%; margin-top:20px; overflow:hidden }
#item11 { width:100px; display:inline-block }
.blogListItem { width:31.73%; z-index:0; float:left; margin-left:1.6%; background-color:#fff }
.blogListImage { z-index:0 }
#thumb3 { left:0px; top:0px; width:384px; height:208px; overflow:hidden }
.blogListText { z-index:0; padding:30px 20px }
#item15 { width:100px; display:inline-block }
#footer.f-ms { padding:40px 3% 10px }
@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{
	.featuredProjectOverlay { background-image:url(../Resources/project-overlay.png); background-size:550px 407px }
}
@media screen and (max-width:768px)
{
	#headerInner { max-width:1203px }
	.serviceItem { width:auto; float:none; padding-top:15px; padding-bottom:15px }
	.blogListItem { width:auto; float:none; margin-left:2%; margin-bottom:4% }
	.blogListImage { display:none }
}
@media screen and (max-width:568px)
{
	#headerInner { padding-top:10px; padding-bottom:10px }
	#section2Left { width:auto; float:none }
	#share-this { padding-top:20px; padding-bottom:20px }
	#section2Right { width:auto; float:none; border-left:none }
}