/* FRONT PAGE */
#frontbox {border: 3px solid #747ba5; height: 444px; text-align: left;}
#frontbox h1 {font-size: 23pt; margin: 10px 0 0 0; text-align: center; font-weight: normal;}
#frontbox h2 {font-size: 18pt; margin: 0; padding-bottom: 10px; text-align: center;}

/* FRONT LITTLE BOXES */
#boxresidential {background: #9f0d5c url(../img/residential2.jpg) no-repeat bottom left; margin-left: 10px;}
#boxcommercial {background: #4d3b35 url(../img/commercial2.jpg) no-repeat bottom left; margin-left: 253px;}
#boxdesignonline {background: #aa4045 url(../img/designonline2.jpg) no-repeat bottom left; margin-left: 496px;}
#boxresidential, #boxcommercial, #boxdesignonline {position: absolute; width: 232px; height: 345px; padding: 0;}
#boxresidential h3, #boxcommercial h3, #boxdesignonline h3 {font-size: 18pt; font-family: Arial, Helvetica, Sans-Serif; margin: 0;}
#boxresidential p, #boxcommercial p, #boxdesignonline p {font-size: 10pt; margin: 0; padding: 3px 15px; position: absolute; top: 42px;}
#boxresidential a, #boxcommercial a, #boxdesignonline a {text-decoration: none; display: block; width: 202px; height: 88px; padding: 11px 15px; position: absolute;}
#boxresidential p, #boxresidential a {color: #d2d1bd;}
#boxcommercial p, #boxcommercial a {color: #b6ced0;}
#boxdesignonline p, #boxdesignonline a {color: #e7d4b5;}
#boxresidential a {background: url(../img/residential2.gif) no-repeat top left;}
#boxcommercial a {background: url(../img/commercial2.gif) no-repeat top left;}
#boxdesignonline a {background: url(../img/designonline2.gif) no-repeat top left;}
#boxresidential a:hover {color: #e6e5da; background-position: top right;}
#boxcommercial a:hover {color: #d4e5e6; background-position: top right;}
#boxdesignonline a:hover {color: #f4ebdc; background-position: top right;}