body{
    background: #d3e7e6 url('gfx/bg.jpg');
    margin: 25px;
    font-family: 'Kameron', serif;
    color: #bec8d5;
}

a {
    color: #bec8d5;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
a:hover {
    color: white;
}

#mainlogo {
    position : relative;
    width: 1100px;
    height: 125px;
    margin-left: auto ;
    margin-right: auto ;    
    margin-top:73px;
    z-index: 100;
}

#logo {
    position: relative;
    left : -75px;
}

#logostrip {
    position : absolute;
    width : 50%;
    height : 125px;
    background: url('gfx/logobg.png') repeat-x;
    top : 73px;
    left:50%;
    z-index: 90;    
}

#textlogo {
    position : absolute;
    top : 55px;
    right: 70px;
    width: 300px;
    text-align: right;
    z-index: 120;
}

#gringo {
    position : absolute;
    left : 70%; top : 20px;
    width: 60px; height: 80px;
    z-index: 200;
}

#menu {
    width: 1024px;
    height: 125px;
    
    margin-left: auto ;
    margin-right: auto ;    
    margin-top: 20px;
}

.mark {
    display: inline-block;
    margin-right: 17px;
    width: 210px;
    height: 210px;
    cursor: pointer;
    /*box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.1);*/
}


#contentwraper {
    position : relative;
    width : 960px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 64px;
}

#content {
   margin-top: 21px;
}

#columns {
    
    -webkit-columns: 4 auto;
    -moz-columns: 4 auto;
    columns: 4 auto;

    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

.pincolumn {
    
    display: inline-block;
    width : 239px;
    vertical-align :top;
    
    margin: 0px 17px 0px 0px;
    
    border: 0px solid red;
}

#pincolumn-4 {
    margin: 0px 0px 0px 0px;
}

.pinitem {
    display: inline-block;
    background: url('gfx/fish.png');
    border: 1px solid white;
    padding: 0px;
    margin-bottom: 21px; 
    color: #91aabb;
    font-size: 14px;
}

.pinitem img {
    width: 100%;
    border-bottom: 1px solid white;
    padding-bottom: 0px;
    margin-bottom: 7px;
    cursor: pointer;
}

.pindsc {
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 7px;
}

#zoom .pindsc {
    text-transform: uppercase;
}

#zoombackground {
    position: fixed;
    top : 0px;
    left : 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #d1dadb;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    display: none;
}

#zoom {
    position: fixed;
    top : 0px;
    left : 0px;
    width: 96%;
    height: 100%;
    z-index: 100;
    display: none;
}

#zoomclose {
   position: absolute;
   top : 125px;
   right: 10%;
   border: none;
   cursor: pointer;
   z-index: 220;
}

.navbtns {
   position: absolute;
   top : 50%;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: moz-none;
   -ms-user-select: none;
   user-select: none;
   border: none;
   cursor: pointer;
   width: 80px;
   height: 80px;
   z-index: 221;
}

#zoomprev {
   left: 5%;
   background: url('gfx/arrow-left.png') no-repeat;
}
#zoomnext {
   right: 5%;
   background: url('gfx/arrow-right.png') no-repeat;
}

#zoomcontent {
    position : relative;
    z-index: 120;
/*    width : 60%;*/
    min-width : 760px;
    max-width : 1002px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid white;
    background: url('gfx/dot50.png');
    padding-bottom: 5px;
    color: #869bb1;
    overflow: hidden;
}

#zoomcontent::-webkit-scrollbar { 
    display: none; 
}

#zoomcontent .imgpack {
    display: block;
    border-bottom: 1px solid white;
    margin-bottom: 5px;
    text-align: center;
}

#zoomcontent .mainimage img  {
    padding-bottom: 0px;
}

.subimages {
    border-top : 1px solid white;
    text-align: center;
    padding-top : 0px;
    margin-bottom: 50px;    
}

.subimages img {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;    
}