/*  
Theme Name: DuPage Construction
Theme URI: http://www.dupageconstruction.com/
Description: Custom theme for DuPage construction, based on previous static website.
Version: 1.0
Author: Shirley
Author URI: http://www.velvetblues.com
*/
*{margin:0;padding:0;border:0;}
html{height:100%;min-height:100%;width:100%;}
body{background:#333 url(images/tile.gif) repeat;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;width:100%;line-height:normal;text-align:center;letter-spacing:normal;}

a,a:link{color:#06c;}
a:visited{color:#003;}
a:hover{color:#006;}

#container{text-align:left;margin:0 auto;position:relative;width:882px;border-right:4px solid #999;border-left:4px solid #999;background-color:#fff;}

#header{width:882px;height:128px;background:#fff url(images/tagline.gif) top right no-repeat;}
#header h1{text-indent:-9999px;padding:22px 0 0 27px;}
#header h1 a{display:block;width:297px;height:84px;background:url(images/dupage-construction-services.gif);}

#nav{width:882px;height:50px;background:url(images/nav.jpg);overflow:hidden;}

#nav ul li{display:inline;float:left;text-indent:-9999px;}
#nav ul li a{height:50px;display:block;overflow:hidden;}
#nav ul li#home a{width:144px;background:url(images/home.jpg) top;}
#nav ul li#home a:hover{background-position:0 -50px;}
#nav ul li#quality a{width:149px;background:url(images/quality.jpg);}
#nav ul li#quality a:hover{background-position:0 -50px;}
#nav ul li#services a{width:146px;background:url(images/services.jpg);}
#nav ul li#services a:hover{background-position:0 -50px;}
#nav ul li#process a{width:147px;background:url(images/process.jpg);}
#nav ul li#process a:hover{background-position:0 -50px;}
#nav ul li#portfolio a{width:147px;background:url(images/portfolio.jpg);}
#nav ul li#portfolio a:hover{background-position:0 -50px;}
#nav ul li#contact-us a{width:149px;background:url(images/contact-us.jpg);}
#nav ul li#contact-us a:hover{background-position:0 -50px;}
#nav ul li#home a.on,#nav ul li#quality a.on,#nav ul li#services a.on,#nav ul li#process a.on,#nav ul li#portfolio a.on,#nav ul li#contact-us a.on{background:none;cursor:default;}

#samples{width:882px;height:240px;}
.quality-image{background:url(images/int3.jpg);}
.services-image{background:url(images/int1.jpg);}
.process-image{background:url(images/int6.jpg);}
.portfolio-image{background:url(images/int7.jpg);}
.contact-us-image{background:url(images/int8.jpg);}
.projects-image{background:url(images/int2.jpg);}
.diy-image{background:url(images/int4_diy.jpg);}

#content{width:882px;height:auto;display:block;overflow:hidden;}
#text{width:530px;padding:30px 28px 30px 30px;position:relative;float:left;}
#text h2{font-size:19px;font-weight:bold;margin-bottom:19px;margin-top:18px;}
#text p{margin-bottom:13px;}
#text li,#text p{text-align:justify;}
#text ul{margin:0 0 13px 40px; list-style-position:outside;}
#text ul li{list-style:circle;}

#sidebar{width:275px;position:relative;float:right;padding:20px 0 0 19px;text-indent:-9999px;}
a#projects{background:url(images/callout_upcoming.jpg);width:257px;height:175px;display:block;margin-bottom:20px;overflow:hidden;}
a#diy-rescue{background:url(images/callout_diy.jpg);width:257px;height:175px;display:block;overflow:hidden;}

#footer{position:relative;width:882px;height:30px;display:block;font-size:12px;margin-top:20px;padding-top:20px;text-align:center;color:#666;background-color:#eee;}
#footer strong{margin-right:15px;}

.clear{clear:both;}

img{border:none;}