﻿a:hover     /* Fix for IE6 hover bug */
{
  background-position: 0 0;
}

div#main
{
  /*background-color : #E2E6E9;*/
}

div.content
{
	display: none;
}

#gallery
{
/*  margin           : auto;*/
  margin-top        : 11px;
/*  clear             : both;*/
/*  
  position           : relative;
  top                : 10px;
*/
  height           : 520px;
}

div#thumbs
{
/*  padding-top      : 15px;*/
}

ul.thumbs, ul.EmptyThumbs
{
  margin          : 0;
  padding         : 0;
/*  display         : inline;*/
/*  float           : right;*/
}

ul.thumbs
{
/*  margin-right    : 2px;*/
}
  
ul.thumbs li, ul.EmptyThumbs li
{
  list-style-type : none;
  display         : inline;
  float           : right;
/*  padding         : 15px 10px 0 0;*/
  margin          : 11px 11px 0 0;
}

ul.thumbs li.First
{
  margin-right: 0px;
}

ul.thumbs li a, ul.EmptyThumbs li img
{
  display         : block;
}

ul.thumbs li img.grayscale
{
  display: inline;
  opacity: 0.55;
  filter: alpha(opacity=55);
}

ul.thumbs li.selected img.grayscale, ul.thumbs li a:hover img.grayscale
{
  display: none;
}

ul.thumbs li.selected a img.color, ul.thumbs li a.thumb:hover img.color
{
  display: inline;
}

ul.thumbs img.color
{
  display: none;
}

div#thumbs img
{
/*	border         : lightgrey 2px solid;*/
  border           : 0;
}

div#slideshow img
{
  border          : 0;
}

#extra
{
  background-color : #eee;
  border           : solid 1px #ccc;
  padding          : 6px 0;
  margin-top       : 10px;
}

#extra a
{
  color            : #555;
  text-decoration  : none;
}

div#loader {
	background-image: url('Images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
  width            : 780px;
  height           : 520px;
}

#description
{
  padding-top   : 15px;
}

/* Image Transition */

.slideshow
{
  position         : relative;
  width            : 780px;
/*  
  height           : 520px;
*/
  top              : 0px;
  left             : 0px;
}

.slideshow .image-wrapper, .slideshow .prev-image
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
}

