body { color:#7c7c7c; font-family:Transat Text Standard, Helvetica, sans-serif; font-size:15px; line-height:1.7em; margin:0px; background-color:#fff; height:100% }
html { height:100% }
#contact-email a:link { color:#939393; text-decoration:none }
#contact-email a:visited { color:#939393; text-decoration:none }
#contact-email a:hover { color:#d9e021; text-decoration:none }
#contact-email a:active { color:#d9e021; text-decoration:none }
#PageDiv { position:relative; min-height:100% }
#navspacer-fullwidth { width:100%; min-height:100px; z-index:0; clear:both; overflow:hidden; font-size:1px }
#header-fullwidth { width:100%; height:220px; z-index:0; clear:both; background-color:#d9e021; background-image:url(../Resources/header-websites.jpg); background-position:left; background-repeat:no-repeat; overflow:visible; background-size:cover }
#header-container { width:72.73%; max-width:960px; z-index:0; padding-top:166px; margin-left:auto; margin-right:auto; overflow:visible }
#content-fullwidth { width:100%; z-index:0; clear:both; overflow:visible }
#content-container { width:57.88%; max-width:764px; z-index:0; padding-left:236px; padding-top:68px; margin-left:auto; margin-right:auto; overflow:visible }
#projects-container { width:100%; max-width:764px; z-index:0; float:left; overflow:visible }
#image1-container { width:100%; max-width:764px; z-index:0; margin-bottom:10px; overflow:visible }
#PBB1 { max-width:100%; overflow:hidden; width:auto; height:auto }
#image2-container { width:100%; max-width:764px; z-index:0; margin-bottom:10px; overflow:visible }
#PBB2 { max-width:100%; overflow:hidden; width:auto; height:auto }
#image3-container { width:100%; max-width:764px; z-index:0; margin-bottom:45px; overflow:visible }
#PBB3 { max-width:100%; overflow:hidden; width:auto; height:auto }
#quote-fullwidth { width:100%; height:150px; z-index:0; clear:both; background-color:#d9e021; overflow:visible }
#quote-container { width:72.73%; max-width:960px; z-index:0; padding-top:56px; margin-left:auto; margin-right:auto; overflow:visible }
#quotemenu { width:18.33%; min-width:176px; z-index:0; margin:auto; overflow:visible; height:auto; position:relative }
#footer-fullwidth { width:100%; height:100px; z-index:0; clear:both; background-color:#292929; overflow:visible }
#footer-container { width:72.73%; max-width:960px; z-index:0; padding-top:25px; margin-left:auto; margin-right:auto; overflow:visible }
#copyright { z-index:0; float:left; overflow:visible }
#date-markup { overflow:visible }
#contact-email { z-index:0; float:right; overflow:visible }
#nav-fullwidth { position:absolute; left:0px; top:0px; width:100%; z-index:99; background-color:#f7f7f7; overflow:visible }
#nav-holder { width:76.52%; height:100px; max-width:1010px; z-index:0; margin-left:auto; margin-right:auto; overflow:visible }
#logo-holder { width:245px; z-index:0; float:left; margin-left:20px; margin-top:50px; overflow:visible }
#logo { overflow:hidden }
#menu { z-index:0; float:right; margin-top:51px; margin-right:16px; overflow:visible; height:auto; position:relative }
#fullwidth-layer { position:absolute; left:0px; top:366px; width:100%; z-index:2; padding-top:30px; overflow:visible }
#submenu-container { width:72.73%; max-width:960px; z-index:0; margin-left:auto; margin-right:auto; overflow:visible }
#submenu { width:190px; max-width:190px; z-index:0; border-bottom:dotted #d6d6d6 1px; overflow:visible }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; padding:9px 18px 3px 18px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal }
* html #fwNav1 { float:left }
* html #fwNav1 .fwNavItem a { float:left; height:1% }
#fwNav2 { float:right; padding:0; margin:0; list-style:none }
#fwNav2 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav2 .fwNavItem a { display:block; color:#AAAAAA; text-decoration:none; padding:4px 10px 0px 10px }
#fwNav2 .fwFirstChild { border-left:0 }
#fwNav2 .fwLastChild { border-right:0 }
#fwNav2 .fwNavItem a:hover, #fwNav2 .fwNavItem span a:hover, #fwNav2 .fwNavItem a:focus { color:#636363; text-decoration:none }
#fwNav2 .fwNavItem a:active { color:#636363; text-decoration:none }
#fwNav2-toggle, .fwNav2-toggle-label { display:none }
.fwNav2-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-grey-open.png'); background-repeat:no-repeat; background-size:100%; float:right }
#fwNav2 .fwNavItem a.fwCurrent, #fwNav2 .fwNavItem a.fwCurrent:hover { display:block; color:#636363; font-weight:normal }
* html #fwNav2 { float:right }
* html #fwNav2 .fwNavItem a { float:left; height:1% }
@media screen and (max-width:880px)
{
	#header-container { width:84.32%; height:24px }
	#content-container { width:62.05%; padding-top:70px }
	#projects-container { width:99.82%; max-width:782px }
	#image1-container { max-width:782px }
	#quote-container { width:84.32% }
	#quotemenu { width:23.72% }
	#footer-container { width:84.32% }
	#nav-holder { width:90% }
	#submenu-container { width:84.32% }
}
@media screen and (max-width:768px)
{
	#header-container { width:88.54% }
	#content-container { width:61.72% }
	#projects-container { width:100% }
	#quote-container { width:88.54% }
	#quotemenu { width:25.88% }
	#footer-container { width:88.54% }
	#nav-holder { width:95.05% }
	#submenu-container { width:88.54% }
}
@media screen and (max-width:700px)
{
	#header-container { width:88.54% }
	#content-container { width:62.57%; padding-left:222px }
	#projects-container { width:97.95% }
	#quotemenu { width:28.4% }
	#nav-holder { width:95.05% }
	#menu { margin-right:20px }
	#fwNav2 { width:100%; right:0; left:0; margin-top:40px }
	#fwNav2 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav2 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:0px; padding-right:0px }
	#fwNav2 .fwFirstChild { border-top:0 }
	#fwNav2 .fwLastChild { border-bottom:0 }
	.fwNav2-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNavContainer2 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	.fwNav2-toggle-close { background-image:url('../Resources/menu-grey-close.png'); margin:52px 28px 20px 20px }
	.fwNavContainer2.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:640px)
{
	#content-container { width:93.75%; padding-left:0px; padding-top:270px }
	#projects-container { width:100%; clear:left }
	#image1-container { margin-top:6px }
	#image3-container { margin-bottom:20px }
	#quotemenu { width:29.91% }
	#footer-container { padding-top:20px }
	#copyright { width:99.94%; float:none; margin-left:auto; margin-right:auto }
	#contact-email { width:99.94%; float:none; padding-top:5px; margin-left:auto; margin-right:auto }
	#logo-holder { margin-left:18px }
	#menu { margin-right:18px }
	#fullwidth-layer { top:320px; padding-top:36px; padding-bottom:36px; background-color:#fff }
	#submenu { width:100%; max-width:567px }
}
@media screen and (max-width:480px)
{
	#content-container { padding-top:264px }
	#quotemenu { width:41.41% }
	#footer-fullwidth { height:110px }
	#footer-container { padding-top:18px }
	#copyright { width:67% }
	#logo-holder { margin-left:14px }
	#menu { margin-right:14px }
}
@media screen and (max-width:320px)
{
	#content-container { padding-top:270px }
	#quotemenu { width:62.12% }
	#copyright { width:100% }
	#nav-holder { width:100% }
}