@charset "utf-8";
#container{
	height: 125px;
	width:auto;
	background:url(../image/water.jpg);
}
.menu {
	height:125px;
	width:150px;
	background-color:rgba(139,62,181,1);
	float:left;
	transition:all .5s ease-in-out 0s;	
}

.menu1 {
	height:125px;
	width:150px;
	background-color:rgba(255,153,0,1);
	float:left;
	transition:all .5s ease-in-out 0s;	
}
.menu2 {
	height:125px;
	width:150px;
	background-color:rgba(53,108,255,1);
	float:left;
	transition:all .5s ease-in-out 0s;	
}
.menu3 {
	height:125px;
	width:150px;
	background-color: rgba(95,193,254,1);
	float:left;
	transition:all .5s ease-in-out 0s;	
}
.p1 {
	font-family: "ChunkFive Roman";
	font-size: 25px;
	color: rgba(255,255,255,.7);
	position: relative;
	width: 100px;
	top: 25px;
	left: 11px;
	transition:all .5s ease-in-out 0s;
}
.p2 {
	font-family: Aller;
	font-size: 16px;
    color:(255,255,255,.5);
	position: relative;
	top: 0px;
	left: 4px;
	transition:all .5s ease-in-out 0s;
}
.menu:hover{
	width:900px;
}
.menu1:hover{
	width:900px;
}
.menu2:hover{
	width:900px;
}
.menu3:hover{
	width:900px;
}