﻿/* style gallery */
#gallery {
  background: #EFEFEF;
  width: 652px;
  margin: 0px;
  float: right;
}
#gallery ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 652px;
  float: left;
  clear: both;
}
#gallery li {
  padding: 6px;
  margin: 0px;
  position: relative;
}
#gallery li span {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 6px;
  width: 534px;
  background-color: #000000;
  color: #ffffff;
  padding: 8px;
  font-size: 1.3em;
}
#gallery img {
  border: 2px solid #333;
}
#gallery ul.small-images {
  padding: 0px 3px 3px 3px;
  display: none;
}
#gallery ul.small-images li {
  padding: 0px;
  float: left;
  clear: none;
}
#gallery ul.small-images a {
  display: block;
  float: left;
  padding: 2px;
}
/*#gallery ul.small-images a.selected {
  background: #666;
}*/
#gallery ul.small-images a:hover {
	background: #000;
}
#gallery ul.small-images a:hover img {
  
}
#gallery ul.controls {
	display: none;
  	position: relative;
}
#gallery ul.controls li {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  z-index: 100;
  top: 200px;
}
#gallery ul.controls li.prev {
  left: 10px;z-index: 343;
  background: none;
}
#gallery ul.controls li.next {
  right: 10px;
  background: none;
}
#gallery ul.controls a {
  display: block;
  width: 34px;
  height: 34px;
  text-decoration: none;
  background: none;
  border: none;
}
#gallery ul.controls a img {
  border: none;
}
.tinted {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}



/****************
Main Gallery
****************/

a#thumb1{
  background-image:url(images/gallery1thumb.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

a#thumb2{
  background-image:url(images/gallery2thumb.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

a#thumb3{
  background-image:url(images/gallery3thumb.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

a#thumb4{
  background-image:url(images/gallery4thumb.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

a#thumb5{
  background-image:url(images/gallery5thumb.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

a#thumb6{
  background-image:url(images/gallery6thumb.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

a#thumb1:hover{
  background-position:0px -77px;
}

a#thumb2:hover{
  background-position:0px -77px;
}

a#thumb3:hover{
  background-position:0px -77px;
}

a#thumb4:hover{
  background-position:0px -77px;
}

a#thumb5:hover{
  background-position:0px -77px;
}

a#thumb6:hover{
  background-position:0px -77px;
}

