* {margin: 0; padding: 0;}
html, body {height: 100%;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -3em;}
.footer, .push {padding: 0 20% 0 20%; height: 3em; color: #484848;}
body {font-family: "Helvetica Neue", Helvetica, sans-serif; letter-spacing: .5px; background: #FAFAFA;}
#bar {width: 100%; height: 198px; position: absolute; top: 20%; background: #282828;}
#header {width: 1000px; position: absolute; left: 50%; margin-left: -500px;}
#logo {float: right; position: relative; top: -41px; margin-right: 16px;}
#header ul {float: left; position: relative; top: -41px; list-style-type: none;}
#header ul li {float: left; margin-left: 22px; margin-right: 9px;}
.first {margin-left: 21px;}
li img {border: 2px solid #000;}
img.commercial {border-bottom: 2px solid #909090;}
img.health_care {border-bottom: 2px solid #CFB54D;}
img.residential {border-bottom: 2px solid #C0473B;}
img.educational {border-bottom: 2px solid #7080B0;}
a.commercial, a.health_care, a.residential, a.educational {position: relative; top: -5px; display: block; text-decoration: none; font-size: 16px; letter-spacing: 2px; line-height: 62px;}
a.commercial {color: #909090;}
a.health_care {color: #CFB54D;}
a.residential {color: #C0473B;}
a.educational {color: #7080B0;}
#content {width: 612px; position: relative; left: 50%; top: 115%; margin: 0 276px 0 -478px;}
#contact {width: 800px; position: relative; left: 50%; top: 105%; margin: 0 0 0 -478px; font-size: 17px; color: #484848;}
#contact ul {float: left; position: relative; list-style-type: none;}
#contact ul li {float: left; margin-right: 35px;}
strong {font-weight: bold;}