/* image is TOP aligned and moves further up into negative on scroll so it looks a bit 3 dimensional */
#bg{	
	background:#043956 url(../slides/image_xyy.png) no-repeat center 0px; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:250px;
	margin-top:50px;
}

/* text inside the bg image */
#bg_text{
	padding:30px 0 0 30px;
	color: #FFF;
}
#bg_text_title{
	font-size: 30px;
	font-weight: bold;
}
#bg_text_small{
	font-size: 14px;
	width:50%;
}

.article{
	margin:0 0 20px 0;
	padding:0 0;
}

/* two columns */
#left{
	float:left;
	background: #EDEBEA;
	width:50%;
	height:500px;
}
#right{
	float:right;
	background: #FFF;
	width:50%;
	height:500px;
	z-index: -100;
}

.contact-form{
	margin:40px auto;
	width:80%;
}

#contact_title{
	margin:15px 0 15px 0;
	height:22px;
	background: url(../img/form_icon_contact.png) no-repeat center left;
	background-size: 22px 22px;
	color: #000;
	padding-left: 30px;
	font-size: 17px;
	font-weight: bold;
	line-height: 22px;
}

/***********************/
/* screen under 969 px */
/***********************/
@media (max-width: 969px) {
	/* image is TOP aligned and moves further up into negative on scroll so it looks a bit 3 dimensional */
	#bg{
		height:150px;
		margin-top:50px;
	}
	
	/* text inside the bg image */
	#bg_text{
		padding:30px 0 0 10px;
		color: #FFF;
	}
	#bg_text_title{
		font-size: 18px;
		font-weight: bold;
	}
	#bg_text_small{
		font-size: 13px;
		width:65%;
	}

	.article{
		margin:0 0 15px 0;
		padding:0;
	}
	
	/* two columns */
	#left{
		width:100%;
	}
	#right{
		width:100%;
	}
	
	.contact-form{
		width:auto;
		margin:30px auto;
		padding:0 10px 0 10px;
	}
}





/****************************/
/* landcape and moving cars */
/****************************/
#ftr_main .houses {
	height: 520px;
	background: url(../img/ftr_houses_white.png) center top repeat-x;
}

#ftr_main .sky1 {
	background: url(../img/ftr_sky_white.png);
}

/* when we have a high res screen */
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:145dpi) {
	#ftr_main .houses {
		background: url(../img/ftr_houses_white_2x.png) center top repeat-x;
		background-size: 1414px auto
	}
			
	/* sky elements */
	#ftr_main .sky1 {
		background: url(../img/ftr_sky_white_2x.png) 0 0 / 1800px auto
	}
}