@charset "utf-8";
body{
	margin:0;
}
#body{
	margin:10px;
	background:#FFF url(../images/bgboddy.gif);
	height:3500px;
}
body, td, th{
	font-family:Tahoma;
	font-size:12px;
	background-color:#FFF;
	margin:0;
	color:#888;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	color:#888;
}
#wrapper{
	width: 900px;
	margin:0 auto;
	position:relative;
}
#wrapper p{line-height:25px;}

#frame-logo{
	background:#FFF url(../images/bgboddy.gif);
	height:50px;
	width:900px;
	position:fixed;
	top:0px;
	z-index:999;
	padding-top:20px;
	padding-bottom:10px;
	clear:both;
}
#frame-logo .logo{
	float:left;
}
ul#topinfo{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:14px;
	margin-top:10px;
	float:right;
}

ul#topinfo li{
	float:left;
	margin-left:20px;
	padding-left:25px;
}
ul#topinfo li.mail{
	background:url(../images/email.png) left center no-repeat;
}
ul#topinfo li.phone{
	background:url(../images/phone.png) left center no-repeat;
}
ul#topinfo li.hp{
	background:url(../images/hp.png) left center no-repeat;
}
ul#menu{
	margin:0;
	padding:0;
	height:60px;
	width:900px;
	position:fixed;
	bottom:5px;
	z-index:999;
	list-style:none;
	margin-left:14px;
	clear:both;
}

ul#menu li{	float:left;}
ul#menu li a{line-height:60px;text-align:center;display:block;cursor:pointer;}
ul#menu li a#about{background:url(../images/menu_about.png) no-repeat left top;width:219px;}
ul#menu li a#works{background:url(../images/menu_works.png) no-repeat left top;width:217px;}
ul#menu li a#services{background:url(../images/menu_services.png) no-repeat left top;width:217px;}
ul#menu li a#contact{background:url(../images/menu_contact.png) no-repeat left top;width:220px;}

ul#menu li a#about:hover{background:url(../images/menu_about_hover.png) no-repeat left top;}
ul#menu li a#works:hover{background:url(../images/menu_works_hover.png) no-repeat left top;}
ul#menu li a#services:hover{background:url(../images/menu_services_hover.png) no-repeat left top;}
ul#menu li a#contact:hover{background:url(../images/menu_contact_hover.png) no-repeat left top;}

#frame-work, #frame-work .left, #frame-work .center, #frame-work .right {
	height: 331px;
}
.page{
		margin-bottom:200px;
}
.anchors{
		height:100px;
}
#frame-about{
	min-height:420px;
}
#frame-about .cangkir{
	margin-left:40px;
}

#frame-about .see-works{
	text-align:right;
	font-weight:bold;	
}
#frame-work {
	width: 900px;
}
#frame-work .title{
	height:40px;text-align:center;clear:both;
}
#frame-services{
	min-height:500px;
}
#frame-services ul#serv1{
	clear:left;
	float:left;
	padding:0;
	margin-left:20px;
	width:150px;
}

#frame-services ul#serv2{
	float:left;
	padding:0;
	margin-left:20px;
	width:150px;
}

#frame-services ul#serv1 li, #frame-services ul#serv2 li{
	list-style:none;
	background:url(../images/bullet.png) left center no-repeat;
	padding-left:18px;
	height:25px;
}
#frame-services ul#serv1 li a, #frame-services ul#serv2 li a{
	line-height:25px;
}
#frame-services .see-serv{
	clear:left;
	text-align:right;
	font-weight:bold;	
}

#frame-contact{
	min-height:400px;
}

ul#contact {
	list-style:none;
	padding-left:0;
}

ul#contact li{
	height:60px;
	line-height:60px;
	padding-left:45px;
}
ul#contact li.c1{
background:url(../images/contact_yahoo.gif)left center no-repeat;
}
ul#contact li.c2{
background:url(../images/contact_twitter.gif)left center no-repeat;
}

#frame-contact .quick{
	cursor:pointer;
}

.window-overlay{margin:0 auto;background:#000;z-index:999;position:fixed;filter:alpha(opacity=80);-moz-opacity: 0.8;	opacity: 0.8;}

#popcontact{
	width:402px;
	height:360px;
	position:absolute;
	z-index:1000;
}

#popcontact, #popcontact td{
	font-family:tahoma;
	color:#666;
}
#popcontact .top{
	height:38px;
	background:url(../images/contact_pop_top.png) no-repeat;
	clear:both;
}
#popcontact .middle{
	padding-left:10px;
	padding-right:10px;
	height:280px;
	background:#FFF;
}
#popcontact .bottom{
	height:15px;
	background:url(../images/contact_pop_bottom.png) no-repeat;
}	
#popcontact #popcloser{
	display:block;
	float:right;
	width:38px;
	line-height:38px;
	margin-right:20px;
	cursor:pointer;
}

#popcontact #csend{
	cursor:pointer;
}

#popcontact input, textarea{
	border:3px double #999;
}




#frame-work .left {
	float: left;
	width: 53px;
}
#frame-work .left .a {
	height:131px;
	background:url(../images/slider_left_top.png) no-repeat;
}
#frame-work .left .b {
	height:55px;
	background:url(../images/slider_left_button.png) no-repeat;
	cursor:pointer;
}
#frame-work .left .c {
	height:145px;
	background:url(../images/slider_left_bottom.png) no-repeat;
}

#frame-work .center {
	float: left;
	width: 794px;
	background:url(../images/slider_middle.png) repeat-x;
	overflow:hidden;
	position:relative;
}
#frame-work .center .content{
	height:246px;
	margin-top:35px;
	display:inline;
	color:#999;
}
#frame-work .center .content .link{
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}
#frame-work .center .content ul{
	margin:0;
	padding:0;
	position:relative;
}
#frame-work .center .content ul li{
	list-style:none;
	width:367px;
	height:275px;
	float:left;
	margin-left:20px;
	display:block;
  cursor:pointer;
}

#frame-work .center .content ul li .img{
	width:367px;
	height:245px;
	border:1px solid #CCC;
	background-color:#FFF;
}
#frame-work .center .content ul li .title{
	margin-top:5px;
	text-align:center;
}
#frame-work .center .content ul li .img img{
	border:0;
	margin-left:5px;
	margin-top:4px;
}
#frame-work .right {
	float: left;
	width: 53px;
}

#frame-work .right .a {
	height:131px;
	background:url(../images/slider_right_top.png) no-repeat;
}
#frame-work .right .b {
	height:55px;
	background:url(../images/slider_right_button.png) no-repeat;
	cursor:pointer;
}
#frame-work .right .c {
	height:145px;
	background:url(../images/slider_right_bottom.png) no-repeat;
}
#frame-first {
	text-align: center;
}
#frame-first img{margin-top:100px;}

.boxy-wrapper{
	width:950px;
	margin:0 auto;
	height:500px;
}
.boxy-content{background:#000;}


#phones{margin:0;padding:0;list-style:none;}
#phones li{padding-left:25px;line-height:25px;display:block;}
#phones li.esia{background:url(../images/phones.png) no-repeat 0 8px;}
#phones li.mentari{background:url(../images/phones.png) no-repeat 0 -14px;}
#phones li.email{background:url(../images/phones.png) no-repeat 0 -35px;}