/* GALLERY */
#gallery {font-size:10px;background:#FFF url(/images/new-gal-bg_03.gif);height:655px;padding:4px 0 4px 0;border-bottom:4px solid #FFF;}
.topnav {height:60px;background:#47565e;z-index:10;}
#gallery .pagination {position:absolute;top:18px;right:0;height:32px;list-style:none;width:360px;padding:0 16px 0 0;margin:0;font-size:11px;color:#FFFFFF; text-align:right;z-index:20;}
#gallery .pagination li {margin:0;display:inline-block;text-align:center;vertical-align:top;float:none!important;float:right;border:1px solid #5D717B;margin:0 2px 0 0;}
#gallery .pagination .pag-next a {padding-right:23px!important;background:url(../images/pag-arrow-right.gif) top right no-repeat;}
#gallery .pagination .pag-next a:hover {background:url(../images/pag-arrow-right-light.gif) top right no-repeat #5D717B;}
#gallery .pagination .pag-prev a {padding-left:23px!important;background:url(../images/pag-arrow-left.gif) top left no-repeat;}
#gallery .pagination .pag-prev a:hover {background:url(../images/pag-arrow-left-light.gif) top left no-repeat #5D717B;}
#gallery .pagination li a:link, #gallery .pagination li a:visited {text-align:center;display:inline-block;position:relative;font-size:11px;color:#FFF;padding:3px 4px 4px 4px;}
#gallery .pagination li a:hover {background:#5D717B;}
#gallery .pagination li.pag-current {background:#5D717B;font-weight:bold;padding:4px;}
.clr .splat {position:relative;left:-4px;top:-70px;}

.gallerybox {width:217px;height:217px;overflow:hidden;float:left;overflow:hidden;position:relative;margin:0 4px 4px 0;}
.gallerybox img {z-index:5;position:absolute;top:0;right:0;}
.gallerybox .info {z-index:10;background:#FFFFFF;position:absolute;width:182px;height:50px;position:relative;top:132px;left:19px;overflow:hidden;padding:8px 10px;}
.gallerybox .info a {margin-left:4px;}
.gallerybox h5 {padding:0;margin:0 0 4px 0;font:12px Helvetica, Arial, sans-serif;font-weight:600;text-transform:uppercase;}
.gallerybox h5 a {margin-left:0!important; color:#333333;}
#facebox .body {padding:0!important;}

.gallery-cont {background:#EAEBEB;}
.gallery-cont #leftcol h2 {margin-left:18px;margin-right:16px;margin-top:18px;}
.gallery-cont #leftcol h4 {margin-top:3px;margin-bottom:12px;font-size:18px;color:#666;text-transform:none;font-weight:normal;}

#galleryinner {width:516px;float:right;min-height:380px;position:relative;margin:14px 14px 8px 0;background:#FFF;border:1px solid #E2E3E3;}
.galleryimg {width:175px;height:175px;float:left;overflow:hidden;border-left:2px solid #ebebeb;border-bottom:2px solid #ebebeb;background:#47565E;position:relative;}
.galleryimg img {position:absolute;top:0;left:-30px;}
.galleryimg div {position:absolute;top:0;left:0;background:#333;}
.galleryimg div a {font-size:12px;color:#FFF;padding:8px;padding-top:8px!important;}

.search {padding:17px 0 0 17px;}
.search .cat_textbox {width: 200px;}


/* #### Gallerific Styles #### */

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	
}
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-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div#galleryinner-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div#loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div#galleryinner span.image-wrapper {
	display: block;
	width:516px;
}
div#galleryinner a.advance-link {
	display: block;
	/*height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	padding:0!important;
	margin:14px;
}
div#galleryinner a.advance-link:hover, div#galleryinner a.advance-link:active, div#galleryinner a.advance-link:visited {
	text-decoration: none;
}
div#galleryinner img {
	vertical-align: top;
	margin-top:0;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
div#caption {
	display: block;
	width:100%;color:#333;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 5px 5px 0;
	list-style: none;background:#BBBBBB;
}
a.thumb {
	display: block;
	width:46px;height:46px;overflow:hidden;position:relative;border:3px solid #EAEBEB;
}
a.thumb img {position:absolute;top:0;left:0;}
ul.thumbs li.selected a.thumb {
	background: #000;border-color:#7AC6F4;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
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 #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

#gallerydetail #leftcol {position:relative;}
.gallery-cont #leftcol a, #facebox a {color:#5B94B7;}
.gallery-cont #leftcol a:hover, #facebox a:hover {text-decoration:underline;}
#gallerydetail #leftcol h1 {display:block;background:#f5f5f5;padding:18px 15px 18px 15px;color:#3c505a;font-size:22px;font-weight:normal;margin:0 0 10px 0;}
#gallerydetail #site {background:#F7F7F7;background-image:none;}
.splatdetail {position:relative;left:-4px;top:-36px;}
#gallerydetail .back {margin:12px 0 0 22px;}
#gallerydetail .copy {padding:10px 20px 20px 20px;}
#gallerydetail .logo {width: 120px;float:left;}
#gallerydetail .logo img {margin-right:20px;max-width:100px;}

.galleryimg div {padding:0;}

.description-cont {margin:12px;}

#gallerydetail .contacts {width:205px;float:left;}
#gallerydetail .gallery-inner {margin-bottom:9px;}
.link {float:left; width:100px;}
.link a {padding:6px 0 6px 25px; display:block;}
.twitter {background:url(/images/site/sprite.gif) 0 -354px;}
.linkedin {background:url(/images/site/sprite.gif) 0 -405px;}
.facebook {background:url(/images/site/sprite.gif) 0 -456px;}
.youtube {background:url(/images/site/sprite.gif) 0 -576px;}
.vimeo {background:url(/images/site/sprite.gif) 0 -627px;}
.myspace {background:url(/images/site/sprite.gif) 0 -678px;}

.commentbox {width:105px;height:62px;background-image:url(/images/site/comments.gif);float:left;margin: 0 0 20px 0;padding:7px 10px 0 10px;display:none;}
.count {float:left; padding-right:12px;font-size:24px;color:#47565e;font-weight:bold;}


.categories {float:left;padding:0 20px 20px 0;}
.showcasepreview {margin-top:16px;background:#F3F3F3;}
.showcasepreview .gallerybox {margin-right:16px;}

.facebox-content {padding:10px;background:#FFF;}

.delete a, .edit a {width: 79px;height: 31px;vertical-align:middle;display:inline;float:left;text-indent: -9999px;margin-right:6px; /* hides the text */}
.delete a {background: url(/images/delete-btn_03.gif) 0 0 no-repeat;}
.edit a {background: url(/images/edit-btn_05.gif) 0 0 no-repeat;}
.preview a {padding:6px 0 6px 6px;display:inline-block;}

.details p {margin-bottom:14px;}

.showcase-approved {padding:10px 10px 10px 34px;background:url(../images/approved_03.gif) 0 4px no-repeat;width:560px;line-height:18px;}
.showcase-not-approved {padding:12px 12px 12px 34px;background:url(../images/not-approved_03.gif) 0 4px no-repeat;width:560px;line-height:18px;}

div.big-image {width:600px;}

.image-caption {font-size:11px;line-height:16px;}

/* VIDEO */
#galleryinner2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E3E3;
    float: right;
    margin: 14px 14px 8px 0;
    position: relative;
    width: 516px;
	display:none;
}
#galleryinner2.show1 {
	display:block;
}
div#galleryinner2 video-wrapper {
    display: block;
    width: 516px;
}
div#galleryinner2 .galleryVideo {
    display: block;
    line-height: 0;
    margin: 14px;
    padding: 0 !important;
    text-align: center;
}