*{
padding:0;
margin:0;
}
body{
background:url(../pic/back.jpg) top center no-repeat;
font-family:arial;
color:white;
}
a:visited{
color:white;
text-decoration:none;
}
a{
cursor: pointer;
text-decoration:none;
color:white;
}
img{ 
behavior: url(../pic/iepngfix.htc) 
}
.more{
font-size:10px;
margin-left:20px;
}
#utama{
height:521px;
width:915px;
margin:auto;
}
#menu{
height:255px;
width:940px;
margin:auto;
}
#mini{
width:600px;
margin:auto;
margin-top:10px;
margin-bottom:30px;
text-align:center;
line-height:150%;
color:#7598D1;
}
#menu #recent, #menu #latest, #menu #client{
width:280px;
height:200px;
float:left;
background:url(../pic/kotak.png);
-moz-border-radius:10px;
padding:10px;
behavior:url(../pic/border-radius.htc);
}
#menu #latest{
margin:0 20px 0 20px;
}
#latest .overflow{
margin-top:10px;
overflow:auto;
width:280px;
height:150px;
font-size:10px;
}
.overflow .bold{
font-weight:bold;
font-size:11px;
}
#menu div h1{
font-size:17px;
font-family:verdana;
text-align:center;
}
.menune{
list-style:none;
}
.menune li img{
position:absolute;
font-family:verdana;
font-size:12px;
cursor:pointer;
width:150px;
}
.menune .space img{
top:150px;
left:10%;
}
.menune .client img{
top:15px;
left:40%;
}
.menune .work img{
top:300px;
left:11%
}
.menune .concept img{
top:180px;
right:14%;
}
.menune .contact img{
top:400px;
right:10%;
}
img {border: none;}

ul.thumb {
	list-style: none;
	width: 278px;
	margin:auto;
}
ul.thumb li {
	float: left;
	position: relative;
	width: 80px;
	height: 70px;
	margin:5px;
}
ul.thumb li img {
	width: 80px; height: 70px;
	border: 1px solid #ddd;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	cursor:pointer;
}
ul.thumb li img.hover {
	background:url(../pic/thumb_bg.png) no-repeat center center;
	border: none;
}

#client ul.thumbs{
	list-style: none;
	width: 278px;
	margin:auto;
}
#client ul.thumbs li {
	float: left;
	position: relative;
	width: 132px;
	height:70px;
	margin:3px;
}
#client ul.thumbs li img {
	width: 132px; 
	max-height: 70px;
	border: none;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	cursor:pointer;
}
#client ul.thumbs li img.hover {
	background:url(../pic/thumb_bg.png) no-repeat center center;
	border: none;
}
.lang{
text-align:right;
margin-top:10px;
margin-right:20px;
font-family:Verdana;
font-weight:bold;
font-size:10px;
}
.lang img{
width:20px;
height:15px;
margin-left:3px;
}
.login{
float:right;
margin-right:20px;
font-family:Verdana;
font-weight:bold;
font-size:10px;
width:180px;
height:110px;
background:#3C6BB6;
-moz-border-radius:20px;
-moz-border-radius-topright:0px;
display:none;
padding:10px;
text-align:right;
}
.login input{
width:150px;
}
.login #submit{
width:70px;
margin-top:10px;
background:#002870;
color:white;
border:none;
font-weight:bold;
}
.register{
font-family:Verdana;
font-weight:bold;
font-size:10px;
margin:auto;
position:relative;
width:400px;
background:#010437;
height:460px;
z-index:100;
-moz-border-radius:20px;
padding:20px;
padding-top:5px;
display:none;
}
.register input, .register textarea, .register option{
border:none;
}
.register h1{
font-size:15px;
}