#main {padding: 20px 50px;}

#tagline {font-size: 1.25em; font-weight: bold; margin-bottom: 20px; text-align: center;}
#businesses { border-right: 2px solid #CCC; float: left; margin-bottom: 25px; width: 64%;}

/* employer */
#employer {background: url(../img/green_bg.png) repeat-y; float: left; margin-right: 20px; width: 237px;}
#employer h3 {background: url(../img/green_top.png) no-repeat top left; color: #666; font-size: 1.66em; text-align: center; padding: 15px;}
#employer h3 span {color: #333; display: block; font-size: .5em; margin-top: 10px;}

#employer .description {background: url(../img/green_text_bg.png) no-repeat top left; padding: 15px;}
#employer .img {background: url(../img/green_photo.jpg) no-repeat 50% 0; color: #090; display: block; font-size: 1.3em; font-weight: bold; height: 81px; padding-top: 155px; text-decoration: none; text-align: center;}
#employer .img span {color: #666; display: block; font-size: .6em; font-weight: normal;}
#employer .more {background: url(../img/green_bottom.png) no-repeat bottom left; font-size: .8em; padding: 15px 0 25px 0; text-align: center;}
/* end employer */

/* outsource */
#outsource {background: url(../img/blue_bg.png) repeat-y; float: left; width: 237px;}
#outsource h3 {background: url(../img/blue_top.png) no-repeat top left; color: #666; font-size: 1.66em; text-align: center; padding: 15px;}
#outsource h3 span {color: #333; display: block; font-size: .5em; margin-top: 10px;}

#outsource .description {background: url(../img/blue_text_bg.png) no-repeat top left; padding: 15px;}
#outsource .img {background: url(../img/blue_photo.jpg) no-repeat 50% 0; color: #090; display: block; font-size: 1.5em; font-weight: bold; height: 81px; padding-top: 155px; text-decoration: none; text-align: center;}
#outsource .img span {color: #666; display: block; font-size: .6em; font-weight: normal;}
#outsource .more {background: url(../img/blue_bottom.png) no-repeat bottom left; font-size: .8em; padding: 15px 0 25px 0; text-align: center;}
/* end outsource */

#right {float: right; padding-top: 2em; width: 237px;}

#employees,
#social  { height: 216px; margin-bottom: 20px; padding: 20px 20px 0; position: relative; width: 197px;}

#employees h3,
#social h3 {margin-bottom: .5em;}

#employees p,
#social p {font-size: .84em;}

#employees .button a,
#social .button a {height: 47px; font-size: 1.25em; left: 33px; padding: 20px; position: absolute; text-align: center; text-decoration: none; top: 123px; width: 130px;}

/* employee */
#employees {background: url(../img/teal_bg.png) no-repeat top center;}
/* end employee */

/* employee */
#social {background: url(../img/grey_bg.png) no-repeat top center; }
/* end employee */

.customerLists {background: #FFF; border: 1px solid #CCC; margin: -2px 0 0 -2px;}
.customerLists h3 {padding: 20px 20px 0; }
.customers {clear: both; list-style: none; margin: 10px; text-align: center;}
.customers li {display: inline; padding: 0 10px;}

#benefits .content {background: #FFF; border: 2px solid #999; padding: 20px;}
#benefits .content h3,
#benefits .content ul,
#benefits .content p {margin-bottom: 1em;}
#benefits .content ul {padding-left: 30px;}