.folio-thumb{text-align:center; padding-bottom: 10px; }
.folio-thumb img{margin:4px auto 0px; padding: 2px; border: 1px solid #ddd; }

.folio-thumb a{ text-decoration: none !important; }
.folio-thumb a:hover img{  border: 1px solid #4C6D88; }

.folio-information{ text-align: left; margin-top: 10px;}

.folio-details{ float: left; text-align: left; margin: 0 10px 10px 0; }
.folio-details th{ background: #e3e3e3; padding: 1px 6px; }

.folio-item{ text-align: center; padding-top: 10px; }
.folio-nav a{ display: block; }
.folio-nav .folio-next{ }
.folio-nav .folio-previous{  }


.folio-button a, .folio-button .link{ text-decoration: none  !important; text-align: center; }
.folio-button span{ display: block; cursor: pointer; }
.folio-button .text{ background: transparent; position: relative; line-height: 1.3em; }
.folio-button .text .top-text{ color: #999; font-size: 11px; }
.folio-button .text .bottom-text{ font-weight: bold; font-size: 11px;}

.overbutton{ overflow: visible; }

.folio-home a{ background: transparent url(../images/arrow-next.png) top center no-repeat; _background-image: url(../images/arrow-next.gif); padding-left: 1px; position: relative; z-index: 1;}
.folio-home .bg{ background: transparent url(../images/arrow-prev.png) top center no-repeat; _background-image: url(../images/arrow-prev.gif); height: 43px; }
.folio-home .text{ padding-top: 4px; }
.folio-home a:hover{ margin-left: -1px; margin-right: -1px; }

.folio-home a:hover{ background-position: 0px -43px; }
.folio-home a:hover .bg{ background-position: 100% -43px; }

.folio-next a, .folio-next .link{ background: transparent url(../images/arrow-next.png) top left no-repeat; _background-image: url(../images/arrow-next.gif); position: relative; left: -25px; text-decoration: none  !important; margin-left: 25px; }
.folio-next .bg{ background: transparent url(../images/arrow-next.png) top right no-repeat; _background-image: url(../images/arrow-next.gif); position: relative; left: 25px; height: 43px; }
.folio-next .text{ left: -25px; padding: 4px 0px 0px 4px; }

.folio-next a:hover{ background-position: 0px -43px; }
.folio-next a:hover .bg{ background-position: 100% -43px; }

.folio-previous a, .folio-previous .link{ background: transparent url(../images/arrow-prev.png) top right no-repeat; _background-image: url(../images/arrow-prev.gif); position: relative; left: 25px; text-decoration: none  !important; margin-right: 25px; }
.folio-previous .bg{ background: transparent url(../images/arrow-prev.png) top left no-repeat; _background-image: url(../images/arrow-prev.gif); position: relative; left: -25px; height: 43px; }
.folio-previous .text{ left: 25px; padding: 4px 4px 0px 0px; }

.folio-previous a:hover{ background-position: 100% -43px; }
.folio-previous a:hover .bg{ background-position: 0px -43px; }

.nav-arrows .nav-arrow-left{ background: transparent url(../images/arrow-prev.png) top left no-repeat; _background-image: url(../images/arrow-prev.gif); height: 43px; }
.nav-arrows .nav-arrow-right{ background: transparent url(../images/arrow-next.png) top right no-repeat; _background-image: url(../images/arrow-next.gif); height: 43px; }
.nav-arrows .nav-middle{ background: transparent url(../images/arrow-prev.png) top center no-repeat; _background-image: url(../images/arrow-prev.gif); height: 43px; line-height: 1.2em;}
.nav-arrows .nav-middle .pagination{ padding-top: 6px; }
.nav-arrows .pagination .count{ color: #999; font-size: 11px;  }

/* Pagination stuff */
.limit{ display: none; }

.pagination .pages{ display: inline; float: none !important; }
.pagination .count{ float: none !important; text-align: center; }


/* Javascript Styling */
.folio-ct{ overflow: hidden; position: relative; }
.folio-list-ct, .folio-project-ct{ position: absolute; left: 0px; top: 0px; overflow: hidden; }
.folio-ct .folio-page{ position: absolute; top: 0px; left: 0px; }