html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #FFF;
	font-size: 11px;
}

.mpheader {
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}

.mpnav { text-align:center; padding-top:46px; padding-bottom:46px; clear:both; }
.mpnav img {  vertical-align: middle; padding-left:56px; padding-right:56px; display:inline-block; padding-top:10px; padding-bottom:10px; }

.footer { text-align:center; padding-top:42px; padding-bottom:42px; background-image:url('http://www.michaelplumridge.com/img/footer.jpg'); background-position:top; }

div#container {
	clear:both;
}
div.content {
	clear: both;
	width:1866px;
	margin:auto;
}
div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
	display:none;
}
div.controls a {
	padding: 0px;
}
div.ss-controls {

}
div.nav-controls {

}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 1863px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	padding:0px;
	margin:0px;
	position: absolute;
	top:0px;
	clear:both;
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 930px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
	padding:0px;
	margin:0px;
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 930px;
	padding:0px;
	margin:0px;
	padding-right:3px;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding:0px;
	margin:0px;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 1; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
	padding:0px;
	margin:0px;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border:0px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0px;
	margin-left:-930px;
}
div.caption-container {
	float: left;
	position: relative;
	z-index: 100;
	margin-left: -1863px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {

}

div.about {
	position:absolute; 
	bottom:0; 
	height:240px; 
	padding:40px;
	width:auto;
	overflow: auto; 
	text-align:left;
	color:#999;
	font-size:14px;
	background-color: #1f1f1f;
}

div.about a {
	color:#FFF;
}

div.about a:hover {
	color:#999;
}

div.search {
	position:absolute; 
	top:50%;
	left:50%;
	width:700px; 
	height:230px; 
	margin-top:-145px; 
	margin-left:-380px;
	text-align:left;
	font-size:14px;
	color:#999;
	background-color:#666;
	padding:40px;
	padding-top:21px;
}

div.search a {
	color:#FFF;
}

div.search a:hover {
	color:#999;
}

div.contact {
	position:absolute; 
	left:50%;
	width:700px; 
	height:304px;
	margin-top:30px; 
	margin-left:-380px;
	text-align:left;
	font-size:14px;
	color:#999;
	background-color:#666;
	padding:40px;
	padding-top:21px;
}

div.contact a {
	color:#FFF;
}

div.contact a:hover {
	color:#999;
}


.larger {
	font-size:16px;
}



div.caption {
	padding: 0px;
	width:1860px; 
	height:930px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}

div.navigation-container {
	clear:both;
}
div.navigation {
	position: relative;
}
div.navigation a.pageLink {
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	display:none;
}
div.navigation a.pageLink:focus {
	outline: none;
}
ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	display:none;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}


