body{
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
line-height:12px;
}
div#wrapper{
width:990px;
margin:0 auto;
padding:15px;
}
div#canvas{
margin-top:120px;
height:484px;
}
div#logo{
width:307px;
float:left;
}
div#mainnav{
width:250px; 
float:left;
}
div#secnav{
width:258px; 
float:left;
}
div#content{
width:160px; 
float:left;
}
ul li{
padding-bottom:15px;
}
a{
text-decoration:none;
color:#686868;
}
a:hover{
font-weight:bold;
}
a:active{
font-weight:bold;
}
a.active{
font-weight:bold;
}

ul.h-links{
display:none;
}

/*residential*/
#res1{
 padding-top:100px;
}
#res2{
 padding-top:20px;
}
.residential img{
width:75px;
float:left;
padding-right:17px;
}
.residential{
width:683px;
float:right;
clear:both;
}

/*contact*/
p#contact{
line-height:18px;
}
/*slideshow*/
.slideshow {
    position:relative;
    height:350px;
	overflow:hidden;
}
.slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:960px;
}
.slideshow img.active {
    z-index:10;
}
.slideshow img.last-active {
    z-index:9;
}
/*projects*/
img#start{
opacity:0;
}
.projectshow div#whitediv{
	position:absolute;
    top:0;
    left:0;
    z-index:9;
	height:408px;
	width:960px;
	background-color:#fff;
}
.projectshow {
    position:relative;
    height:350px;
	overflow:hidden;
}
.projectshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:960px;
}
.projectshow img.active {
    z-index:11;
}
.projectshow img.last-active {
    z-index:10;
}