body {
    background: black;
}
a {
    color: #929090;
}
a:hover {
    text-decoration: none;
}
.page-location a {
    color: #000;
}
.navigation {
    position:absolute;
    z-index:20;
    top: 0;
    right: 10px;
    font-size: 11px;
}
.navigation ul {
    margin: 5px 0;
}
.navigation li {
    padding-left: 5px;
}

.collections-nav li {
    padding-right: 15px;
}
.portfolio-index .collections-nav, .portfolio-collection .collections-nav {
    background: none !important;
    float: right !important;
    position: absolute !important;
    text-align: right !important;
    width: 767px !important;
    top: 62px;
    z-index: 1;
}
.portfolio-index .collections-nav ul, .portfolio-collection .collections-nav ul {
    float: right;
}
.portfolio-index .collections-nav li, .portfolio-collection .collections-nav li {
    display: list-item !important;
    height: 25px;
    padding-bottom: 12px;
    font-size: 18px;
}
.portfolio-index .collections-nav li a, .portfolio-collection .collections-nav li a {
    padding: 3px 0 3px 28px;
}
.portfolio-index .collections-nav li a:hover, .portfolio-collection .collections-nav li a:hover {
    background: url('http://customdesign.pixolio.me/serendipity/collection-rollovers.png') no-repeat;
}
.portfolio-index .collections-nav li a, .portfolio-collection .collections-nav li a {
    color: black !important;
    text-decoration: none !important;   
}
.header {
    background: url('http://customdesign.pixolio.me/serendipity/roof.png') center no-repeat;
    height:290px;
    margin: 12px auto -22px;
    width: 936px;
    border: none;
    padding:0;
    position:relative;
    z-index:10;
}
.header a {
    display: block;
    float: left;
    position: relative;
    top: 32px;
    height: 40px;
    text-indent: -5000px;
    background: url('http://customdesign.pixolio.me/serendipity/nav.png') no-repeat;
}
.header a.products {
    width: 113px;
    background-position: 0 0;
    margin-left: 108px;
}
.header a.news {
    width: 82px;
    background-position: -146px 0;
    margin-left: 33px;
}
.header a.about {
    width: 94px;
    background-position: -461px 0;
    margin-left: 243px;
}
.header a.contact {
    width: 104px;
    background-position: -583px 0;
    margin-left: 28px;
}
.header a.products:hover {
    background-position: 0 -36px !important;
}
.header a.news:hover {
    background-position: -146px -36px !important;
}
.header a.about:hover {
    background-position: -461px -36px !important;
}
.header a.contact:hover {
    background-position: -583px -36px !important;
}
.header a.twitter-icon {
    background: none;
    position: absolute;
    right: 43px;
    text-indent: 0;
    top: 243px;
}
.header a.facebook-icon {
    background: none;
    position: absolute;
    right: 9px;
    text-indent: 0;
    top: 243px;
}
.header a.facebook-icon img, .header a.twitter-icon img {
    height: 33px;
    width: 33px;
}
.header .facebook-like {
    left: 80px;
    position: absolute;
    top: -10px;
}
.content {
    background: url('http://customdesign.pixolio.me/serendipity/bricks.png') center repeat-y;
    border: none;
    position: relative;
    z-index:1;
    padding: 37px 0;
    width: 832px;
    margin: 0 auto;
}
.thumbnail {
    margin: 1px;
    height: 75px;
    width: 75px;
    border: none;
    position: relative;
    z-index: 5;
}
.thumbnail:hover {
    background: #DDCFCA;
}
.slideshow-container, .thumbnail-container, .full-size-image, .about .content div.page, .contact .content .info,  .page .content .user-content, .content .error {
    min-height: 350px;
}
.slideshow-container, .thumbnail-container, .full-size-image, .collections-nav, .image-info, .about .content h2, .about .content div.page, .contact .content h2, .contact .content .info, .page .content h2, .page .content .user-content, .content .error {
    /* background:#e1ddd6; */
    background: url('http://customdesign.pixolio.me/serendipity/paisley-bkg1.jpg');
    margin: 0 auto;
    width: 700px !important;
    padding: 1px 20px;
}
.slideshow-container, .thumbnail-container {
    width: 590px !important;
    padding-top: 21px;
    padding-right: 130px;
}
.portfolio-show .thumbnail-container {
    padding-right: 20px;
}
.about .content h2, .about .content div.page, .contact .content h2, .contact .content .info, .page .content h2, .page .content .user-content, .content .error {
    padding: 5px 20px 20px 20px;
}
.content h2 {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}
.error h2 {
    display: inline;
    position: relative;
    top: 10px;
}
.full-size-image {
    
}
.image-info .previous, .image-info .next, .bottom-image-info .title, .top-image-info .description {
    display: none;
}

.image-info {
    display: block;
}
.bottom-image-info .description {
    display:block;
    min-height:15px;
}
/* 
.top-image-info {
    margin-bottom: -15px;
    padding-bottom: 15px;
    position: relative;
    top: -15px;
} */
.top-image-info .title {
    font-size: 26px;
    text-align: right;
    border-bottom: 1px solid #C68976;
    position: relative;
    top: -15px;
    margin-left: 7%;
}
.portfolio-show .thumbnail-container {
    position: absolute;
    width: 40px !important;
    right: 45px;
    padding-top: 21px;
    background: none;
}
.portfolio-show .thumbnail-container .thumbnail, .portfolio-show .thumbnail-container .thumbnail img {
    height: 40px;
    width: 40px;
}
.portfolio-show .thumbnail-container .thumbnail {
    padding: 1px;
}
.portfolio-show .thumbnail img {     
    opacity:0.25;     
    filter:alpha(opacity=25); 
} 
.portfolio-show .thumbnail img:hover {     
    opacity:0.99;     
    filter:alpha(opacity=99)
}
.portfolio-show .pagination a, .portfolio-show .pagination .current {
    display: none;
}
.portfolio-show .pagination a.prev_page, .portfolio-show .pagination a.next_page {
    display: inline;
}
.footer {
    background: url('http://customdesign.pixolio.me/serendipity/sidewalk.png') no-repeat;
    height: 62px;
    width: 999px;
    margin: 0 auto;
    position: relative;
    top: -14px;
    z-index: 30;
    padding-top: 24px;
    color: #777777;
    text-align: center;
    font-size: 10px;
}
.footer a {
    color: inherit;
}
.footer span, .footer div {
    background: #d5cfce;
    display: inline;
}
.footer-address {
    display: block;    
    float: left;
    margin-left: 281px;
    width: 200px;
}

.footer iframe { /* Facebook Like Button Text */
    background: #d5cfce !important;
}
.thumbnail-container .pagination a, .thumbnail-container .pagination .current, .thumbnail-container .pagination .disabled {
display: none;
}
.thumbnail-container .pagination a.prev_page {
position: absolute;
left: 20px;
display: block;
width: 20px;
height: 19px;
background: url('http://customdesign.pixolio.me/serendipity/arrows.png') 0 0 no-repeat;
text-indent: -3000px;
float: left;
}
.thumbnail-container .pagination a.next_page {
position: absolute;
left: 44px;
display: block;
width: 20px;
height: 19px;
background: url('http://customdesign.pixolio.me/serendipity/arrows.png') -31px 0 no-repeat;
text-indent: -3000px;
float: left;
}
.thumbnail-container .pagination a:active {
    border: none !important;
}<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="http://www.facebook.com/pages/Serendipity/136083429753902" data-send="true" data-width="450" data-show-faces="true"></div>

