html {
	width: 100%; 
    height: 100%;
}
body {
    color: #32322f;
    width: 100%;
    font-family:  Helvetica,arial,sans-serif;
    font-size: 16px;
    line-height: 17px;
    text-rendering: optimizelegibility;
}

table, tr, th, td {
    vertical-align: top;
    align: left;
    color: #7e0200;
    font-family: Helvetica,arial,sans-serif;
    font-size: 12px;
    line-height: 13px;
}

.header {
    padding: 32px 0 2em;
    top: 0;
}

.page-title {
	font: Helvetica,arial,sans-serif; margin: 0px 0px = 0.45em; color: rgb(23, 0, 0); font-size-adjust: none; font-stretch: = normal; position: relative; top: -27px;
}

.banner {
    display: block;
    height: auto;
    line-height: 0;
    min-width: 100%;
    width: 100%;
}
.hidden {
    display: none;
}

.portfolioFilter {
    width: 15%;
    float: left;
    color: #7e0200;
}

.portfolioFilter a { 
    margin-right: 7px; 
    color: #7e0200;
    text-decoration: none;
}
 
.portfolioFilter a.selected { 
    font-weight: bold;
}
 
img {
    margin: 5px;
    text-decoration: none; 
    border: 0px;
}
 
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* Does this SPAN9 affect something? */
.span9 {
    box-sizing: border-box;
    float: left;
    min-height: 28px;
    width: 83%;
}

#container {
    border: 0px solid #ccc;
    margin-bottom: 20px;
    padding: 5px;
    min-height: 400px;
}

.element {
    height: 200px;
    width: 175px;
    border-top-right-radius: 1.2em;
    color: #222;
    float: left;
    margin: 5px;
    position: relative;
}

.element.transition {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #002c76;
}

.element h3.title {
    /*bottom: 1.07em;
    font-weight: bold;
    left: 0.5em;
    line-height: 1em;
    margin-bottom: 0;
    text-align: left;*/
    line-height: 1.0em;
    font-size: 12pt;
    padding: 0.25em;
}


.element .details {
    /*bottom: 0;
    font-size: 10pt;
    font-weight: normal;
    left: 0.5em;
    line-height: 1.25em;
    color: #0000ee;*/
    padding: 0 0.25em;
    font-size: smaller;
    font-weight: 500;
    text-align: right;}

.element * {
    /*
    margin: 0;
    position: absolute;
    */
}

.element .cover {
    /*border: 0 none;
    color: #fff;
    height: 95px;
    left: 4.2em;
    top: 0.6em;*/
    display: flex;
    justify-content: center;
}

.element .cover img {
    /*border: 1px solid #ccc;
    color: #fff;
    left: 0;
    top: 0;*/
    height: 95px;

}

/* Breadcrumb trail styling follows: */
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

p.return-top { font-family: Helvetica,arial,sans-serif; font-size: 14px; font-weight: 700; line-height: 17.234px; text-decoration-color: rgb(36, 80, 156); text-decoration-line: none; text-decoration-style: solid; text-decoration-thickness: auto; text-size-adjust: 100%; text-align: center; }
p.return-top a { text-decoration: none; }