#gallery {width: 908px; height:269px; position:relative; background-color: #fff; margin:10px auto 0 0; text-align: left; border:solid 6px #939598; -moz-border-radius:15px; -webkit-border-radius:15px; /*overflow:hidden;*/ float:left; clear:both;}
#galContainer {padding:0; height:288px; position:relative; -moz-border-radius:10px; -webkit-border-radius:10px;}

/* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */
div.content {display: none; float:left; width:680px; height:286px;}
div.content a, div.navigation a {text-decoration: none; color: #777;}
div.content  a:focus, div.content  a:hover, div.content  a:active {background:transparent; color:#fff;}
div.controls {margin-top: 5px; height: 23px; position:absolute; top:242px; left:593px; font:normal 10px verdana, arial, helvetica, sans-serif; color:#181818; z-index:5000;}
div.controls a {padding:3px 4px 3px 4px; background:#fff; margin:0 5px 0 0; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:1px 1px 2px #181818; -webkit-box-shadow:1px 1px 2px #181818;}
div.controls a:hover {background:#f37123;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.loader {background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 350px}
div.slideshow {clear: both;}
div.slideshow span.image-wrapper {float: left;}
div.slideshow a.advance-link {display: block;}
div.slideshow img {border: none; display: block; /*padding:1px;*/ width:600px; height:269px; -moz-border-radius:8px; -webkit-border-radius:8px;}
div.download {float: right;}
div.embox {position:absolute; left:3px; bottom:23px; border: 1px solid red; background-color: #eee; padding: 5px;}
div.image-title {font-weight: bold; font-size: 10px;}
div.image-desc {line-height: 1.3em; padding-top: 12px;}
div.navigation {/* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */}
ul.thumbs {clear: both; margin: -15px 0 0 5px; padding: 0;}
ul.thumbs li {float: left; padding: 0; margin:0 5px 8px 5px; list-style: none; -moz-box-shadow:0 0 3px #4d6d03; -webkit-box-shadow:0 0 3px #4d6d03; -moz-border-radius:10px; -webkit-border-radius:10px;}
a.thumb {padding: 4px; display: block; width:88px; height:43px; overflow:hidden; background:#fff; -moz-border-radius:6px; -webkit-border-radius:6px;}
a.thumb img {-moz-border-radius:6px; -webkit-border-radius:6px;}
ul.thumbs li.selected a.thumb {background: #fff; -moz-box-shadow:0 0 8px #4d6d03; -webkit-box-shadow:0 0 8px #4d6d03;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none; display: block; width:88px; height:43px;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px; height: 11px;}
div.navigation div.bottom {margin:6px 0 7px 135px; position:absolute; bottom:-3px; left:0;}
div.pagination a, div.pagination span.current {display: block; float: left; margin:3px 2px 0 0; padding:2px 4px 2px 4px; border: 1px solid #fff; background:#fff; font:normal 10px verdana, arial, helvetica, sans-serif; -moz-border-radius:8px; -webkit-border-radius:8px; color:#666; -webkit-box-shadow:1px 1px 2px #181818; -moz-box-shadow:1px 1px 2px #181818;}
div.pagination a:hover {background-color: #f37123; text-decoration: none; color:#fff;}
div.pagination span.current {font-weight: bold; background-color: #f37123; color: #fff;}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {float: none; padding: 0; margin: 0; list-style: none;}
#thumbs-min a.thumb {padding: 0px; display: inline; border: none;}
#thumbs-min ul.thumbs li.selected a.thumb {background: inherit; color: #000; font-weight: bold;}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */