body{
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat;
	background-position: left top;
}


/* ------------------------------------------------- DIV ELEMENTS */

#home{
    margin: 0;
    width: 100%;
	height:690px;
	background-image: url(../img/bg_home.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#csempe{
    margin: 0;
    width: 100%;
	height:690px;
	background-image: url(../img/bg_csempe.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.container{
	padding:30px 0 0 0;
	position: relative;
}
.big-btn{
	width:490px;
	height:310px;
	float:left;
	position: relative;
	overflow:hidden;
}
.big-btn a span{
	width:490px;
	height:310px;
	position: absolute;
	left:0px;
	top:0px;
	background-repeat: repeat-x;
	background-position: left top;
	display:block;
	z-index:100;
}
.big-btn a{
    display: block;
    position: relative;
	cursor:pointer;
}

.big-btn a img {
    height: 310px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 490px;
}
.big-btn span.mask-a{
	background-image: url(../img/mask_a.png);
}
.big-btn span.mask-b{
	background-image: url(../img/mask_b.png);
}
.big-btn span.mask-c{
	background-image: url(../img/mask_c.png);
}
.big-btn span.mask-d{
	background-image: url(../img/mask_d.png);
}

a.logo{
	width:370px;
	height:100px;
	position: absolute;
	left:310px;
	top:155px;
	background-image: url(../img/eco_smart_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	z-index:1000;
	padding:135px 0;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	text-indent:-9999px;
	opacity:1;

}

a.logo:hover{
	opacity:0.7;
}

.big-btn span.mask-a2{
	background-image: url(../img/mask_a2.png);
}
.big-btn span.mask-b2{
	background-image: url(../img/mask_b2.png);
}
.big-btn span.mask-c2{
	background-image: url(../img/mask_c2.png);
}
.big-btn span.mask-d2{
	background-image: url(../img/mask_d2.png);
}
#csempe .logo{
	width:300px;
	height:90px;
	position: absolute;
	left:310px;
	top:155px;
	display:block;
	z-index:1000;
	padding:140px 35px;
}
#csempe .logo span{
	width:300px;
	height:90px;
	background-image: url(../img/burkololap_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent:-9999px;
	display:block;
}



/* -------------------------------------------------- FOOTER */
#footer {
	height:60px;
	width:980px;
    margin: 40px auto 0 auto;
    padding: 20px 0 0 0;
    background-image: url(../img/separator.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	text-align:center;

	
}
#footer ul{
	display:block;
    margin: 0 auto 0 auto;
	width:200px;
}
#footer ul li{
	float:left;
	margin-bottom:30px;
	
}
#footer ul li a{
	opacity:1;
	
}
#footer ul li a:hover{
	opacity:0.6;
	
}

#footer2 {
	height:60px;
	width:980px;
    margin: 40px auto 0 auto;
    padding: 20px 0 0 0;
}

#footer2 a{
	font-weight:bold;
	text-decoration:none;
	color:#747474;
	text-shadow: 1px 1px #bbb;
	margin:0 200px 0 0;
}
#footer2 a:hover{
	color:#555;
	text-shadow: 1px 1px #ddd;
}