@charset "utf-8";
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg);
	margin: 0;
	margin-top:-6px;
	margin-bottom:2px;
	text-align: center;
}
*html body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg);
	margin: 0;
	margin-top:18px;
	margin-bottom:2px;
	text-align: center;
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:right;
}
div#title{
	width:100%;
	height:30px;
	padding-bottom:10px;
	position:relative;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}
div#container {
	width: 905px;
	margin: 0 auto;
	text-align: left;
	background:url(images/mainbg.jpg) repeat-y;
}
div#header {
	background: url(images/headerbg.jpg) no-repeat;
	height:151px;
	width:905px;
}
div#mainContent {
	background: url(images/maincontentbg.jpg) no-repeat;
	padding-left:50px;
	padding-right:40px;
	padding-top:1px;
}
div#footer {
	background: url(images/footerbg.jpg) no-repeat;
	height:60px;
	width:905px;
}
div#footer-spanish {
	background: url(images/footerbg_spanish.jpg) no-repeat;
	height:60px;
	width:905px;
}

div#mainnav{
	width:850px;
	height:39px;
	position:relative;
	top:100px;
	left:25px;
}
ul#mainnav li{
	display:inline;
	list-style-type:none;
}
ul#mainnav li a{
	display:block;
	height:39px;
}
li#home{
	background:url(images/b_home.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:34px;
	width:49px;
	height:39px;
}
li#home a:hover{
	background:url(images/b_home2.jpg) no-repeat;
}
li#home-a{
	background:url(images/b_home2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:34px;
	width:49px;
	height:39px;
}
li#aboutus{
	background:url(images/b_about.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:84px;
	width:75px;
	height:39px;
}
li#aboutus a:hover{
	background:url(images/b_about2.jpg) no-repeat;
}
li#aboutus-a{
	background:url(images/b_about2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:84px;
	width:75px;
	height:39px;
}
li#components{
	background:url(images/b_components.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:159px;
	width:97px;
	height:39px;
}
li#components a:hover{
	background:url(images/b_components2.jpg) no-repeat;
}
li#components-a{
	background:url(images/b_components2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:159px;
	width:97px;
	height:39px;
}
li#history{
	background:url(images/b_history.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:258px;
	width:63px;
	height:39px;
}
li#history a:hover{
	background:url(images/b_history2.jpg) no-repeat;
}
li#history-a{
	background:url(images/b_history2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:258px;
	width:63px;
	height:39px;
}
li#client{
	background:url(images/b_client.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:321px;
	width:60px;
	height:39px;
}
li#client a:hover{
	background:url(images/b_client2.jpg) no-repeat;
}
li#client-a{
	background:url(images/b_client2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:321px;
	width:60px;
	height:39px;
}
li#c-network{
	background:url(images/b_clientnetwork.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:381px;
	width:126px;
	height:39px;
}
li#c-network a:hover{
	background:url(images/b_clientnetwork2.jpg) no-repeat;
}
li#c-network-a{
	background:url(images/b_clientnetwork2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:381px;
	width:126px;
	height:39px;
}
li#bios{
	background:url(images/b_bios.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:477px;
	width:42px;
	height:39px;
}
li#bios a:hover{
	background:url(images/b_bios2.jpg) no-repeat;
}
li#bios-a{
	background:url(images/b_bios2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:477px;
	width:42px;
	height:39px;
}
li#newsletter{
	background:url(images/b_newsletter.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:518px;
	width:88px;
	height:39px;
}
li#newsletter a:hover{
	background:url(images/b_newsletter2.jpg) no-repeat;
}
li#newsletter-a{
	background:url(images/b_newsletter2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:518px;
	width:88px;
	height:39px;
}
li#pictures{
	background:url(images/b_pictures.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:607px;
	width:69px;
	height:39px;
}
li#pictures-a{
	background:url(images/b_pictures2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:607px;
	width:69px;
	height:39px;
}
li#pictures a:hover{
	background:url(images/b_pictures2.jpg) no-repeat;
}
li#contact{
	background:url(images/b_contact.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:677px;
	width:73px;
	height:39px;
}
li#contact a:hover{
	background:url(images/b_contact2.jpg) no-repeat;
}
li#contact-a{
	background:url(images/b_contact2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:677px;
	width:73px;
	height:39px;
}
div#footernav{
	width:300px;
	height:41px;
	position:relative;
	left:420px;
}
ul#footernav li{
	display:inline;
	list-style-type:none;
}
ul#footernav li a{
	display:block;
	height:41px;
}
li#privacy{
	background:url(images/b_privacy.jpg) no-repeat;
	position:absolute;
	left:35px;
	width:59px;
	height:41px;
}
li#privacy-spanish{
	background:url(images/b_privacy_spanish.jpg) no-repeat;
	position:absolute;
	left:20px;
	width:73px;
	height:41px;
}
li#privacy-a{
	background:url(images/b_privacy2.jpg) no-repeat;
	position:absolute;
	left:35px;
	width:59px;
	height:41px;
}
li#privacy-spanish-a{
	background:url(images/b_privacy_spanish2.jpg) no-repeat;
	position:absolute;
	left:20px;
	width:73px;
	height:41px;
}
li#privacy a:hover{
	background:url(images/b_privacy2.jpg) no-repeat;
}
li#privacy-spanish a:hover{
	background:url(images/b_privacy_spanish2.jpg) no-repeat;
}
li#terms{
	background:url(images/b_termsofuse.jpg) no-repeat;
	position:absolute;
	left:96px;
	width:92px;
	height:41px;
}
li#terms-spanish{
	background:url(images/b_termsofuse_spanish.jpg) no-repeat;
	position:absolute;
	left:92px;
	width:113px;
	height:41px;
}
li#terms-a{
	background:url(images/b_termsofuse2.jpg) no-repeat;
	position:absolute;
	left:96px;
	width:92px;
	height:41px;
}
li#terms-spanish-a{
	background:url(images/b_termsofuse_spanish2.jpg) no-repeat;
	position:absolute;
	left:92px;
	width:113px;
	height:41px;
}
li#terms a:hover{
	background:url(images/b_termsofuse2.jpg) no-repeat;
}
li#terms-spanish a:hover{
	background:url(images/b_termsofuse_spanish2.jpg) no-repeat;
}
font#li{visibility:hidden;}
/*home section*/
.homecontainer{
	height:400px; width:805px;
}
*html .homecontainer{
	height:415px; width:805px;
}
div#logo-lang { width:277px; float:left}	
div#flash{
	width:407px; float:right; margin-top:18px;
}
*html div#flash{
	width:405px; float:right; margin-top:18px;
}
div#logo{
	width:228px; height:223px; background:url(images/logo.jpg) no-repeat; margin-top:45px; margin-left:70px;
}
div#slogan-english{
	width:335px; height:60px; background:url(images/slogan-english.jpg) no-repeat; margin-left:20px;
}
div#slogan-spanish{
	width:335px; height:60px; background:url(images/slogan-spanish.jpg) no-repeat; margin-left:26px;
}

