*{
	padding:0;
	margin:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #525252;
	background: url(../images/body.jpg) 0 168px repeat-x;
	font-family:calibri;
}
.clear{
	clear:both;
}
#logo{
	width:1112px;
	height:134px;
	margin:auto;
	text-align:right;
	margin-bottom:-17px;
}
#logo img{

	margin-top:20px;
}
#container{
	width:1112px;
	height:530px;
	margin:auto;
	margin-top:59px;
	color:white;
	background:url(../images/global.jpg) no-repeat 0 0; 
}
#menu{
	width:1112px;
	margin:auto;
	margin-top:17px;
}
#menu ul li{
	height:25px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	font-size:17px;
	padding-top:5px;
	color:#C2C2C2;
}
#menu ul li a{
	color:#C2C2C2;
}
#menu ul li:hover a, #menu ul li.actived a{
	color:white;
}
#menu ul li:hover{
	background: url(../images/menuhov.jpg) center repeat-x;
	color:white;
	cursor:pointer;
}
#menu ul li.actived{
	background: url(../images/menuhov.jpg)  center repeat-x;
	color:white;
}
#menu ul li.span{
	background: url(../images/span.jpg) center no-repeat;
	padding:0;
	width:2px;
	height:30px;
}
#footer{
	width:100px;
	margin:auto;
	text-align:right;
	padding-right:50px;
	color:#000000;
	padding-top:15px;
	padding-bottom:15px;
	font-size:19px;
	position:absolute;
	margin-top:-605px;
	margin-left:1130px;
}
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; width:1111px}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:35px; height:34px; position:absolute; left:600px; top:-505px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:35px; height:34px; position:absolute; left:1025px; top:-505px; }
#prevBtn a { display:block; width:35px; height:34px; background:url(../images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:35px; height:34px; background:url(../images/r_arrow.png) no-repeat 0 0; }
#container.aboutus{
	background:url(../images/aboutback.jpg) no-repeat 0 0; 
}
#container.contact{
	background:url(../images/contact.jpg) no-repeat 0 0; 
	
	
}
#container.culture{
	background:url(../images/cultureback.jpg) no-repeat 0 0px; 
}
#container.segment{
	background:url(../images/segment.jpg) no-repeat 0 0px; 
}
#container.segment .title{
	font-size:16px;
	text-align:center;
	width:270px;
	padding-top:3px;
	position:absolute;
	
}
#container.segment .keter{
	position:absolute;
	margin-top:50px;
	width:250px;
	padding:10px;
	padding-left:25px;
	line-height:90%;
}
#container.emotion{
	background:none; 
}
#container.blog{
	overflow:auto;
	padding-top:5px;
	padding-bottom:10px;
	height:507px;
	margin-bottom:8px;
}
#container .content{
	width:620px;
	height:350px;
	margin-left:350px;
	padding:20px;
	padding-left:90px;
	padding-top:80px;
	padding-right:50px;
}
.isinyaadalah{
	width:300px;
	margin:5px 28px 0 34px;
	text-align:center;
	font-size:12px;
}
.isinyaadalahsatu{
	width:700px;
	margin:5px 28px 0 34px;
	font-size:12px;
}
.menungisor{
	position:absolute;
	margin-top:380px;
	margin-left:100px;
}
.menungisor a{
	color:white;
}
.menungisor ul li{
	height:37px;
	float:left;
	padding-left:30px;
	padding-right:30px;
	font-size:15px;
	padding-top:15px;
	color:white;
}
.menungisor ul li:hover{
	font-weight:bold;
	cursor:pointer;
}
.menungisor ul li.actived{
	font-weight:bold;
}
.menungisor ul li.span{
	background: url(../images/span.png) 0 7px no-repeat;
	padding:0;
	width:2px;
	height:40px;
}
.people .content{
	font-size:12px;
}
.people .content .menungisor ul li a, .nguwongke .content .menungisor ul li a{
	color:grey;
}
.people .content .menungisor ul li:hover a, .people .content .menungisor ul li.actived a, .nguwongke .content .menungisor ul li:hover a, .nguwongke .content .menungisor ul li.actived a{
	color:black;
}
.people .content, .nguwongke .content{
	color:#333333;
}
.foto{
	width:300px;
	position:absolute;
	margin-top:95px;
	margin-left:100px;
}
.foto .list{
	float:left;
	margin:1px;
	width:83px;
	height:83px;
}
.foto .list:hover{
	cursor:pointer;
}
.foto .list span{
	position:absolute;
	background:#555555;
	margin-left:-70px;
	margin-top:50px;
	padding:1px 5px 1px 5px;
	opacity:0.8;
	display:none;
}
.foto a .list span{
	color:white;
}
.foto .list:hover span{
	display:inline;
	z-index:10;
}
.foto .list .block{
	width:80px;
	height:80px;
	background:black;
	z-index:2;
	position:absolute;
	margin-top:-85px;
	margin-left:1px;
	display:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	opacity:0.5;
	filter: alpha(opacity = 50);
}
.foto .list:hover .block{
	display:block;
}
.onefoto{
	width:260px;
	position:absolute;
	margin-top:90px;
	margin-left:90px;
}
.onefoto img{
	width:260px;
	height:350px;
}
#emotion{
	width:900px;
	margin:auto;
	padding-top:25px;
}
.list-emotion{
	float:left;
	margin:15px;
}
.list-emotion img{
	width:191px;
	height:126px;
}
.list-emotion .texts{
	width:131px;
	height:66px;
	background:#21A8F9;
	z-index:2;
	position:absolute;
	margin-top:-129px;
	margin-left:1px;
	display:none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	opacity:0.9;
	filter: alpha(opacity = 90);
	text-align:center;
	padding:30px;
	cursor:pointer;
}
.list-emotion .texts span{
	color:yellow;
}
.list-emotion:hover .texts{
	display:block;
}
.list-emotion a{
	color:white;
}

