/* Global Reset */

div, p, table, td, tr, span, ul, li, dt, dd, dl, img, h1, h2, h3, h4, address { margin: 0; padding: 0;}
hr { margin: 0; padding: 0; border: 1px solid white;}
address {font-style: normal; line-height: 14px;}
body { padding: 0 0 20px 0; margin: 0; background: white; font-family: verdana; text-align: center; background: url(../images/body-bg.gif) 0 0 repeat-x;}
h1 { display: none;}
li { list-style-type: none;}
img, a img { border: none;}

/* Modules */

#container { width: 970px; text-align: left; margin: 0 auto;}

#header { display: none;}


#home { background: #ccc url(../images/top-bg.jpg) right 0 no-repeat; padding: 0; _padding: 0 0 10px 0;}
#home #promo-area { width 710px; height: 252px;}
#home #promo-area .leftcolumn { height: 249px; float: left; width: 705px; background: #ccc url(../images/contractor-year.jpg) 0 0 no-repeat; margin: 5px 0 0 10px; _margin: 8px 0 0 5px;}
#home #promo-area .rightcolumn { display: block; float: left; width: 250px; padding: 40px 0 0 0;}
#home #promo-area .rightcolumn p {font-size: 10px; text-align: right; margin: 0 10px 10px 70px; _margin: 0 0 10px 80px;}
#home #promo-area .rightcolumn p.quote { text-align: left;}
#home #promo-area .rightcolumn p a { font-size: 12px; color: #00704a; font-weight: bold;}
#home #promo-area .leftcolumn #promo { width: 200px; padding: 5px 0 0 10px; float: right; margin: 20px 5px 0 0; font-size: 11px; font-weight: bold;}
#home #promo-area .leftcolumn #promo ul { margin: 15px 0 15px 0;}
#home #promo-area .leftcolumn #promo ul li { background: url(../images/bullet-check.gif) 10px 0 no-repeat; padding: 0 0 0 35px; margin: 0 0 5px 0;}
#home #modules { background: #ccc; padding: 0 0 10px 10px; _padding: 0 0 1px 10px; }
#home #modules .column {width: 230px; float: left; background: white; margin: 0 0 0 10px; }
#home #modules #gallery { background: white url(../images/gallery-snapshot.gif) 140px 60px no-repeat;}
#home #modules #awards { background: white url(../images/blue-ribbon.gif) 160px 60px no-repeat;}
#home #modules #awards ul li, #home #modules #gallery ul li { width: 70%;}
#home #modules .column ul { margin: 10px; height: 220px; } /* Please note the static height set to this class, if number of bulletted items changes the height on this list will need to be modified */
#home #modules .column li { color: #006633; list-style-type: disc; font-size: 12px; margin: 0 0 5px 15px;}

/* Subpage */

#interior { background: #ccc;}
#interior .leftcolumn { float: left; width: 190px; margin: 8px 0 0 10px; _margin: 8px 0 0 5px; background: white;}
#interior .leftcolumn ul { margin: 5px 0 5px 0;}
#interior .leftcolumn ul li { font-size: 11px;}
#interior .leftcolumn ul li a { color: black; border-bottom: 1px solid #ebebeb; text-decoration: none; height: 23px; margin: 0 5px 0 5px; padding: 0 0 5px 5px; display: block; line-height: 24px;}
#interior .leftcolumn ul li a:hover { color: black; text-decoration: none; background: yellow; }
#interior .leftcolumn ul li a.selected { color: black; text-decoration: none; background: yellow; font-weight: bold;}

#interior .rightcolumn { float: left; width: 750px; margin: 8px 0 0 10px; _margin: 8px 0 0 8px; background: white;}
#interior .rightcolumn .content { float: left; width: 559px; color: #4b4b4b; padding: 0 0 40px 0;}
#interior .rightcolumn .content .header { margin: 0 0 10px 20px;}
#interior .rightcolumn .content p { font-size: 11px; margin: 0 20px 10px 20px; line-height: 16px;}
#interior .rightcolumn .content p.breadcrumbs { border-bottom: 1px solid #ebebeb; padding: 0 0 5px 0; margin: 10px 0 10px 20px;}
#interior .rightcolumn .content p.breadcrumbs, #interior .rightcolumn .content p.breadcrumbs a { color: #a5a5a5; text-decoration: none; font-weight: bold;}
#interior .rightcolumn .content p.breadcrumbs a:hover { color: #00704a; text-decoration: underline;}
#interior .rightcolumn .content p.caption { font-size: 12px; font-weight: bold;}
#interior .rightcolumn .content h3 { font-size: 12px; margin: 0 20px 10px 20px;}
#interior .rightcolumn .content #contact { margin: 0 20px 0 20px;}
#interior .rightcolumn .content #contact img { margin: 0 0 0 140px;}
#interior .rightcolumn .sidebar { display: none;}
#footer-top { display: none;}
#footer-bottom { display: none;}


/* Override Classes */

.nomargin { margin: 0 !important;}
.noborder { border: none !important;}

/* Clear Float */

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cf {height: 1%;}
