body { background-color: #333; color: #eee; padding: 0; height: 100%; }
h2, h3, p, span, a, div { padding: 0; margin: 0; }
a { color: #dfd; text-decoration: none; }
a:hover { color: #afa; text-decoration: underline; }

.uiGroup { padding: 10px; text-align: center; }
.uiGroup h3 { padding: 0 0 10px; }
.uiGroup .filters h3 { padding: 10px 0; }
.isotope { clear: both; }

.hidden { display: none; }

/* gallery styles */
.gallery-thumb { display: table-cell; width: 118px; height: 100px; padding-top: 5px; position: relative; top: auto; left: auto; vertical-align: middle; }
.gallery-thumb img { position: relative; top: auto; left: auto; }

.gallery-slot { 
    background-color: #a6988f; color: #4d382f; width: 118px; height: 125px; float: left; 
    margin: 5px; position: relative; top: auto; left: auto; font-size: 10px; 
    -moz-border-radius: 4px;  -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
.gallery-slot:hover { background-color: #d4c6bd; }

.gallery-slot p { bottom: 5px; display: block; position: absolute; top: auto; left: auto; text-align: center; width: 100%; }
.gallery-slot a { display: table; margin: 0 auto; }

/* button styles */
.button {  
    display: block; font-size: 13px; font-weight: bold; padding: 3px 5px; margin: 0 auto 5px auto; width: 130px;
    background: #a6988f; color: #ffeadd; border: 1px solid #4d382f; cursor: pointer; clear: both;
    -moz-border-radius: 4px;  -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
.button:hover { background: #d4c6bd; color: #783104; border: 1px solid #4d382f; }
.button.isChecked { background: #4d382f; color: #a6988f; border: 1px solid #a6988f; cursor: default; }

/* modal styles */
.overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 800; }
.modal { 
    position: fixed; left: auto; top: 30px; background-color: #666;
    border: 2px solid #ccc; width: 520px; padding: 20px; z-index: 900;
}
.modal img { margin: 0 auto; display: block; }
.modal p { padding: 10px 10px 0px; }

.btnClose { padding: 0 0 10px; text-align: right; display: block; }
.btnPrev, .btnNext { padding: 10px 20px 10px 0; }

.main-content.gallery { background-color: #195973; overflow: hidden; }