#portofolio{
	width:1020px;
	margin:auto;
	padding-top:25px;
}
.list-portofolio img{
	width:119px;
	height:119px;
}
.list-portofolio{
	float:left;
	margin:5px;
}
.list-portofolio .texts{
	width:79px;
	height:79px;
	background:black;
	z-index:2;
	position:absolute;
	margin-top:-123px;
	margin-left:0px;
	display:none;
	opacity:0.9;
	filter: alpha(opacity = 90);
	text-align:center;
	padding:20px;
	cursor:pointer;
}
.list-portofolio:hover .texts{
	display:block;
}
.list-portofolio a{
	color:white;
}
#lightbox-image-details-caption{
	font-weight:normal;
}
.textsaya{
	position:absolute;
	color:black;
	padding-top:50px;
}
.textsayas{
	position:absolute;
	padding-top:40px;
	margin-left:250px;
}
#contact{
	width:900px;
	margin:auto;
	margin-left:300px;
	padding-top:15px;
	color:white;
	font-size:12px;
}
.formcontact{
	margin-top:10px;
}
.formcontact input{
	width:200px;
}
.formcontact textarea{
	width:250px;
	height:40px;
}
.formcontact .button{
	width:100px;
	margin-top:20px;
}
.ymstat{
	position:absolute;
}
.blog .left{
	float:left;
	margin-left:70px;
	margin-top:10px;
	width:620px;
}
.blog .right{
	float:right;
	width:376px;
	background: #23A7F9 url(../images/bgblog.jpg) repeat-y;
	margin-left:20px;
	margin-top:-5px;
	padding-top:10px;
	padding-bottom:20px;
	min-height:482px;
}
.blog .left .list{
	color:black;
	margin-bottom:8px;
}
.blog .left .list .title{
	margin-bottom:3px;
}
.blog .left .list .title a{
	font-size:17px;
	font-weight:bold;
}
.blog .left .list .title a:hover{
	color:#65BEE3;
	cursor:pointer;
}
.fotoblog img, .fotoblog .name{
	float:left;
	margin-bottom:3px;
}
.fotoblog img{
	width:70px;
}
.fotoblog .name{
	font-size:12px;
	margin-left:10px;
	margin-top:15px;
}
.blog .left .list  .isi{
	font-size:12px;
}
.freenext{
	position:absolute;
	margin-left:360px;
	margin-top:240px;
}
.freenexts{
	position:absolute;
	margin-left:360px;
	margin-top:240px;
}
.freeprev{
	position:absolute;
	margin-left:60px;
	margin-top:240px;
}
.freeprevs{
	position:absolute;
	margin-left:50px;
	margin-top:240px;
}
.menulagi{
	width:100%;
	height:31px;
	background: url(../images/menulagi.jpg) 0 0px repeat-x;
}
.menulagi ul li{
	height:37px;
	float:left;
	padding-left:130px;
	padding-right:130px;
	font-size:15px;
	padding-top:5px;
}
.menulagi ul li.span{
	border-left:1px solid #EEEEEE;
	width:5px;
	height:10px;
	margin-top:8px;
	padding-left:0px;
	padding-right:0px;
}
.menulagi ul li a{
	color:#EEEEEE;
}
.menulagi ul li:hover a, .menulagi ul li.actived a{
	color:white;
}
.twit{
	background:#80D2F8;
	margin:0 20px 3px 30px;
}
.twit .twt{
	margin-left:10px;
}
.twit .button{
	float:right;
}
.blog .right h3{
	margin-top:10px;
	color:black;
	padding:5px;
	padding-left:30px;
	font-size:17px;
}
.listpost{
	color:black;
	padding:2px;
	padding-left:30px
}
#container.people .content{
	padding-left:110px;
	padding-top:96px;
	width:600px;
}
#container.nguwongke .content{
	padding-left:95px;
	padding-top:96px;
	width:600px;
}
#container.people .content#peopdetail{
	padding-left:90px;
	padding-top:96px;
	width:600px;
}
#mcs_container{
}
.isisegmen td{
	padding:10px;
}
.close{
	position:absolute;
	margin-left:1050px;
	margin-top:10px;
	z-index:999;
}