img {
   border: 0;
   display: block;
}
br {
   line-height: 0;
}
html {
  	font: bold 11px verdana;
   background: #000;
   color: #999;
   height: 100%;
}
body {
   height: 100%;
   margin: 0;
}
div#wrapper {
   margin: 0 auto;
   width: 800px;
}
div#navigation {
   position: absolute;
   top: 47px;
}
body#slideshow div#navigation {
   z-index: 1;
}
div#navigation a {
   display: block;
   position: absolute;
}
body#slideshow div#navigation a {
   width: 400px;
   /*height: 500px;*/
   height: 480px;
}
body#gallery div#navigation a {
   width: 80px;
   height: 480px;
}
div#navigation a:focus {
   -moz-outline-style: none;
}
div#navigation a.previous {
   background: url('previous.png') no-repeat center left;
}
div#navigation a.previous_over, div#navigation a#previous:hover {
   background: url('previous_over.png') no-repeat center left;
}
body#slideshow div#navigation a#next {
   margin-left: 400px;
}
body#gallery div#navigation a#next {
   margin-left: 720px;
}
div#navigation a.next {
   background: url('next.png') no-repeat center right;
}
div#navigation a.next_over, div#navigation a#next:hover {
   background: url('next_over.png') no-repeat center right;
}
div#content {
   margin: 0 auto;
}
body#slideshow div#content {
   /*width: 660px;*/
   width: 640px;
}
body#gallery div#content {
   width: 640px;
}
div#control {
   height: 47px;
   margin-right: -3px;
   overflow: hidden;
}
div#control a {
   display: block;
   float: right;
   width: 17px;
   height: 17px;
   margin: 15px 3px;
}
div#control a#close {
   background: url('close.png');
}
div#control a#close:hover {
   background: url('close_over.png');
}
div#control a#gallery {
   background: url('gallery.png');
}
div#control a#gallery:hover {
   background: url('gallery_over.png');
}
div#image {
   /*width: 660px;
   height: 500px;*/
   width: 640px;
   height: 480px;
   overflow: hidden;
   vertical-align: middle;
   display: table-cell;
}
div#image img {
   margin: 0 auto;
   max-width: 640px;
   max-height: 480px;
	filter: alpha(opacity = 100);
	/*border: 10px solid #fff;*/
}
div#information {
   margin-top: 15px;
   text-align: left;
}
div#information span.text {
   margin-right: 5px;
   float: left;
}
div#information span.number {
   float: right;
}
div#slides {
   margin: -10px;
   height: 520px;
}
div.slidewrapper {
   float: left;
   margin: 10px;
}
a.slide {
   display: block;
}
a.slide span.image_highlight {
   display: block;
   background: #fff;
   position: absolute;
   z-index: -1;
   opacity: 0;
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
}
a.slide:hover span.image_highlight {
   z-index: 1;
   opacity: 0.1;
   filter: alpha(opacity=10);
   -moz-opacity: 0.1;
   -khtml-opacity: 0.1;
   cursor: pointer;
}
span.imagewrapper {
   display: block;
   position: absolute;
   overflow: hidden;
   cursor: pointer;
   background: #111;
}
span.image {
   display: table-cell;
   vertical-align: middle;
}
span.image img {
   margin: 0 auto;
}