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

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

#utama
{
	background:url(../images/main.jpg) no-repeat;
	width:1000px;
	height:500px;
	
}

#work
{
	width:560px;
	height:260px;
	border:0px solid #000;
	float:left;
	overflow:auto;
	margin-left:50px;
	margin-top:90px;
	position:absolute;
}

#contact
{
	width:280px;
	height:260px;
	border:0px solid #000;
	float:right;
	overflow:hidden;
	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;
	}
	
#web 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;
	
}

#web 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;
}

#hire-me {
	position:absolute;
	bottom: 3px; 
	border: none;
	width: 74px;
	height: 68px;
	text-indent: 465px;
}

#button{
	color:#000000;
	width:84px;
	height:41px;
	background:url(../images/button.png);
	padding:5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
	border:0px solid #6d8939;
	letter-spacing:1px;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
}

.isi
{
	width:250px;
	text-align:left;
	font-size:14px;
	letter-spacing:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.isi a
{
	color:#353535;
	text-decoration:none;
	font-size:15px;
	font-family:Cambria, Tahoma, Arial, Helvetica, sans-serif;
	
}

.isi a:hover
{
	color:#000000;
	text-decoration:underline;
}

input, textarea
{
	background-color:#F5f5f5;
	
	/*border:medium none;*/
	padding:3px;
	border:1px solid #EEEEEE;
	font-family:Tahoma;
	font-size:12px;
	width:160px;
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
}

input:focus, textarea:focus
{
	background-color:#F5f5f5;
	
	/*border:medium none;*/
	padding:3px;
	border:1px solid #EEEEEE;
	font-family:Tahoma;
	font-size:12px;
	width:160px;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}

.fonty
{
	font-size:12px;
}