html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
a:link{
	color: lime;
}
a:visited{
	color: lime;
}
a:hover{
	color: aqua;
}
a{
	text-decoration: none;
	margin: 0;
}
.top_area{
	width: 320px;
	height: 150px;
	background-image: url("../img/cloud_mini.gif");
}
#cat_back{
	width: 320px;
	height: 100px;
	background-color: rgba(0,50,70,0.6);
	box-shadow:0 0 5px white;

}
#cat_back_on{
	width: 160px;
	height: 100px;
	float: left;

}
#cat_back_on_text{
	font-weight: bold;
	font-family:"Courier New" ;
	color: aqua;
	text-shadow:0 0 50px white;
}
#blank{
	width: 80px;
	height: 100px;
	float: left;
}
#cat_sil{
	width: 80px;
	height: 100px;
	float: left;
}
#second{
	width: 80px;
	height: 100px;
	float: right;
}
.yahoo{
	width: 158px;
	height: 25px;
	border-left: 2px solid black;
	float: left;
	text-align: center;
	font-weight: bold;
	background-image: url("../img/renga.jpeg");
}
.google{
	width: 156px;
	height: 25px;
	border-left: 2px solid black;
	border-right: 2px solid black;
	float: left;
	text-align: center;
	font-weight: bold;
	background-image: url("../img/renga.jpeg");
}
.main_area{
	clear: both;
	width: 320px;
	height: 426px;
	background-image: url("../img/main2_mini.png");
}
.content1{
	width: 320px;
	height: 426px;
	background-color: rgba(0,0,0,0.6);
}
.name{
	margin:0 0 0 50px;
	color: aqua;
	text-shadow:0px 0px 2px white;
}
.profile{
	margin: 0 0 0 120px;
	color: #ff88ff;
	text-shadow:0px 0px 2px white;
}
.pro_text{
	margin: 0 0 0 15px;
	font-family: "Courier New";
	color: white;
	line-height: 20px;
}
.footer{
	width: 320px;
	height: 30px;
	background-image: url("../img/lock.jpeg");
	font-weight: bold;
	float: left;
	font-size: 10px;
	text-align: center;
}