div#slogan1{
	width:300px;
	font-size:18px;
	font-weight:bold;
	float:left;
	text-align:right;
	color:#333333;
	padding-right:10px;
}
div#slogan2{
	width:320px;
	font-size:18px;
	font-weight:bold;
	float:right;
	text-align:center;
	color:#333333;
	padding-left:6px;
}
div#slogan3{
	width:400px;
	font-size:18px;
	font-weight:bold;
	float:left;
	text-align:center;
	color:#333333;
	padding-right:10px;
}
.pageSeparator {
	BORDER-BOTTOM: 1px solid  #333333;
	margin-bottom:10px;
}
.newshead{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333333;
}
img#newspicture{
	margin-left: 2px;
	border:solid 1px #666666;
}
*html img#newspicture{
	margin-left: -14px;
	border:solid 1px #666666;
}
img#galerry{
	width:260px;
	text-align:left;
	border:solid 2px #666666;
}
ul#termsofuse {
	margin-left:-24px;
}
ul#termsofuse li {
	padding-bottom:12px;
}
*html ul#termsofuse {
	margin-left:18px;
}
img#pictures{
	border:solid 2px #666666;
}
div#contact-container{
	width:800;
}
div#contact{
	width:405px;
	text-align:left;
}
div#formcontact{
	width:390px;
	float:right;
	text-align:left;
}
.mailform {
	width:350px;
}
div#langSelect{
	width:400px;
	height:32x;
	margin-top:15px;
	position:relative;
}


