/* CSS Document */

#container {width: 940px !important; padding-left: 0; padding-right: 0;}

#services_container {padding-top: 25px; background: url(../images/hp_bg.gif) repeat-x bottom left; width: 927px; height: 218px;}

#services {background: url(../images/hp_bg.gif) repeat-x bottom left; width: 775px; height: 218px; padding-left: 13px; margin: 0 auto;}
#services ul {list-style: none;}
#services ul li {float: left; padding-right: 13px;}
#services li a, #services li a:visited {text-indent: -9999px; display: block; width: 142px; height: 218px;}
#services li.pos1 a {background: url(../images/roads.jpg) no-repeat top left;}
#services li.pos2 a {background: url(../images/residential.jpg) no-repeat bottom left;}
#services li.pos3 a {background: url(../images/commercial.jpg) no-repeat bottom left;}
#services li.pos4 a {background: url(../images/highways.jpg) no-repeat bottom left;}
#services li.pos5 a {background: url(../images/recreational.jpg) no-repeat bottom left;}

#two_thirds {width: 465px; float: left; border-right: 1px solid #444; padding: 10px 25px 20px 15px;}
#one_third {width: 390px; float: right; padding: 10px 15px 20px 0;}
#two_thirds h3, #one_third h3 {width: 100%; height: 22px; text-indent: -9999px;}

.column {width: 280px; float:left; padding: 10px 18px 20px 0; border-right: 1px solid #444; margin-right:18px; height:230px; position:relative;}
.column h3 {width: 100%; height: 22px; text-indent: -9999px;}
.last-col {margin-right:0; border:0;}
h3.quality {background: url(../images/quality_h3.gif) no-repeat top left;}
h3.difference {background: url(../images/difference_h3.gif) no-repeat top left;}
h3.projects {background: url(../images/projects_h3.gif) no-repeat top left;}

a.to-blog {position:absolute; top:12px; right:18px; color:#ccc; font-size:11px;}
a.to-blog:hover {color:#fff;}

p {margin: 2px 0 12px 0; font-size: 12px;}
.diff p {font-style: italic;}
p.credit {text-align:right; font-style: normal;}