.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

section {
    display: block;
}

.clearFix { zoom: 1; }

.clearFix:before,
.clearFix:after {
    content: "";
    display: table;
}
.clearFix:after { clear: both; }

/*#options  {*/
    /*padding-bottom: 1.0em;*/
/*}*/

#options ul {
    list-style: none;
    display: block;
    height: 25px;
}

#options li {
    margin-bottom: 0.2em;
    display: list-item;
}

#options li a {
    display: block;
    padding: 0.4em 0.5em;
    background-color: #777;
    color: #000;
    font-weight: bold;
}