@import url(https://fonts.googleapis.com/css?family=Fugaz+One);
body {
	background-color: #260000;
}

#hello {
	background:url(../images/background-hello.png) repeat-x;
	background-color:#5ec8df;
	padding:10px;
	text-align:center;
	margin-top:-10px}

#hello img {
	margin-top:10px;}

h1,h2,h3,h4 {
	font-family: 'Fugaz One', cursive;
	text-align:center;
	font-weight:400;
	color:#fff;
	line-height:35px;
	}

h1 {
	font-size:50px;
	line-height:35px;
	text-transform: uppercase;
	text-shadow: 4px 4px 0px rgba(0,0,0, 0.2);
	}

h3 {line-height:25px;
	}

h4 {line-height:20px;
	}
a{color:#EF1514;}

#container {
	height:350px;
	background-color: #5ec8df;
	background-image: url(../images/sky.png);
	background-position: top;
	background-repeat:repeat-x;
	padding-top: 65px;
}

#background-buildings {
	background: url(../images/background-buildings.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 10;
}

#background-vehicles {
	background: url(../images/vehicles.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 30;
}

#background-road-seal {
	background: url(../images/road-seal.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 50;
}

#background-small-cranes {
	background: url(../images/small-cranes.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 20;
}

#clouds {
	background-repeat:repeat-x;
	height:350px;
	z-index: 40;
}

#lorries {
	background: url(../images/lorries.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 100;
}

#crane {
	background-image: url(../images/crane.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 30;
}

#foreground-ground {
	background: url(../images/ground.png);
	background-repeat:repeat-x;
	height:350px;
	z-index: 210;
}

#container-counter {
	height:350px;
	padding-top:0px;
}

.yellow-container {
	background-color:#d1ae4f;
	min-height:160px;
	text-align:center;
	padding-bottom:15px;
	font-family: 'Fugaz One', cursive;
	background-image: url(../images/background-yellow.png);
	background-repeat: repeat-x;
	background-position: bottom;
	}

.yellow-container .btn {
	margin-bottom:10px;
}

.bg-mail {
	background-image: url(../images/mail.png);
	background-position: center;
}

.span4 {
	color:#CCC
}

/* Some tuning styles for subsciption form */

.yellow-container input[type="email"],
.yellow-container .btn {
	font-family: 'Fugaz One', cursive;
	font-size:16px;
	padding:8px
	}

.yellow-container .btn {
	text-transform: uppercase
}

.error {
	background:#5ec8df;
	width:295px;
	font-size: 14px;
	color:#fff;
	line-height:30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

/* Social Icons - CSS3 Gloss */
#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }

#css3 li:hover { opacity:1; }