body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#191d20;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:#191d20;
	overflow:hidden;
}
/*
	#mask {
		width:500%;
		height:100%;
		overflow:hidden;
		background-color:#eee;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
		background-color:#ddd;
	}
*/

	#mask {
		width:100%;
		height:500%;
		overflow:hidden;
		background-color:#191d20;
	}

	.item {
		width:100%;
		height:20%;
		display:block;
		background-color:#191d20;
	}	
	
	
	.content {
		width:635px;
		height:450px;
		top:5%;
		margin:0 auto;
		background:url(../images/home.jpg);
		position:relative;
		border:0px solid #FF0000;
	}
	
	.content_portfolio {
		width:635px;
		height:450px;
		top:5%;
		margin:0 auto;
		background:url(../images/portfolio.jpg);
		position:relative;
		border:0px solid #FF0000;
	}
	
	.content_contact {
		width:635px;
		height:450px;
		top:5%;
		margin:0 auto;
		background:url(../images/mail.jpg);
		position:relative;
		border:0px solid #FF0000;
	}
	
	
	
	.menu
	{
		position:absolute;
		left:105px;
		bottom:50px;		
		border:0px solid #f2f2f2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		
		
	}
	
	.menu ul
	{
		list-style:none;
		display:inline;
		float:left;
		padding:0;
		margin:0;
		
	}
	
	.menu li
	{
		list-style:none;
		display:inline;
		float:left;
		padding:0;
		margin:0;
	}
	
	.menu li a
	{
		
		float:left;
		padding:5px;
		margin:0;
		text-decoration:none;
		background:#f2f2f2;
		color:#1d1d1d;
		text-transform:capitalize;
		
	}
	
	.menu li a:hover
	{
		background:#178bc0;
		color:#FFFFFF;
	}
	
	.menu li.selected a
	{
		background:#178bc0;
		color:#FFFFFF;
	}
	
	.menu li.blog a
	{
		background:#EEEEEE;
		color:#178bc0;
	}
	
	.menu li.blog a:hover
	{
		background:#CCCCCC;
		color:#178bc0;
	}
	

/* Portfolio */


.portfolio
{
		position:absolute;
		top:155px;
		left:169px;
		width:393px;
		height:180px;
		border:0px solid #00CC99;
		overflow:auto;
}



	
	.portfolio ul
	{
		list-style:none;
		margin:0;
		padding:0;
		display:inline;
		
	}
	
	.portfolio li
	{
		list-style:none;
		margin:0;
		padding:0;
		display:inline;
		float:left;
		font-family:Arial,Helvetica,sans-serif;
	}
	
	.portfolio li a
	{
		margin-right:3px;
		line-height:25px;
		padding:3px 6px;
		font-size:11px;
		text-decoration:none;
		color:#FFFFFF;
		background:#27a5da;
		
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		
		
		
		
	}
	
	.portfolio li a:hover
	{
		background:#191d20;
		color:#FFFFFF;
	}

/* Contact */

#kontak
{
	position:absolute;
	top:110px;
	left:115px;
	width:200px;
	height:230px;
	border:0px solid #00FF00;
	color:#FFFFFF;
}

#kontak .judul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
}

#kontak .form_input
{
	background-color:#F5f5f5;
	
	/*border:medium none;*/
	padding:5px;
	border:1px solid #EEEEEE;
	font-family:Tahoma;
	font-size:12px;
	width:180px;
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	margin-bottom:5px;
	
	
}

#kontak .form_input:focus
{
	background-color:#F5f5f5;
	
	/*border:medium none;*/
	padding:5px;
	border:1px solid #EEEEEE;
	font-family:Tahoma;
	font-size:12px;
	width:180px;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}
.button
{
	background: url(../images/button.gif) repeat-x;
	border-bottom:1px solid #040506;
	border-right:1px solid #040506;
	border-left:1px solid #3c4247;
	border-top:1px solid #3c4247;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	color:#EEEEEE;
	font-weight:bold;
	padding:2px 15px 3px;
	text-transform:capitalize;
	margin-top:5px;
	
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		
		
	}
	
#kontak_ket
{
	position:absolute;
	bottom:100px;
	right:65px;
	width:200px;
	height:150px;
	border:0px solid #00FF00;
	color:#191d20;
}

/* End Of Contact */
	
#screenshot{
	position:absolute;
	border:1px solid #666666;
	background:#191d20;
	padding:5px;
	display:none;
	color:#fff;
	opacity: 0.95;
	-moz-opacity: 0.95; /* older Gecko-based browsers */
	filter:alpha(opacity=95); /* For IE6&7 */
	}
	
	.welcome_image{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:3px;
}

/* footer */
#footer
{
	position:absolute;
	bottom:50px;
	right:55px;
	border:0px solid #00FF33;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
}
a
{
	text-decoration:none;
	color:#0099FF;
}

a:hover
{
	text-decoration:underline;
	color:#0978a8;
}
/* end of footer */