.gallery {
  border-top:1px solid white;
  border-bottom:1px solid white;
  margin-bottom:20px;
}

#portfolio{
margin-top:20px;
width: 760px;
position: absolute;
left: 5px;

}

#portfolio img{
border-top:1px solid white;
border-bottom:1px solid white;
}

#portfolio li{
list-style:none;
display:inline;
}

#portfolio a:hover{
background-color:white;
color:black;
text-decoration:none;
}

#portfolio a{
font-size:0.7em;
text-decoration:none;
color:white;
border:1px solid white;
border-left:none;
text-align: center;
}

#portfolio li a.res{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/res2.jpg);
background-repeat:no-repeat;
background-position:bottom;
border-left: 1px solid #ffffff;
}

#portfolio li a:hover.res{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/res1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a.com{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/comm2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a:hover.com{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/comm1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a.fire{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/fire2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a:hover.fire{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/fire1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a.bas{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/b2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a:hover.bas{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/b1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a.kit{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/kit2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a:hover.kit{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/kit1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a.add{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/ad2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a:hover.add{
display:block;
float:left;
height:185px;
width:100px;
background-image:url(../images/ad1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a.sp{
display:block;
float:left;
height:185px;
width:103px;
background-image:url(../images/sp2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#portfolio li a:hover.sp{
display:block;
float:left;
height:185px;
width:103px;
background-image:url(../images/sp1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
.thumbs{
margin-top:15px;
width:600px;
}

#title{
width:770px;
height:110px;
background-color:#CC0033;
background-repeat:repeat-x;
}

ul.services{
padding:0;
list-style: url(../images/arrow.gif) disc outside;
line-height:1.2em;
text-align:left;
}