@font-face
{
	font-family: LCALLIG;
	src: url(font/LCALLIG.TTF);
}

@font-face
{
	font-family: Bookman;
	src: url(fonts/BOOKOS.TTF);
}

@font-face
{
	font-family: Tahoma;
	src: url(fonts/tahoma.ttf);
}

@font-face
{
	font-family: Bell;
	src: url(font/BELLB.TTF);
}

div
{
cursor:pointer;
}

img.pic {
	float: center;
	width: 420px;
	height: 200px;
}

img.pic1 {
	float: left;
	width: 300px;
	height: 400px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
	
img.pic1:hover{
	opacity: 1.0;
	filter: alpha(opacity=100) ;
	
}

img.pic2 {
	float: center;
	width: 100px;
	height: 80px;

}



img.pic3 {
	float: center;
	width: 200px;
	height:150px;

}

img.pic8 {
	float: center;
	width: 200px;
	height: 230px;
}

img.pic10 {
	float: center;
	width: 124px;
	height: 108px
	overflow: manual ;
}

img.pic10:hover {
	float: center;
	border: 2px solid #000000;
	width: 240px;
	height:180px;
	display: onmouseover;
	
}

img.pic4 {
	float: center;
	width: 200px;
	height: 150px;
	overflow: auto;
}

img.pic4:hover {
	float: center;
	border: 2px solid #000000;
	width: 400px;
	height:260px;
	display: onmouseover;
	
}

img.pic9 {
	float:center;
	width:200px;
	height:50px;
}



body {
	background-image:url('image/BUNGA10.gif');
}

span.button1 {
	right:20%;
	left:20%;
	margin-top: 10px
	border: 2px solid #E0E0D6;
	padding-left:40px;
	padding-right:40px;
	padding-top:5px;
	padding-bottom: 5px;
	text-transform:uppercase;
	border-radius: 0px;
	background-color: transparent;
	font-weight:bold;
}

span.button1:hover {
	background-color:#F0888A;
}

a.menu:link {
	font-family: Bell;
	color: #03F;
	text-decoration:none;
}

a.menu:visited {
	font-family: Bell;
	color: #FF3;
	text-decoration:none;
}

a.menu:hover {
	font-family: Bell;
	color: #002B40;
	text-decoration:none;
}

a.menu:active {
	font-family: Bell;
	text-decoration:none;
}




h1.banner {
	right:20%;
	left:20%;
	text-align:center;
	font-family: LCALLIG;
	font-size:40pt;
	text-transform: uppercase;
	line-height: 3.5em;
	text-shadow: 2px 2px 5px #999;
}



div.banner {
	right:15%;
	left:15%;
	text-align:center;
	background-color:#E6C2CE;
	margin-top:5px;
	margin-left:20%;
	margin-right:15%;
	border-top: 3px #000000;
	border-left: 3px  #000000;
	border-right: 3px  #000000;
	width:926px;
	height:190px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

div.menu {
	position:absolute;
	left:15%;
	right:15%;
	text-align:center;
	margin-top: 1px;
	margin-bottom:5px;
	margin-left:30px;
	margin-right: 30px
	border-left: 3px #000000;
	border-right: 3px  #000000;
	padding: 10px 5px 10px 5px;
	width:923px;
	height:48px;
	
}

div.content1 {
	font-family: Bell;
	position: absolute;
	background-color:pink;
	margin-top: 5.9%;
	margin-left:20%;
	margin-right:10%;
	border-bottom: 2px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:630px;
	min-height:400px;
	padding: 6px;
	border-top-left-radius: 25px;
	border-top-right-radius: px;
	height: 1059px;
}

div.content2 {
	font-family: Bell;
	position: absolute;
	background-color:pink;
	margin-top: 5.9%;
	margin-left:20%;
	margin-right:10%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:630px;
	min-height:930px;
	padding: 10px;
	border-top-left-radius: 25px;
	border-top-right-radius: px;
	height: 1306px;
}

div.content3 {
	font-family: Bell;
	position: absolute;
	background-color:pink;
	margin-top: 5.9%;
	margin-left:20%;
	margin-right:10%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:630px;
	min-height:940px;
	padding: 10px;
	border-top-left-radius: 25px;
	border-top-right-radius: px;
	height: 1306px;
}

div.content4 {
	font-family: Bell;
	position: absolute;
	background-color:#pink;
	margin-top: 5.9%;
	margin-left:20%;
	margin-right:10%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:550px;
	padding: 10px;
	border-top-left-radius: 25px;
	border-top-right-radius: px;
	height: 1100px;
}

div.content5 {
	font-family: Bell;
	position: absolute;
	background-color:pink;
	margin-top: 3%;
	margin-left:20%;
	margin-right:10%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:550px;
	min-height:930px;
	padding: 10px;
	border-top-left-radius: 25px;
	border-top-right-radius: px;
	height: 930px;
}
	
div.sidebar1 {
	
	
	float: right;
	right:5px;
	background-color:#F9C;
	margin-top: 6%;
	margin-right:10%;
	margin-left:30%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:268px;
	min-height:930px;
	padding: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	height: 1050px;
	border:single;
}		

div.sidebar2 {
	
	float: right;
	right:5px;
	background-color:#F9C;
	margin-top: 6%;
	margin-right:10%;
	margin-left:20%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:268px;
	min-height:930px;
	padding: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	height: 1305px;
	border:single;
}		

div.sidebar3 {
	
	float: right;
	right:5px;
	background-color:#DFB887;
	margin-top: 3%;
	margin-right:10%;
	margin-left:20%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:268px;
	min-height:930px;
	padding: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	height: 940px;
	border:single;
}		

div.sidebar4 {
	
	float: right;
	right:5px;
	background-color:#DFB887;
	margin-top: 3%;
	margin-right:10%;
	margin-left:20%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:268px;
	padding: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	height: 1100px;
	border:single;
}		

div.sidebar5 {
	
	float: right;
	right:5px;
	background-color:#DFB887;
	margin-top: 3%;
	margin-right:10%;
	margin-left:20%;
	border-bottom: 3px  #000000;
	border-left: 3px  #000000;
	border-right: 3px #000000;
	width:268px;
	min-height:930px;
	padding: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	height: 930px;
	border:single;
}	

div.footer1 {
	width: 933px;
	height: 80px;
	right:15%;
	left:15%;
	text-align:center;
	background-color:#E6C2CE;
	margin-top: 1150px;
	margin-left:20%;
	margin-right:10%;
	border-top: 3px #000000;
	border-left: 3px  #000000;
	border-right: 2px  #000000;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	
}	

div.footer2 {
	width: 932px;
	height: 80px;
	right:15%;
	left:15%;
	text-align:center;
	background-color:#E6C2CE;
	margin-top: 1405px;
	margin-left:20%;
	margin-right:20%;
	border-top: 3px #000000;
	border-left: 3px  #000000;
	border-right: 3px  #000000;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	
}

div.footer3 {
	width: 870px;
	height: 80px;
	right:15%;
	left:15%;
	text-align:center;
	background-color:#E6C2CE;
	margin-top: 1004px;
	margin-left:20%;
	margin-right:15%;
	border-top: 3px #000000;
	border-left: 3px  #000000;
	border-right: 3px  #000000;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	
}

div.footer4 {
	width: 870px;
	height: 80px;
	right:15%;
	left:15%;
	text-align:center;
	background-color:#E6C2CE;
	margin-top: 1165px;
	margin-left:20%;
	margin-right:15%;
	border-top: 3px #000000;
	border-left: 3px  #000000;
	border-right: 3px  #000000;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	

}

div.footer5 {
	width: 870px;
	height: 80px;
	right:15%;
	left:15%;
	text-align:center;
	background-color:#E6C2CE;
	margin-top: 994px;
	margin-left:20%;
	margin-right:15%;
	border-top: 3px #000000;
	border-left: 3px  #000000;
	border-right: 3px  #000000;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	
}

div.content {
	float: center
	background: fff;
	height:390px;
	margin: 10px;
	width: 550px,
}

.content {
	background: #ccc;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px  #000;
}

.hobby2 , .hobby3{
	width:300px;
	height: 400px;
	float: center
	margin-right: 20%;
	margin-left: 10%;
	margin-top: 1%;
}

.hobby4 , .hobby6 {
	width:500px;
	height: 300px;
	float: center
	margin-right: 10%;
	margin-top: 1%;
}

.hobby5 {
	width:500px;
	height: 370px;
	float: center
	margin-right: 10%;
	margin-top: 1%;
}