/* ui_elements.css */

/* base button declaration */

.btn {
	display: block;
	position: relative;
	overflow: hidden;
}

.btn img {
	position: absolute;
	top: 0;
	left: 0;
}

.btn:hover {
	background: transparent;
}

/* button definitions */

.category .btn {
  height: 62px;
  width: 198px;
}

.category .btn:hover img,
.category .btn.current img {
  top: -63px;
}

/* gallery thumb nails */

.gallery-thumbs ul {
  margin: 0;
  padding: 0;
  border-left: 1px solid #fff;
  border-right: 2px solid #fff;
  list-style-type: none;
  overflow: hidden;
}

.gallery-thumbs ul li {
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  padding-bottom: 34px;
  position: relative;
  background: #fff url("../images/bg_thumb_gradient.gif") no-repeat 0 100%;
}

.gallery-thumbs ul .first {
  padding-left: 0;
  background-position: -2px 100%;
}

.gallery-thumbs ul li a {
  position: absolute;
  display: block;
  top: 0;
  left: 2px;
  width: 79px;
  height: 59px;
  text-decoration: none;
  background: url("../images/spacer.gif") repeat 0 0;
}

.gallery-thumbs ul li a:hover,
.gallery-thumbs ul li .current {
  background: url("../images/bg_gallery_link.gif") no-repeat 0 0;
}

.gallery-thumbs ul .first a:hover,
.gallery-thumbs ul .first .current {
  left: 0;
}

/* gallery archive */

.ga-category li .btn {
  width: 568px;
  height: 43px;
}

.ga-category li .btn:hover img,
.ga-category li .btn.current img {
  top: -43px;
}