.jThumbnailScroller{ width:800px; height:109px; background:#FFF; padding:0; overflow:hidden; }
.jThumbnailScroller .jTscroller img { height:109px; }

.jThumbnailScroller .jTscrollerContainer{position:relative;}
.jThumbnailScroller .jTscroller{position:relative; height:109px; margin:0; left:0; top:0; display:inline-block; *display:inline;}
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
.jThumbnailScroller .jTscrollerNextButton{background:#000 url(nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(prevArrow.png) center center;}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1;}
.jThumbnailScroller .jTscroller a{display:block; float:left; border-left:5px solid #FFF!important; margin:0px 0px 0px 0; background:#fff; }
.jThumbnailScroller .jTscroller a:hover{border-color:#fff;}
.jThumbnailScroller .jTscroller .first { border-left:0px!important; }
.jThumbnailScroller .jTscroller a:first-child{margin-left:0px; border-left:0px; }
.jThumbnailScroller .jTscroller a img{border:none;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{width:100%;}
.jThumbnailScroller#tS2{margin:30px auto;}
.jThumbnailScroller#tS2 .jTscroller a{opacity:0.7;}
.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
/* a vertical scroller */
.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0; background:#eee;}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}
.jThumbnailScroller#tS3 .jTscroller a{display:block; margin:0 6px 10px 6px; width:100px; overflow:hidden; opacity:0.7;}
.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:50px;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}







/*-------------------------------------------------------*/
@media (min-device-height: 1439px) and (max-device-height: 1441px) {

.mpheader { padding-top:70px; padding-bottom:70px; }
div.content { width:1660px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 1660px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 830px; }
div.slideshow-container { height: 830px; }
div.slideshow img { margin-left:-830px; width:1660px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -1663px; }
div.caption { width:1660px; height:830px; }
div.about { margin-left:3px; }

}


/*-------------------------------------------------------*/
@media (min-width: 1921px) and (max-width: 2048px){

.mpheader { padding-top:35px; padding-bottom:35px; }
.mpheader img { width:450px; }
div.content { width:1400px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 1400px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 700px; }
div.slideshow-container { height: 700px; }
div.slideshow img { margin-left:-700px; width:1400px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -1403px; }
div.caption { width:1400px; height:700px; }
.mpnav { padding-top:26px; padding-bottom:26px; }
.mpnav img {  padding-left:36px; padding-right:36px; padding-top:16px; padding-bottom:16px; }
.fb { width:25px; }
div.about { margin-left:3px; height:201px; padding-top:20px; padding-bottom:20px; }
.footer { padding-top: 28px; padding-bottom:28px; }
.footer img { width:300px; }

}

/*-------------------------------------------------------*/
@media (min-width: 1681px) and (max-width: 1920px){

.mpheader { padding-top:35px; padding-bottom:35px; }
.mpheader img { width:450px; }
div.content { width:1400px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 1400px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 700px; }
div.slideshow-container { height: 700px; }
div.slideshow img { margin-left:-700px; width:1400px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -1403px; }
div.caption { width:1400px; height:700px; }
.mpnav { padding-top:26px; padding-bottom:26px; }
.mpnav img {  padding-left:36px; padding-right:36px; padding-top:16px; padding-bottom:16px; }
.fb { width:25px; }
div.about { margin-left:3px; height:201px; padding-top:20px; padding-bottom:20px; }
.footer { padding-top: 28px; padding-bottom:28px; }
.footer img { width:300px; }

}

/*-------------------------------------------------------*/
@media (min-width: 1441px) and (max-width: 1680px){

.mpheader { padding-top:30px; padding-bottom:30px; }
.mpheader img { width:360px; }
div.content { width:1200px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 1200px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 600px; }
div.slideshow-container { height: 600px; }
div.slideshow img { margin-left:-600px; width:1200px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -1203px; }
div.caption { width:1200px; height:600px; }
.mpnav { padding-top:20px; padding-bottom:20px; }
.mpnav img {  padding-left:36px; padding-right:36px; padding-top:14px; padding-bottom:14px; }
.fb { width:25px; }
div.about { margin-left:3px; height:166px; padding-top:20px; padding-bottom:20px; }
.footer { padding-top: 23px; padding-bottom:23px; }
.footer img { width:300px; }

}

/*-------------------------------------------------------*/
@media (min-width: 1281px) and (max-width: 1440px){

.mpheader { padding-top:28px; padding-bottom:28px; }
.mpheader img { width:300px; }
div.content { width:900px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 900px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 450px; }
div.slideshow-container { height: 450px; }
div.slideshow img { margin-left:-450px; width:900px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -903px; }
div.caption { width:900px; height:450px; }
.mpnav { padding-top:18px; padding-bottom:18px; }
.mpnav img {  padding-left:30px; padding-right:30px; padding-top:16px; padding-bottom:16px; }
.fb { width:25px; }
div.about { margin-left:3px; height:115px; padding-top:20px; padding-bottom:20px; }
.footer { padding-top: 28px; padding-bottom:28px; }
.footer img { width:300px; }

}

/*-------------------------------------------------------*/
@media (min-width: 801px) and (max-width: 1280px){

.mpheader { padding-top:26px; padding-bottom:26px; }
.mpheader img { width:260px; }
div.content { width:700px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 700px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 350px; }
div.slideshow-container { height: 350px; }
div.slideshow img { margin-left:-350px; width:700px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -703px; }
div.caption { width:700px; height:350px; }
.mpnav { padding-top:16px; padding-bottom:16px; }
.mpnav img {  padding-left:10px; padding-right:10px; padding-top:16px; padding-bottom:16px; }
.fb { width:25px; }
div.about { margin-left:3px; height:100px; padding:20px; padding-top:10px; padding-bottom:10px;  }
div.search { padding:20px; padding-top:10px; width:600px; height:250px; margin-top:-140px; margin-left:-320px;}
div.contact { width:600px; height:282px; margin-top:20px; margin-left:-317px; padding:20px; padding-top:10px; }
.footer { padding-top: 24px; padding-bottom:24px; }
.footer img { width:300px; }

}

/*-------------------------------------------------------*/
@media (min-width: 1px) and (max-width: 800px){

.mpheader { padding-top:26px; padding-bottom:26px; }
.mpheader img { width:260px; }
div.content { width:700px; }
div.slideshow-container,
div.loader,
div.slideshow a.advance-link { width: 700px; }
div.loader,
div.slideshow a.advance-link,
div.caption-container { height: 350px; }
div.slideshow-container { height: 350px; }
div.slideshow img { margin-left:-350px; width:700px; height:auto; -ms-interpolation-mode: bicubic; }
div.caption-container { margin-left: -703px; }
div.caption { width:700px; height:350px; }
.mpnav { padding-top:16px; padding-bottom:16px; }
.mpnav img {  padding-left:16px; padding-right:16px; padding-top:16px; padding-bottom:16px; }
.fb { width:25px; }
div.about { margin-left:3px; height:100px; padding:20px; padding-top:10px; padding-bottom:10px;  }
div.search { padding:20px; padding-top:10px; width:600px; height:250px; margin-top:-140px; margin-left:-320px;}
div.contact { width:600px; height:282px; margin-top:20px; margin-left:-317px; padding:20px; padding-top:10px; }
.footer { padding-top: 24px; padding-bottom:24px; }
.footer img { width:300px; }

}