@charset "UTF-8";
#abbrestrict {
    background-image: url(../img/beach.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-color: #FFF;
    width: 100%;
	
	
	/* optimized slides.css   */
	/* CRITICAL FIX FOR #abbrestrict   */
    /* 
	
	height: 986px;	
	
	*/
	
	height: 986px;

    padding-top: 0px;
    padding-bottom: 0;	

    padding-left: 0;
    padding-right: 0;

    margin-left: auto;
    margin-right: auto;
	
    z-index: 900;
	
}

#abbsrb {
    background-color: #FFF;
    width: 100%;
    height: auto;
    z-index: 900;

}

#home-projects {
    min-height: 100%;
    position: relative
}

#home-projects .backgrounds,
#home-projects .backgrounds div,
#home-projects ul {
    position: absolute;
    top: 0;
    left: 0
}

#home-projects ul {
    -webkit-font-smoothing: antialiased;
    font-family: "Source Sans Pro", "source-sans-pro", "Open Sans", "Helvetica Neue", "Segoe UI", Ubuntu, Roboto, Helvetica, Arial, sans-serif;
    color: #666;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 4.625em;
    z-index: 3
}

#home-projects ul li {
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    overflow: hidden;
    width: 100%
}

#home-projects ul li:last-child {
    border-bottom: 1px solid rgba(128, 128, 128, 0.2)
}

#home-projects ul a {
    color: white;
    text-decoration: none;
    display: block;
    padding: .764em 0 1.042em 1.875em;
    padding-left: 4%;
    overflow: hidden;
    *zoom: 1;
    background-color: rgba;
    background-position: 0 0
}

#home-projects ul a:hover {

	border-bottom: .5px solid rgba(255, 255, 255, 0.9);
	
    border-top: .5px solid rgba(255, 255, 255, 0.9);

/*

	background-color:#0F0;
	
    background: rgba(0, 0, 0, 0.8);
	
*/

    background: rgba(0, 0, 0, 0.8);

}

#home-projects ul a:hover span.meta {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#home-projects ul a:hover span.title {
    -webkit-transform: translate3d(5%, 0, 0);
    -moz-transform: translate3d(5%, 0, 0);
    -ms-transform: translate3d(5%, 0, 0);
    -o-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0)
}

#home-projects ul span {
    float: left
}

#home-projects ul span.meta {
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: .208em;
    width: 13.333em;
    padding-top: 1.667em;
	

    -webkit-transform: translate3d(-8%, 0, 0);
    -moz-transform: translate3d(-8%, 0, 0);
    -ms-transform: translate3d(-8%, 0, 0);
    -o-transform: translate3d(-8%, 0, 0);
    transform: translate3d(-8%, 0, 0);
    position: relative
}

#home-projects ul span.meta span.date {
    filter: alpha(opacity=60);
    opacity: .6;
    font-style: italic
}

#home-projects ul span.title {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    position: absolute;
    font-weight: 200;
    color: #FFF;
    padding-left: 1.625em;
    font-size: .625em;
    padding-top: 30px;
    text-transform: uppercase;
    width: 60%;
    left: 0;
    margin: 0 20%
}

@media only screen and (max-width:479px) {
    #home-projects ul span.title {
        width: 74%;
        font-size: .35em;
        color: #FFF;
        margin: 0 0 0 20%
    }
    #home-projects ul li a {
        padding-top: .8em;
        padding-bottom: .8em
    }
    #home-projects ul li span.meta {
        top: -0.6em
    }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    #home-projects ul span.title {
        width: 74%;
        font-size: .45em;
        color: #FFF;
        margin: 0 0 0 20%
    }
    #home-projects ul li a {
        padding-top: .8em;
        padding-bottom: .8em
    }
    #home-projects ul li span.meta {
        top: -0.6em
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    #home-projects ul span.title {
        width: 74%;
        font-size: .45em;
        color: #FFF;
        margin: 0 0 0 20%
    }
    #home-projects ul li a {
        padding-top: .8em;
        padding-bottom: .8em
    }
    #home-projects ul li span.meta {
        top: -0.6em
    }
}

@media only screen and (min-width:1025px) and (max-width:1419px) {
    #home-projects ul span.title {
        width: 74%;
        margin: 0 0 0 16%
    }
}

#home-projects ul a {
    -webkit-transition: padding .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: padding .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: padding .2s ease-in-out, background-color .2s ease-in-out;
    transition: padding .2s ease-in-out, background-color .2s ease-in-out
}

#home-projects span.meta {
    -webkit-transition: opacity .35s ease-in-out, -webkit-transform .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out, -moz-transform .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out, -o-transform .35s ease-in-out;
    transition: opacity .35s ease-in-out, transform .35s ease-in-out
}

#home-projects span.title {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -moz-transition: -moz-transform .25s ease-in-out;
    -o-transition: -o-transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}