/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

.overlay{
	height: 100%;
    width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: rgba(0,0,0,.5);
}
.overlay:hover {
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
}

#commercial{
        background:url("../images/index-commercial-01.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#commercial:hover{
        background:url("../images/index-commercial-02.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
}
#houses{
        background:url("../images/index-houses-01.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#houses:hover{
        background:url("../images/index-houses-02.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
}

#furniture{
        background:url("../images/index-furniture-01.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#furniture:hover{
        background:url("../images/index-furniture-02.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
}

#details{
        background:url("../images/index-details-01.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#details:hover{
        background:url("../images/index-details-02.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
}
#projects{
        background:url("../images/index-projects-01.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#projects:hover{
        background:url("../images/index-projects-02.jpg") 50% 0 no-repeat fixed;
		background-size: cover;
        color: white;
        height: 600px;
        margin: 0 auto 50px 0;
        padding: 0;
        width: 100%;
}

.parallax-title-grey{
	position:relative;
	float:left;
	width:30%;
	height: auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:60px;
	text-align:center;
	color:#666666;
	margin: 15% 35% 0 35%;
	z-index:9999;
	line-height:60px;
	background-color:#ccc;
	padding:10px 0 10px 0;
}
.parallax-title-red{
	position:relative;
	float:left;
	width:30%;
	height: auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:60px;
	text-align:center;
	color:#c1272d;
	margin: 10px 35% 0 35%;
	z-index:9999;
	line-height:60px;
	background-color:#ccc;
	padding:10px 0 10px 0;
}
.parallax-title{
	position:relative;
	float:left;
	width:60%;
	height: auto;
	margin: 15% 20% 0 20%;
	z-index:9999;
}
.parallax-title img{
	max-width:100%;
}
.parallax-title-02{
	position:relative;
	float:left;
	width:60%;
	height: auto;
	margin: 10px 20% 0 20%;
	z-index:9999;
}
.parallax-title-02 img{
	max-width:100%;
}