html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

	body {
		margin: 0;
		padding: 0;
		font-family: sans-serif;
		font-size: 14px;
		background: #132034;
		background: url(http://image.mamotorworksmedia.com/production/Website/Common/bg/hBg01.png);
}

	h1 {
		font-size: 24px;
		color: #005696;		
	}

	h4 {
		margin: 20px 0 10px 0;
		color: #005696;
	}

	/* Clear Fix */
	.group:before,
	.group:after {
    content:"";
    display:table;
	}




	img {
		border: 0;
	}

	.group:after, .clear {clear:both}
	.group {zoom:1}
	.displayBlock {display: block}

	.lightBlue {color: #005696}
	.medBlue {color: #005696}
	.red {color: #ea0000}


	.dBlock {display: block}
	.dInline {display: inline}
	.dTbl {display: table}

	.taL {text-align: left}
	.taR {text-align: right}
	.taC {text-align: center;}

	.m0 {margin: 0}
	.m5 {margin: 5px}
	.m10 {margin: 10px}
	.m20 {margin: 20px}
	.mL20 {margin-left: 20px}

	.p0 {padding: 0}
	.p5 {padding: 5px}
	.p10 {padding: 10px}
	.p20 {padding: 20px}
	.pL20 {padding-left: 20px}

	.fr {float: right}
	.fl {float: left}


	.noMargin {
		margin: 0;
	}

	.container {
		max-width: 1024px;
		margin: 0 auto;

		background: #fff;
	}





	.homeSlideshow {
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	.homeSlideshow > img {
		width: 100%;
		float: left;

	}

	.preloader {
		width: 75px;
		font-size: 12px;
		position: absolute;
		z-index: 5000;
	}

	.cPreloader {
		width: 75px;
		font-size: 12px;
		position: absolute;
		z-index: 5000;
		top: 300px;
		left: 300px;
	}

	.plText {
		/*text-align: center;*/
		color: #005696;
		display: none;
		position: absolute;

	}

	.loadIcon {
		width: 100%;
		position: relative;
	}

	.zoomIcon {
		width: 62px;
		height: 45px;
		overflow: hidden;
		position: absolute;
		z-index: 5000;

	}

	.memImgContainer {
		width: 40%;
		float: left;
		margin: 0 10px 10px 0;
		position: relative;
	}

	.zoomImg {
		width: 62px;
		height: 90px;
		position: absolute;
	}

	.zoomOut {
		top: -45px;
	}


	.arrows, .wheel {
		width: 100%;
		position: absolute;
	}


	.mainHome {
/*		width: 75%;*/
		float: left;
	}

	.module20 {
		padding: 20px;
	}

	.module10 {
		padding: 10px;
	}

	.aside {
		width: 21%;
		height: 600px;
		float: left;
		background: #ccc;
	}

		.mainImg {
		width: 300px;
		margin: 0 10px 10px;
		float: left;
	}



	#tList {
		height: 0;
		overflow: hidden;
	}


	.clear {clear: both;}

	.caption {
		font-size: 12px;
		text-align: center;
		height: 35px;
		padding: 5px;
	}

	ul#thumbList {
		margin: 0;
		padding: 10px;
		width: 100%;
		list-style: none;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	ul#thumbList li {
		margin: 0px;
		padding: 5px;
		width: 20%;
		float: left;
		/*overflow: hidden;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	ul#thumbList li img {
		width: 100%;
	}

	ul#slideList {
		margin: 0 auto 20px;
		padding: 0;
		list-style: none;
		display: table;
		width: 85%;
	}

	ul#slideList li {
		width: 19%;
		/*min-height: 129px;*/
		margin: .5%;
		padding: 5px;
		list-style: none;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}

	ul#slideList li img {
		list-style: none;
		float: left;
		max-width: 100%;
		width: 100%;
	}

	#mediaViewer {
		width: 80%;
		margin: 10px auto;
		padding: 5px;
	}


	#mediaViewer img {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	#mediaViewer, ul#slideList li {
		border: 1px solid #ccc;	
	} 


	.slides {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}

	.slides li {
		margin: 10px;
		padding: 0;
		list-style: none;
		float: left;
		width: 120px;
		min-height: 40px;

	}

	.slides img {
		width: 100%;
	}

	.invisible {
		visibility: hidden;
	}

	.mask {
		width: 100%;
		height: 100%;
		background: #ffffff;
		position: absolute;
	}

	#micContainer {
		min-height: 1070px;
		position: relative;
	}

	.mainInfoContainer {
		width: 100%;
		min-height: 1000px;
		position: relative;
		background: #ffffff;
	}

	#memSection {
		background: #fff;
		width: 80%;
		margin: 0 auto;		
	}

	.memItem {
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px dotted #666;
		min-height: 200px;
		margin: 0;
		float: left;
	}

	.memImg {
		width: 100%;
		padding: 5px;
		margin: 0 20px 0 0;
		border: 1px solid #ccc;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
	}

	.directions, .links {
		min-height: 800px;
	}

	.directions01 img {
		width: 35%;
		padding: 5px;
		margin: 0 20px 10px 0;
		border: 1px solid #ccc;
		background: #fff;
	}

	.directions02 {
		width: 50%;
		float: left;
		padding-bottom: 20px;
	}

	.directions02 img {
		width: 50%;
		margin: 20px auto;

		display: block;
	}

	.directions02 p {

		margin: 0 0 20px;
		padding: 0;
	}

	.directions02 a {
		text-align: center;
		color: #005696;
		font-weight: bold;
		display: block;
		line-height: 30px;
	}


	.section {
		margin: 20px;
	}

	#exhibitTitle, .exhibitTitle {
		margin: 0;
		padding: 0;
		color: #005696;
	}

	#exhibitText, .exhibitText {
		/*overflow: hidden;	*/
	}

	.fader {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100px;
		width: 100%;
		background: #fff;
		display: none;
		z-index: 1000;
	}

	#prev, #next, #browse {
		float: left;
		overflow: hidden;
		position: relative;
		float: left;
		padding: 0 5px;
		height: 30px;
	}

	#browse {
		width: 194px;
	}

		#prev, #next {
		width: 90px;
	}

	#prev img, #next img {
		height: 120px;
		position: absolute;
	
	}

	#browse img {
		height: 60px;
		position: absolute;
	}

	.browseOpen {
		top: -30px;
	}

	.Prev {
		top: -30px;
	}

	.noPrev {
		top: 0;
	}

	#next img {
		top: -90px;
	}

	.mainInfo p {
		/*overflow: hidden;*/
	}


	.btnBar {
		width: 100%;
		float:left;
		
	}

	.btnBar .btnBar2 {
		border-bottom: 1px dotted #666;
		padding: 20px 0;
		margin-left: 20px;
		margin-right: 20px;
	}

	.topDotted {
	border-top: 1px dotted #666;
}

	.row {
		width: 100%;
		float: left;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.module10 {
		padding: 10px;
	}

	.margin20 {
		margin: 20px;
	}

	.noWrap {
		white-space: nowrap;
	}

	.bottomDotted {
		border-bottom: 1px dotted #666;
	}

	.g1of3 {
		width: 33.333333%;
		float: left;
	}

	.g1of2 {
		width: 50%;
		float: left;
	}

	.directions01 {
		padding-bottom: 10px;
		border-bottom: 1px dotted #666;
	}

	.directions01 img {
		float: left;
	}

	.directions table {
		margin: 0 0 20px;
		padding: 0;
		float: left;
	}

	.g2of3 {
		width: 66.666666%;
		float: left;
	}

	.mediaControls {
		width: 80%;
		margin: 0 auto;
	}

	.slideControls {
		margin: 0;
		padding-right: 10px;
		
		float: left;
	}

	.mediaTypeControls {
		padding: 0 10px;
		float: left;
		border-left: 1px dotted #ccc;
	}



	.slideControls, .mediaTypeControls {
		
	}

	#prevSlide, #nextSlide, #viewImage, #viewVideo, .videoEach {
		width: 45px;
		height: 45px;
		overflow: hidden;
		float: left;
		margin: 5px;
		position: relative;
	}

		.videoEach {
		margin-top: 10px;
		width: 35px;
		height: 35px;
	}




	#prevSlide img, #nextSlide img, #viewImage img, #viewVideo img, .videoEach img {
	width: 100%;
	position: absolute;
	}

	.prevSlideImg {
		top: -45px;
	}

	.noPrevSlideImg {
		top: -90px;
	}

	.videoContainerTemp {
		width: 500px;
		height: 400px;
		background: #ccc;
	}

	.mediaSelected {
		top: -45px;
	}

	.activeVideo {
		top: -35px;
}

	.hideOverflow {
		overflow: hidden;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.videoBtnGroup {
		float:right;
	}

	.extImg {
		width: 33.333333%;
		padding: 10px;
	}


.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}



