/*-----attach body.custom to any style you add here-----*/
#pp-sidebars {border-top: 0px;}
img.frame {border:0.07em solid #ddd; background: #eee; padding: 0.71em; }

/*--- home slideshow ---*/
#homeshow {width: 605px; height:518px; margin:0; padding:0; position:relative;}
#homeshow #showimage1 {float:left; position:relative; width:344px; height:518px; }
#homeshow #showimage2 {float:left; position:relative; width:252px; height:227px; float:right;}
#homeshow #showimage3 {float:left; position:relative; width:252px; height:282px; float:right; top:9px;}

/*--- gallery --- */
#gallerycontainer { overflow: hidden; }
#gallerycontainer .gallery-content { display: none; float:left; width:740px; }
#gallerycontainer .gallery-content h2{font-size:1.5em;}

#gallerycontainer .gallery-menu {clear:left; float:left; width:180px; }
#gallerycontainer .gallery-menu p {font-weight:bold; color:#666; padding:0; margin:15px 10px 5px 10px;}
#gallerycontainer .gallery-menu ul {list-style-type:none; margin:0; padding:0 10px;}
#gallerycontainer .gallery-menu li {margin:4px 0; padding:3px 0; line-height:12px; font-size:90%;}
#gallerycontainer .gallery-menu li a {text-decoration:none; }
#gallerycontainer .gallery-menu li.current_page_item a{color:#666; border-bottom:1px dotted #ccc;}

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

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

div.slideshow-container {position: relative; float: left; height: 693px; vertical-align:top;}

div.loader {position: absolute; top: 0; left: 0; background-image: url('images/loader.gif'); background-repeat: no-repeat; background-position: center; }
div.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link {display: block; text-align: center; /* This should be set to be at least the height of the largest image in the slideshow with padding */ }
div.slideshow a.advance-link:link,
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:1px solid #666; }

div.caption-container {position: relative; float:left; width: 250px; zoom:1;}
span.image-caption {display: block; width: 250px; clear:left;}
div.caption {padding: 0; position:relative; top:80px; left:0; margin-left:16px; }

div.image-title {font-weight: bold; font-size: 1.4em;}
div.image-desc {line-height: 1.3em; padding-top: 12px; }
div.photo-index, div.controls {position: relative; float:left; top: 55px; left: 0; padding-left:16px; font-style:italic; font-size:90%; color:#666;}
div.controls a {padding: 3px; text-decoration:none;}

div.navigation-container {width:260px; position:absolute; top:0; left:0; }
div.navigation {position: relative; padding:0; margin:0; text-align:left; overflow:hidden;}
div.navigation a.pageLink {height: 46px; line-height: 46px; }
div.navigation a.pageLink {display: block; position: relative; float: left; margin: 2px; width: 9px; background-position:center center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus {outline: none; }
div.navigation a.next {background-image:url('images/gallery-nextarrow.png'); }
div.navigation a.prev {background-image:url('images/gallery-prevarrow.png'); }

ul.thumbs {position: relative; float: left; margin: 0; padding: 0; }
ul.thumbs li {float: left; padding: 0; margin: 1px; list-style: none; }
a.thumb {padding: 1px; display: block; }
a.thumb:focus {outline: none; }
ul.thumbs img {border: none; display: block; height:46px; width:46px; border:1px solid #fff;}
ul.thumbs li.selected img {border-color:#666;}

div.pagination {clear: both; position: relative; left: -50%; }
div.pagination a, 
div.pagination span.current, 
div.pagination span.ellipsis {position: relative; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
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; }