html, body{
	margin:0;
	padding:0;
}
#logo{
	width:909px;
}
#wrap{
	width:909px;
	margin-left: auto;
	margin-right: auto;
}

#banner-img{
	z-index:-1;
}

#banner-div{
	width:909px;
	height: 366px;
	position: relative;
}
section.section-info{
	z-index:1;
	width: 310px;
	position:absolute;
	/* background-color:green; */
	top:10px;
	text-align:justify;
	height: 350px;
}
#section-red{
	width: 320px;
	left: 205px;
	display: none;
	z-index:20;
}
#section-brown{
	width: 330px;
	left: 390px;
	display: none;
	z-index:20;
}
#section-yellow{
	width: 330px;
	left: 580px;
	display: none;
	z-index:20;
}
#section-red span, #section-red strong, #section-red address{
	color: #FF9900;
}
#section-brown span, #section-brown  strong, #section-brown address{
	color: rgb(244,0,2);
}
#section-yellow span, #section-yellow strong, #section-yellow address{
	color: rgb(87,8,0);
}
span, strong, address{
	margin:0;
	font-family: Calibri;
}
address{
	font-style: normal;
}
#footer{
	width:100%;
	height: 100px;
}
/*#container-yellow{
	height:350px;
	width: 330px;
	position: absolute;
	overflow:hidden;
	z-index:20;
}*/
.outcontainer{
	height:350px;
	width: 330px;
	position: absolute;
	overflow:hidden;
	z-index:20;
}
.incontainer{
	height:350px;
	width: 310px;
}
.div-click{
	top:0px;
	width: 190px;
	height: 366px;
	z-index:10;
	position:absolute;
}
#div-red-click{
	left:0px;
}
#div-brown-click{
	left:190px;
}
#div-yellow-click{
	left:380px;
}