html { margin-bottom: -435px; }

body { height: 100%; margin: 0px; padding: 0px; background: #152029 url(images/bg.gif); background-repeat: repeat-x; font: 11px Verdana; color: #fff; }

#top_fix { height: 259px; width: 100%; background: url(images/top_rep.jpg) repeat-x; }
#top { position: relative; z-index: 1; overflow: hidden; height: 259px; width: 100%; background: url(images/top_1280.jpg) no-repeat; }

#wrapper { position: absolute; width: 100%; }

#middle { position: relative; z-index: 2; height: 260px; }
#middle_under_left { position: relative; z-index: 3; float: left; height: 233px; width: 49.9%; margin-top: 27px; background-image: url(images/middle_left.png); background-repeat: repeat-x; }
#middle_under_right { position: relative; z-index: 3; float: right; height: 233px; width: 49.9%; margin-top: 27px; background-image: url(images/middle_right.png); background-repeat: repeat-x; }
#middle_hold { position: relative; z-index: 4; width: 960px; left: 49.9%; margin-left: -480px; margin-top: -260px; }
#middle_center { margin-left: 400px; }
#middle_center a { position: relative; display: block; height: 260px; width: 280px; top: -1px; cursor: pointer; }
#middle_center a:hover { position: relative; display: block; height: 260px; width: 280px; top: 10px; margin-top: 0px; }
#middle_over_left { position: relative; z-index: 5; float: left;  width: 600px; margin-top: -210px; font-size: 12px; }
#middle_over_right { position: relative; z-index: 5; float: left; margin-left: 700px; margin-top: -210px;}

#photo_holder { position: absolute; z-index: 5; height: 130px; width: 200px; left: 20px; _left: -670px; top: 20px; }
#photo_top_corner { position: absolute; z-index: 7; height: 20px; width: 20px; }
#photo_bottom_corner { position: absolute; z-index: 7; height: 20px; width: 20px; left: 180px; top: 110px; }
#photo_border { position: absolute; z-index: 6; height: 130px; width: 200px; background-image: url(images/border.png); }
.first_photo { position: absolute; }
.photo_fix { position: absolute; }

#contact_info a { position: absolute; z-index: 1; height: 84px; width: 327px; left: 200px; top: -30px; cursor: pointer; }
#contact_info a:hover { top: -40px; }

#titles { position: relative; width: 960px; left: 49.9%; margin-left: -480px; margin-top: 13px; _margin-top: 3px; }
#paving { float: left; height: 30px; width: 320px; background-position: center top; background-repeat: no-repeat; }
#groundwork { float: left; height: 30px; width: 320px; background-position: center top; background-repeat: no-repeat; }
#excavation { float: left; height: 30px; width: 320px; background-position: center top; background-repeat: no-repeat; }

#bottom { position: relative; z-index: 2; height: 235px; }
#bottom_under_left { position: relative; z-index: 3; float: left; height: 235px; width: 49.9%; background-image: url(images/bottom_left.png); background-repeat: repeat-x; }
#bottom_under_right { position: relative; z-index: 3; float: left; height: 235px; width: 49.9%; background-image: url(images/bottom_right.png); background-repeat: repeat-x; }
#bottom_hold { position: absolute; z-index: 4; width: 960px; left: 49.9%; margin-left: -480px; top: -0px; _margin-bottom: -235px; }
#bottom_over_left { position: relative; z-index: 5; float: left; height: 235px; width: 310px; background-image: url(images/bottom_left.png); background-repeat: repeat-x; }
#bottom_join_left { position: relative; z-index: 5; float: left; height: 235px; width: 10px; background-image: url(images/bottom_join_left.png); }
#bottom_over_center { position: relative; z-index: 5; float: left; height: 235px; width: 310px; background-image: url(images/bottom_center.png); background-repeat: repeat-x; }
#bottom_join_right { position: relative; z-index: 5; float: left; height: 235px; width: 10px; background-image: url(images/bottom_join_right.png); }
#bottom_over_right { position: relative; z-index: 5; float: left; height: 235px; width: 320px; background-image: url(images/bottom_right.png); background-repeat: repeat-x; }

.bottom_content { height: 200px; width: 290px; margin-left: 10px; margin-top: 20px; }
#paving_slabs { float: right; height: 79px; width: 125px; padding-bottom: 10px; background-repeat: no-repeat; }
#red_bulldozer { float: right; height: 64px; width: 125px; padding-bottom: 10px; background-repeat: no-repeat; }
#grey_bulldozer { float: right; height: 64px; width: 125px; padding-bottom: 10px; background-repeat: no-repeat; }

.clear { clear: both; }

/*Internet Explorer Fixes*/

html>body #middle_center a{ background: url(images/middle_center.png) no-repeat; }
html>body #middle_center a:hover { background: url(images/middle_center_over.png) no-repeat; }
html>body #photo_top_corner { background-image: url(images/photo_corner_a.png); }
html>body #photo_bottom_corner { background-image: url(images/photo_corner_b.png); }
html>body #contact_info a { background-image: url(images/contact_info.png); }
html>body #paving_slabs { background-image: url(images/paving_slabs.png); }
html>body #red_bulldozer { background-image: url(images/red_bulldozer.png); }
html>body #grey_bulldozer { background-image: url(images/grey_bulldozer.png); }
html>body #paving { background-image: url(images/title_paving.png); } 
html>body #groundwork { background-image: url(images/title_groundwork.png); }
html>body #excavation { background-image: url(images/title_excavation_hire.png); }


/*Opera Fixes - Sloppy*/

@media all and (min-width: 0px){ #middle_hold { display: inline-table; top: -260px; } }
@media all and (min-width: 0px){ #bottom_hold { display: inline-table; margin-bottom: -235px;} }

#mdseo {clear:both;padding:3px;font-family:tahoma;font-size:9px !important;text-align:center;}
#mdseo,#mdseo a {color:#999 !important;text-decoration:none;}