#dots {
 margin-left: 40px;
  height: 15px;
  padding: 0;
  background: url(../images/portfolio_nav.gif) no-repeat;
	position: relative;
}



#portfoliosub {
  width:280px;
  height: 15px;
  margin: 0;    
  padding: 0;
}



#portfoliosub li {
  float: left;
  list-style: none;
}
#portfoliosub li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 15px;
  background: url(../images/portfolio_nav.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}



li#one a {
  left: 0;
  width: 27px;
  background-position: 0 0;
}
li#two a {
  left: 27px;
  width: 27px;
  background-position: 0 0;
}
li#three a {
  left: 54px;
  width: 27px;
  background-position: 0 0;
}
li#four a {
  left: 81px;
  width: 27px;
  background-position: 0 0;
}
li#five a {
  left: 108px;
  width: 27px;
  background-position: 0 0;
}
li#six a {
  left: 135px;
  width: 27px;
  background-position: 0 0;
}
li#seven a {
  left: 162px;
  width: 27px;
  background-position: 0 0;
}
li#eight a {
  left: 189px;
  width: 27px;
  background-position: 0 0;
}
li#nine a {
  left: 216px;
  width: 27px;
  background-position: 0 0;
}
li#ten a {
  left: 243px;
  width: 27px;
  background-position: 0 0;
}

#portfoliosub li a:hover {
	height: 15px;
	background-position: 0 -30px;
}

#portfoliosub li a.hot {
  background-position: 0 -15px;
}