body, h1, h2, h3, p, ul, li {
  margin: 0px;
  padding: 0px;
}

html, body {
  height: 100%;
}

body {
  background-color: black;
  color: #aaaaaa;
  font-family: arial,tahoma,sans-serif;
  font-size: 11px;
  text-align: center;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  color: #aaaaaa;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: white;
}

/*** GALLERY ***/

#gallery {
  height: 100%;
}

#controls {
  position: fixed;
  z-index: 1000;
  overflow: hidden;
  color: white;
  width: 100%;
  height: 36px;
  padding: 3px;
}

#controls a {
  color: white;
  display: block;
  float: left;
  margin0right: 
}

#controls a:hover, #controls a.active {
}

#controls #prev_image, #controls #next_image, #controls #photo_index, #controls #close_window {
  float: right;
}

#photo_index {
  float: left;
  padding: 10px 5px 0px 5px;
  font-size: 14px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#gallery #slideshow_container {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0px;
  top: 0px;
}

#gallery #slideshow {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

#gallery #loading {
  background: transparent url('http://img.ephoto.sk/images/theme_default/preloader.gif') center center no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#gallery #slideshow .image-wrapper {
  display: table;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin-top: 35px;
}

#gallery #slideshow .advance-link {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

#gallery #slideshow img {
  width: auto;
  margin-bottom: 70px;
}

#gallery #caption {
  position: absolute;
  top: 40px;
  left: 8px;
  width: 40%;
}

span.image-caption {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
}

span.image-caption span {
  font-size: 12px;
  color: white;
  display: block;
  width: 300px;
}

span.image-caption span.title {
  font-size: 18px;
}

#gallery #thumbs {
  width: 100%;
  height: 64px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  background: transparent url(http://img.ephoto.sk/images/theme_default/semitransparent_bg.png) repeat;
  display:none;
}

#gallery #thumbs #center {
  overflow: hidden;
  width: 930px;
  margin: 0px auto;
}

#gallery #thumbs ul {
  padding: 5px;
  list-style-type: none;
  float: left;
  width: 900px;
}

#gallery #thumbs ul li {
  float: left;
  padding: 0px 5px;
}

#gallery #thumbs ul li a {
  display: block;
  width: 80px;
  height: 53px;
  overflow: hidden;
  text-align: center;
}

#gallery #thumbs ul li a img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#gallery #thumbs ul li.selected a img, #gallery #thumbs ul li a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

#prev_page, #next_page {
  display: block;
  float: left;
  width: 10px;
  height: 11px;
  background: transparent url(http://img.ephoto.sk/images/theme_default/arrows.gif) no-repeat;
  margin-top: 28px;
  overflow: hidden;
  text-indent: -9999px;
}

#prev_page {
  background-position: left top;
}

#next_page {
  background-position: -10px top;
}

#prev_page:hover {
  background-position: left -11px;
}

#next_page:hover {
  background-position: -10px -11px;
}

#play {
  width: 60px;
  text-align: center;
}

#fullsize_link {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -32px 0px no-repeat;
	text-indent: -3300px;
}

#fullsize_link:hover {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -32px -33px no-repeat;
	text-indent: -3300px;
}



#play {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) 0px 0px no-repeat;
	text-indent: -3300px;
}

#play:hover {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) 0px -33px no-repeat;
	text-indent: -3300px;
}


#next_image {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -96px 0px  no-repeat;
	text-indent: -3300px;
}
#next_image:hover {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -96px -33px  no-repeat;
	text-indent: -3300px;
}

#prev_image {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -65px 0px no-repeat;
	text-indent: -3300px;
}

#prev_image:hover {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -65px -33px no-repeat;
	text-indent: -3300px;
}

#close_window {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -128px 0px no-repeat;
	text-indent: -3300px;
	margin-right: 14px;
}

#close_window:hover {
	width: 32px;
	height: 36px;
	background: transparent url(/images/gallery/presentation-icons.png) -128px -33px no-repeat;
	text-indent: -3300px;
}

#play a.active {
	background: transparent url(/images/gallery/presentation-icons.png) 0px -33px no-repeat;
}