div.content { display: none; float: left; width: 100%; }
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }
div.controls { margin: 5px 0 0 5px;  height: 23px; position: relative; top: 30px; float: right; } 
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.slideshow-container { position: relative; clear: both; }
div.loader { position: absolute; top: 0; left: 0; background-image: url('../images/loading.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px;}
div.slideshow { } 
div.slideshow span.image-wrapper { display: block; position: absolute; top: -27px; left: 0;  }
div.slideshow a.advance-link { display: block; text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { float: left; max-width: 324px; }

div.image-desc { line-height: 1.3em; padding-top: 12px; }
.thumbs { float:right; width:294px; clear:both; } 
ul.thumbs { clear: both; margin-top: 18px; padding: 0; }
ul.thumbs li { padding: 0; margin: -8px 0 -4px 0; list-style: none; display: inline-block; max-width: 94px; float:left\9 !important; }



a.thumb { padding: 2px; display: block; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; max-width: 100%; } 
div.pagination { clear: both; float: right; width: 540px; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid inset #ffffff; }

div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #ffffff; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
#thumbs { float:right;} 

ul.thumbs img {
filter: grayscale(100%); 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); }

ul.thumbs li.selected a.thumb img { background: #333333; 
filter: grayscale(0%); 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); 
border: 3px solid #ffffff; }


a.thumb:hover img { background: #333333; 
filter: grayscale(0%); 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); 
border: 3px solid #ffffff; }


ul.thumbs li a.thumb img { border: 3px solid #f7f8f8; }
ul.thumb li img { max-width: 100% !important; }


#caption { float: right; width: 290px; height: auto; }

.sub-video-box { width: 100%; height: 300px !important; }


div.download { float: right; }
div.caption-container { clear: both; height: auto; float: left; overflow: hidden; position: relative; height: 0 !important;  } 
span.image-caption { display: block; position: absolute; top: 0; left: 0; }
div.caption { padding: 10px 0 0 0; float: left; } 
div.image-title { font-size: 13px; letter-spacing: 0; line-height: 15px; }
#thumbs {
margin-bottom: 0 !important;
}
.full-s .advance-link img { height: 433px !important; width: 333px !important; }
.fulls .advance-link img { height: 100% !important; width: 100% !important; }

.backndwhite { display: inline-block !important; }