body.galleryViewer { background: none; width: auto; padding: 20px; }
header { overflow:hidden; line-height:0; padding: 12px 20px 19px 20px; }
header a.logo { display: block; float: left; margin-right: 25px; }
header .breadcrumb { float: left; color: #878787; line-height: 1.25em; font-size: 13px; }
header .breadcrumb a { text-decoration: none; font-size: 13px; }
.galleryContainer { clear: both; border: 20px solid #000; overflow: hidden; }
.galleryContainer .column { float: left; }
.galleryContainer .column1 img { max-width: 100%; display: block; margin: 0 auto; }
.galleryContainer .column2 { color: #fff; padding: 15px; }
.galleryContainer .column2 .info { float: left; width: 100%; }
.galleryContainer .column2 h2.workTitle { margin: 0; font-size: 125%; font-weight:bold;}
.galleryContainer .column2 .sectionNavigation { border: 0; }
.galleryContainer .column2 .sectionNavigation ul.primary { border-top: 1px solid #ccc; clear: both;  }
.galleryContainer .column2 .sectionNavigation { margin: 14px 0 10px 0; }
.galleryContainer .column2 .sectionNavigation li.nest div { display: none; }
.galleryContainer .moreByArtist { background: #fff; padding: 6px 10px 10px 10px; color: #000;overflow: hidden; /*float: left;*/ }
.galleryContainer .moreByArtist > h3 { font-size: 75%; font-weight: bold; margin: 0; }
.galleryContainer .moreByArtist > a { float: right; font-size: 50%; position: relative; top: -4px; }
.galleryContainer .moreByArtist ul { clear: both; }
.galleryContainer .moreByArtist ul li { float: left; }
.galleryContainer .moreByArtist a img { display: block; }
.galleryContainer .column2 .description { height:200px; overflow:hidden; position:relative; padding: 0 0 0 10px; clear: both; }
.galleryContainer .column2 .description .jScrollbar_mask { position:relative; top:0; float:left; }
.galleryContainer .column2 .description .jScrollbar_mask p { margin:10px 0; padding:0; }
.galleryContainer .column2 .description .jScrollbar_mask p:first-child { margin-top:0px; }
.galleryContainer .column2 .description .jScrollbar_draggable {
	float:right;
	width:13px;
	height:100%;
	overflow:hidden;
	background: url('http://www.hendrix.edu/gallery/webimages/bg_slider.png') no-repeat;
	position:relative
}
.galleryContainer .column2 .description .jScrollbar_draggable a.draggable {
	position:relative;
	background: url('http://www.hendrix.edu/gallery/webimages/bg_draggable.png') no-repeat;
	display:block;
	height:25px;
	width:13px;
	cursor:s-resize
}
.galleryNav { float: left; width: 100%; }
.galleryNav h2 { 
	color: #F48128; 
	font-size: 120%; 
	border-right: 1px solid #ccc;
	display: inline-block;
	padding-right: 10px;
	float: left;
	margin: 0; 
	position: relative; 
	top: 42px;
}
.galleryNav .emphasis { width: 120px; float: left; position: relative; top: 45px; }
.galleryNav .emphasis.open { background: #fff url('http://www.hendrix.edu/gallery/webimages/smallMinus.jpg') no-repeat right 4px;
}
.galleryNav .emphasis.closed { background: #fff url('http://www.hendrix.edu/gallery/webimages/smallPlus.jpg') no-repeat right 4px;
}
.galleryNav .emphasis a.active { display: block; }
.galleryNav .emphasis a { color: #000 !important; text-decoration: none; font-size: 85%; float: left; clear: both; padding: 0 10px; width: 100%; display: none; }
.galleryNav .carousel { float: right; margin: 20px 0; }
.galleryNav a.control { display: block; text-indent: -999em; width: 20px; height: 31px; float: left; position: relative; top: 18px; }
.galleryNav a.next { background: url('http://www.hendrix.edu/gallery/webimages/galleryRight.jpg');
}
.galleryNav a.prev { background: url('http://www.hendrix.edu/gallery/webimages/galleryLeft.jpg');
}
.galleryNav .thumbs { float: left; overflow: hidden; margin: 0 10px; }
.galleryNav .pane { width: 10000px; }
.galleryNav .thumbs a { margin-right: 10px; display: block; float: left; width: 70px; }
.galleryNav .thumbs a img { display: block; max-width: 100%; }

/* Old Max-width 480 */
.galleryNav .thumbs { width: 70px }
.galleryNav h2 { margin: 0; }

@media screen and (min-width: 480px) {

}

@media screen and (max-width: 480px) {	
	
}

@media screen and (max-width: 768px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {

	
}
footer { clear: both; }