.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	.noDisplay {
		display: none;
	}

/*Links Page*/
.links {

}	


.links .g1of3 img {
	display: block;
	margin: 0 auto;
	width: 90%;
}

#museumList {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

#museumList p {
	width: 90%;
	margin: 20px 0;
	padding: 0;
	/*text-align: justify;*/
}

#museumList li {
	float: left;
	width: 33.333333%;
	margin: 0;
	padding: 0 0 20px;
}

#museumList li:nth-of-type(n+4) {border-top: 1px dotted #666; padding-top: 20px}	

#museumList li:nth-of-type(3n+4) {clear: left}	

#museumList img {
	max-height: 150px;
	max-width: 90%;
	display: block;
	margin: 0 auto 10px;
}



/*End Links Page*/

@media screen and (max-width: 1024px) {
	body {
		background: none;
	}
}

@media screen and (max-width: 880px) {
ul#thumbList li {
	width: 25%;
}


@media screen and (max-width: 768px) {
	ul#slideList li {
		width: 24%;
	}

#museumList li {width: 50%}
#museumList li:nth-of-type(n+3) {border-top: 1px dotted #666; padding-top: 20px}	
#museumList li:nth-of-type(3n+4) {clear: none}	
#museumList li:nth-of-type(2n+3) {clear: left}	
}

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

	.directions01 img {
		width: 90%;
		display: block;
		margin: 0 auto 20px;
		padding: 5px;
		float: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.memImgContainer {
		width: 100%;
		display: block;
		margin: 0 auto 10px;
		float: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/*	.zoomIcon {
		display: none;
	}*/

	ul#slideList li {
		width: 31.333333%;
		margin: 1%;
		padding: 5px;
	}

	.mainImg {
		width: 90%;
		display: block;
		margin: 0 auto;
		float: none;
	}	

	h1 {
		text-align: center;
	}

		#mediaViewer {
		padding: 5px;

	}

	.directions02 {
		width: 100%;
	}

	.links .g1of3 {
		width: 50%;
	}

	ul#thumbList li {
		width: 33.333333%;
	}

		#memSection {
		background: #fff;
		width: 100%;
		margin: 0 auto;		
	}

@media screen and (max-width: 568px) {
	.header .socialList {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	#browse {
		display: block;
		margin: 0 auto;
		float: none;
	}

	.mainInfoContainer {
		padding-bottom: 20px;
	}

	.prevNextBtns {
		margin: 20px auto 0;
		width: 200px;

	}

	#mediaViewer {
		width: 90%;
		margin: 10px auto;

	}

	.links .g1of3 {
		width: 100%;
		border-bottom: 1px dashed #666;
	}

	ul#slideList {
		width: 90%;
		margin: 0 auto;
	}

	ul#slideList li {
		width: 100%;
		margin: 5px 0;
	}

ul#slideList, #mediaViewer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
}

	ul#slideList li:first-of-type {
		display: none;
	}

	.slideControls {
		display: none;
	}

	ul#thumbList li {
		width: 50%;
	}


	#museumList li {width: 100%}
	#museumList li:nth-of-type(n+2) {border-top: 1px dotted #666; padding-top: 20px}	
	#museumList li:nth-of-type(2n+3) {clear: none}	
}

@media screen and (max-width: 320px) {
	.mediaTypeControls {
		padding-left: 0;
		float: left;
		border-left: none;
	}

	.links .g1of3 {
		width: 100%;
	}

}