/** 
 * IE 8 and Below
 * Negate the breakpoints and go with a full size grid.
 **/

.site-container {
    padding: 0;
}

.content-wrap,
.wrap {
    width: 990px;
    padding: 0;
}
    
/* Grid
------------------------------------------------------------ */
.col_1, 
.col_1p, 
.col_2, 
.col_2p, 
.col_3, 
.col_3p, 
.col_4, 
.col_4p, 
.col_5, 
.col_5p, 
.col_6, 
.col_6p {
    float: left; 
    margin-right: -100%;
    position: relative;
}

.col_1{width: 14.17%;}
.col_2{width: 31.33%;}
.col_3{width: 48.5%;}
.col_4{width: 65.67%;}
.col_5{width: 82.83%;}
.col_6{width: 100%;}

/* Columns with paddings*/ 
.col_1p{width: 12.2%;padding: 0 1%;}
.col_2p{width: 29.3%;padding: 0 1%;}
.col_3p{width: 46.5%;padding: 0 1%;}
.col_4p{width: 63.7%;padding: 0 1%;}
.col_5p{width: 80.8%;padding: 0 1%;}
.col_6p{width: 98.0%;padding: 0 1%;}

/* Horizontal position of columns */ 
.push_0{margin-left:0%;}
.push_1{margin-left:17.17%;}
.push_2{margin-left:34.33%;}
.push_3{margin-left:51.5%;}
.push_4{margin-left:68.67%;}
.push_5{margin-left:85.83%;}

.site-intro {
    font-size: 21px;
}

h1.intro-title {
    font-size: 48px;
}

.full-width-content .content {
    padding: 0 6.75%;
}

pre {
    border-color: #ccc;
}

img {
    height: auto;
    width: auto;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button {
    filter: alpha(opacity=90);
}

input:hover[type="submit"],
input:hover[type="reset"],
input:hover[type="button"],
button:hover {
    filter: alpha(opacity=100);
}

.gallery-caption {
    filter: alpha(opacity=0);
}

.gallery-item:hover .gallery-caption {
    filter: alpha(opacity=90);
}