html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin: 0 0 140px 0;
    padding-top: 80px;

}

body > .container {
    padding: 0 15px 0;
}

.footer {
    position: absolute;
    padding-top: 20px;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 140px;
    background-color: #f5f5f5;
    border-top: #e5e5e5 1px solid; 
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: red;
}

.gallery > ul {         
    padding:0 0 0 0;
    margin:0 0 0 0;
}
.gallery > ul li {     
    list-style:none;
    margin-bottom:25px;           
}
.gallery > ul li img {
    cursor: pointer;
}