/* Start of CMSMS style sheet 'SAPUA 0409' */
.kiri-bayang {
	background-image: url(images/bayang_kiri.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 4px;
}
.kanan-bayang {
	background-image: url(images/bayang_kanan.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 4px;
}.atas-bayang {

	background-image: url(images/bayang_atas.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 4px;
}
.tengah {
	background-image: url(images/bg_tengah.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 160px;
	border: 1px solid #FFFFFF;
}

.teks-judul{
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.teks {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
line-height: 20px;
}
.titik {
	background-image: url(images/tittik_titik.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 3px;
}
.titik2 {
	background-image: url(images/garis_bawah.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 3px;
}
.bg {
	background-image: url(images/bg_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 738px;
}



/* needed for IE to make :active state work first time */
/*a, a:visited {color:#000;} */

/* common styling for all galleries */
a.gallery, 
a.gallery:visited {
	display:block; 
	display:inline-block; 
	color:#000; 
	text-decoration:none; 
	border:0px solid #000; 
	width:215px; 
	height:200px; 
	float:left; 
	margin:4px 30px 4px 10px;
	z-index:50;
}

a.gallery em {
	display: block;
	border: 1px solid #000;
	width:215px; 
	height:145px; 
}
a.gallery p {
	display:none;
}
 a.gallery span {
	display:block;  
	width:215px; 
	height:40px;
	padding:5px; 
	font-style:italic; 
	color:#00f;  
	position: relative;
	top: 0;
}
#container_right a.gallery span:first-line {
	font-style:normal; 
	font-weight:bold; 
	font-size:1.1em; 
	color:#000;
}

/* a.gallery:hover {border:1px solid #fff;} */

/* styling for RIGHT gallery */
#container_right {
	position:relative; 
	width:517px; 
	height:605px; 
	background:transparent; 
	margin:2em auto;
padding: 5px;
}
#container_right img {border:0;}
#container_right .thumbs {width:517px; position:absolute; left:15px; top:10;}


#container_right a.gallery:hover span:first-line {
	font-style:normal; 
	font-weight:bold; 
	font-size:1.1em; 
	color:#000;
}


#container_right a.gallery:hover span p {
	display: none;
}

#container_right a.gallery:active span,
#container_right a.gallery:focus span {
	display:block; 
	position:absolute; 
	width:235px; 
	height:150px;
	top:170px; 
	left:-270px; 
	padding:5px; 
	font-style:italic; 
	color:#fff;  
	z-index:100;
	background: #999;
}

#container_right a.gallery:active span:first-line,
#container_right a.gallery:focus span:first-line  {
	font-style:normal; 
	font-weight:bold; 
	font-size:1.1em; 
	color:#000;
}

#container_right a.gallery:active span p,
#container_right a.gallery:focus span p  {
	display: block;
	font-style:normal;
	color:#000;
}

#container_right a.gallery:active, 
#container_right a.gallery:focus {border:0px solid #000;}

#container_right a.gallery:active em, 
#container_right a.gallery:focus em {
	display:block; 
	position:absolute; 
	width:235px; 
	height:141px; 
	top:5px; 
	left:-270px; 
	padding:5px; 
	color:#000; 
	border:1px solid #3d330f; 
	z-index:50;
	background: #fff;
}

#gallery {width:400px;}
#gallery ul {list-style:none; padding:0; margin:0; width:330px; position:relative; float:right;}
#gallery ul li {display:inline; width:300px; height:32px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:300px; height:30px; text-decoration:none;}
#gallery ul li a img {display:none;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {display:block;position:absolute; left:-60px; top:0; width:auto; height:auto; border:0;}
#current img {display:block;position:absolute; left:-60px; top:0; width:auto; height:auto; border:0;}


a.rencent_news {
       color: #000;
}

a.rencent_news:hover {
       color: #FFF;
}

.client {
color: #000;
font-family:tahoma;
font-size:11px;
line-height:14px;
}

.client a:hover {
color: #fff;
}

.menu-bawah {
font-family: arial;
font-size: 10px;
font-weight: normal;
color: #5C9DD9;
padding: 0 2px 0 2px ;
}
/* End of 'SAPUA 0409' */