ul#language li{
	display:inline;
	list-style-type:none;
}
ul#language li a{
	display:block;
	height:32px;
}
li#l-english {
	background:url(images/b_english.jpg) no-repeat;
	position:absolute;
	width:94px;
	height:32px;
}
li#l-english a:hover {
	background:url(images/b_english2.jpg) no-repeat;
}
li#l-indonesian {
	background:url(images/b_indonesian.jpg) no-repeat;
	position:absolute;
	left:140px;
	width:93px;
	height:32px;
}
li#l-indonesian a:hover {
	background:url(images/b_indonesian2.jpg) no-repeat;
}
li#l-spanish {
	background:url(images/b_spanish.jpg) no-repeat;
	position:absolute;
	left:238px;
	width:95px;
	height:32px;
}
li#l-spanish a:hover {
	background:url(images/b_spanish2.jpg) no-repeat;
}


/* bahasa main link */

li#homeb{
	background:url(images/b_homeb.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:20px;
	width:48px;
	height:39px;
}
li#homeb a:hover{
	background:url(images/b_homeb2.jpg) no-repeat;
}
li#homeb-a{
	background:url(images/b_homeb2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:20px;
	width:48px;
	height:39px;
}
li#aboutusb{
	background:url(images/b_tentangkami.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:68px;
	width:103px;
	height:39px;
}
li#aboutusb a:hover{
	background:url(images/b_tentangkami2.jpg) no-repeat;
}
li#aboutusb-a{
	background:url(images/b_tentangkami2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:68px;
	width:103px;
	height:39px;
}
li#componentsb{
	background:url(images/b_komponen.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:170px;
	width:83px;
	height:39px;
}
li#componentsb a:hover{
	background:url(images/b_komponen2.jpg) no-repeat;
}
li#componentsb-a{
	background:url(images/b_komponen2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:170px;
	width:83px;
	height:39px;
}
li#historyb{
	background:url(images/b_sejarah.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:252px;
	width:63px;
	height:39px;
}
li#historyb a:hover{
	background:url(images/b_sejarah2.jpg) no-repeat;
}
li#historyb-a{
	background:url(images/b_sejarah2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:252px;
	width:63px;
	height:39px;
}
li#clientb{
	background:url(images/b_klien.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:315px;
	width:47px;
	height:39px;
}
li#clientb a:hover{
	background:url(images/b_klien2.jpg) no-repeat;
}
li#clientb-a{
	background:url(images/b_klien2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:315px;
	width:47px;
	height:39px;
}
li#c-networkb{
	background:url(images/b_jaringanklien.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:360px;
	width:115px;
	height:39px;
}
li#c-networkb a:hover{
	background:url(images/b_jaringanklien2.jpg) no-repeat;
}
li#c-networkb-a{
	background:url(images/b_jaringanklien2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:360px;
	width:115px;
	height:39px;
}
li#biosb{
	background:url(images/b_biografi.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:474px;
	width:63px;
	height:39px;
}
li#biosb a:hover{
	background:url(images/b_biografi2.jpg) no-repeat;
}
li#biosb-a{
	background:url(images/b_biografi2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:474px;
	width:63px;
	height:39px;
}
li#newsletterb{
	background:url(images/b_laporanberkala.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:538px;
	width:123px;
	height:39px;
}
li#newsletterb a:hover{
	background:url(images/b_laporanberkala2.jpg) no-repeat;
}
li#newsletterb-a{
	background:url(images/b_laporanberkala2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:538px;
	width:123px;
	height:39px;
}
li#picturesb{
	background:url(images/b_galerifoto.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:659px;
	width:85px;
	height:39px;
}
li#picturesb-a{
	background:url(images/b_galerifoto2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:659px;
	width:85px;
	height:39px;
}
li#picturesb a:hover{
	background:url(images/b_galerifoto2.jpg) no-repeat;
}
li#contactb{
	background:url(images/b_kontak.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:744px;
	width:58px;
	height:39px;
}
li#contactb a:hover{
	background:url(images/b_kontak2.jpg) no-repeat;
}
li#contactb-a{
	background:url(images/b_kontak2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:744px;
	width:58px;
	height:39px;
}
/* spanish main link */
li#homes{
	background:url(images/b_home_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:12px;
	width:48px;
	height:39px;
}
li#homes a:hover{
	background:url(images/b_home_s2.jpg) no-repeat;
}
li#homes-a{
	background:url(images/b_home_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:12px;
	width:48px;
	height:39px;
}
li#aboutuss{
	background:url(images/b_about_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:56px;
	width:149px;
	height:39px;
}
li#aboutuss a:hover{
	background:url(images/b_about_s2.jpg) no-repeat;
}
li#aboutuss-a{
	background:url(images/b_about_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:56px;
	width:149px;
	height:39px;
}
li#componentss{
	background:url(images/b_components_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:198px;
	width:103px;
	height:39px;
}
li#componentss a:hover{
	background:url(images/b_components_s2.jpg) no-repeat;
}
li#componentss-a{
	background:url(images/b_components_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:198px;
	width:103px;
	height:39px;
}
li#historys{
	background:url(images/b_history_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:302px;
	width:64px;
	height:39px;
}
li#historys a:hover{
	background:url(images/b_history_s2.jpg) no-repeat;
}
li#historys-a{
	background:url(images/b_history_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:302px;
	width:64px;
	height:39px;
}
li#clients{
	background:url(images/b_client_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:365px;
	width:66px;
	height:39px;
}
li#clients a:hover{
	background:url(images/b_client_s2.jpg) no-repeat;
}
li#clients-a{
	background:url(images/b_client_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:365px;
	width:66px;
	height:39px;
}
li#c-networks{
	background:url(images/b_clientnetwork_ss.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:430px;
	width:139px;
	height:39px;
}
li#c-networks a:hover{
	background:url(images/b_clientnetwork_s2.jpg) no-repeat;
}
li#c-networks-a{
	background:url(images/b_clientnetwork_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:430px;
	width:139px;
	height:39px;
}
li#bioss{
	background:url(images/b_bios_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:569px;
	width:81px;
	height:39px;
}
li#bioss a:hover{
	background:url(images/b_bios_s2.jpg) no-repeat;
}
li#bioss-a{
	background:url(images/b_bios_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:569px;
	width:81px;
	height:39px;
}
li#newsletters{
	background:url(images/b_newsletter_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:646px;
	width:66px;
	height:39px;
}
li#newsletters a:hover{
	background:url(images/b_newsletter_s2.jpg) no-repeat;
}
li#newsletters-a{
	background:url(images/b_newsletter_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:646px;
	width:66px;
	height:39px;
}
li#picturess{
	background:url(images/b_pictures_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:710px;
	width:49px;
	height:39px;
}
li#picturess-a{
	background:url(images/b_pictures_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:710px;
	width:49px;
	height:39px;
}
li#picturess a:hover{
	background:url(images/b_pictures_s2.jpg) no-repeat;
}
li#contacts{
	background:url(images/b_contact_s.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:759px;
	width:77px;
	height:39px;
}
li#contacts a:hover{
	background:url(images/b_contact_s2.jpg) no-repeat;
}
li#contacts-a{
	background:url(images/b_contact_s2.jpg) no-repeat;
	position:absolute;
	top:-4px;
	left:759px;
	width:77px;
	height:39px;
}
.PageNavigator a{text-decoration:none; color:#663300;}
.PageNavigator a:hover{text-decoration:underline; color:#663300;}
div#pictures_gallery_container {
	width:260px;
	height:
}
div#image_description {
	padding-left:6px;
	padding-right:4px;
}
a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
	font-weight:bold;
}