body{
	
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	background:url(img/bg.jpg);
}

#main{
	margin:20px auto;	
	padding:0;
	border:0px solid #111;
	width:644px;
	height:500px;
	text-align:left;
}

#utama
{
	background:url(img/mainbg.jpg) no-repeat;
	width:644px;
	height:500px;
	
}

#work
{
	width:300px;
	height:260px;
	border:0px solid #000;
	float:left;
	overflow:auto;
	margin-left:35px;
	margin-top:100px;
	position:absolute;
}

#contact
{
	width:280px;
	height:260px;
	border:0px solid #000;
	float:right;
	overflow:auto;
	position:absolute;
	margin-left:675px;
	margin-top:90px;
}


#preview{
	position:absolute;
	border:1px solid #000000;
	background:#000000;
	padding:5px;
	display:none;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	
	
	}
	
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#screenshot{
	position:absolute;
	border:1px solid #272727;
	background:#272727;
	padding:5px;
	display:none;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
#bio p{

	font-family:Cambria, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	
	padding:3px;
}
#bio a{

	font-family:Cambria, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	padding:3px;
	line-height:28px;
	background:#F5F5F5;
	text-decoration:none;
	border:0px solid #FFFFFF;
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
}

#bio a:hover{

	font-family:Cambria, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	padding:3px;
	line-height:28px;
	background:#F5F5F5;
	text-decoration:none;
	border-bottom:0px solid #98a40c;
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	cursor:pointer;
}
#bio .highlight{
	color:#FFF;
}