@charset "UTF-8";

body {
	background-image: url(../images/bg_no_glow.jpg);
	background-position:top center;	
	background-repeat: repeat-x;
}

#mainwrapper {
	background-image:url(../images/bg_glow.jpg);
    background-repeat:no-repeat;
    height:768px;
    width:1021px;
    margin:-16px auto auto;
}

/***********************   header     *************************/

#header {
	clear:both;
}

#header #main-menu {
	margin-left:100px;
	position:relative;
	z-index:30;
}
	
#header #main-menu li {
	list-style-type:none;
	float:left;
	margin:7px 0 0;
	z-index: 9;
	}

#header #main-menu li a {
	display: block;
	height: 21px;
	}
	
#header #main-menu li a em {display: none;}


/*********		menu english		***********/

/*#header #main-menu li a.home{width: 78px; background:url(../images/menu/eng/home.jpg) top left no-repeat;}
#header #main-menu li a.corporate_information{width: 143px; background:url(../images/menu/eng/corporate_info.jpg) top left no-repeat;}
#header #main-menu li a.business {width: 90px; background:url(../images/menu/eng/business.jpg) top left no-repeat;}
#header #main-menu li a.news {width: 67px; background:url(../images/menu/eng/news.jpg) top left no-repeat;}
#header #main-menu li a.investor_relation {width: 159px; background:url(../images/menu/eng/investor_relation.jpg) top left no-repeat;}
#header #main-menu li a.csr {width: 54px; background:url(../images/menu/eng/csr.jpg) top left no-repeat;}
#header #main-menu li a.career {width: 77px; background:url(../images/menu/eng/career.jpg) top left no-repeat;}
#header #main-menu li a.contact_us{width: 118px; background:url(../images/menu/eng/contact_us.jpg) top left no-repeat;}


/*********		menu indo		***********/

/*#header #main-menu li a.beranda {width: 86px; background:url(../images/menu/ind/beranda.jpg) no-repeat}
#header #main-menu li a.info_perusahaan {width: 146px; background:url(../images/menu/ind/info_perusahaan.jpg) no-repeat}
#header #main-menu li a.bisnis {width: 68px; background:url(../images/menu/ind/bisnis.jpg) no-repeat}
#header #main-menu li a.berita {width: 71px; background:url(../images/menu/ind/berita.jpg) no-repeat}
#header #main-menu li a.hubungan_investor {width: 169px; background:url(../images/menu/ind/hubungan_investor.jpg) no-repeat}
#header #main-menu li a.csr-indo {width: 52px; background:url(../images/menu/ind/csr.jpg) no-repeat}
#header #main-menu li a.karir {width: 67px; background:url(../images/menu/ind/karir.jpg) no-repeat}
#header #main-menu li a.hubungi_kami {width: 127px; background:url(../images/menu/ind/hubungi_kami.jpg) no-repeat}

#header #main-menu li a:hover {background-position: bottom;}
#header #main-menu li a.active {background-position: bottom;}

/***********************   contentwrapper     *************************/

#mainwrapper #header #main-menu ul li a{height:21px;display:block;}

/***** Menu Inggris ***************/
#mainwrapper #header #main-menu ul li a.menu-home{width: 78px; background:url(../images/menu/eng/home.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-corporate {width: 143px; background:url(../images/menu/eng/corporate_info.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-business {width: 90px; background:url(../images/menu/eng/business.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-news {width: 67px; background:url(../images/menu/eng/news.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-investor {width: 159px; background:url(../images/menu/eng/investor_relation.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-csr {width: 54px; background:url(../images/menu/eng/csr.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-career {width: 77px; background:url(../images/menu/eng/career.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-contact{width: 118px; background:url(../images/menu/eng/contact_us.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-gcg-en {width: 102px; background:url(../images/menu/eng/contact_us.jpg) no-repeat} top left no-repeat;}

#mainwrapper #header #main-menu ul li a:hover{background-position: bottom;}

#mainwrapper #header #main-menu ul li a.menu-home-active{width: 78px; background:url(../images/menu/eng/home.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-corporate-active {width: 143px; background:url(../images/menu/eng/corporate_info.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-business-active {width: 90px; background:url(../images/menu/eng/business.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-news-active {width: 67px; background:url(../images/menu/eng/news.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-investor-active {width: 159px; background:url(../images/menu/eng/investor_relation.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-csr-active {width: 54px; background:url(../images/menu/eng/csr.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-career-active {width: 77px; background:url(../images/menu/eng/career.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-contact-active{width: 118px; background:url(../images/menu/eng/contact_us.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-gcg-en {width: 102px; background:url(../images/menu/eng/contact_us.jpg) no-repeat} top left no-repeat;}

/***** Menu Indo ***************/
#mainwrapper #header #main-menu ul li a.menu-beranda {width: 86px; background:url(../images/menu/in/beranda.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-beranda {width: 86px; background:url(../images/menu/in/beranda.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-info{width: 146px; background:url(../images/menu/in/info_perusahaan.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-bisnis{width: 68px; background:url(../images/menu/in/bisnis.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-berita{width: 71px; background:url(../images/menu/in/berita.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-investor-indo{width: 169px; background:url(../images/menu/in/hubungan_investor.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-csr-indo{width: 52px; background:url(../images/menu/in/csr.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-karir{width: 67px; background:url(../images/menu/in/karir.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-kontak{width: 127px; background:url(../images/menu/in/hubungi_kami.jpg) top left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-gcg{width:54px;background:url('../images/menu-top-gcg.jpg') bottom  left no-repeat;}

#mainwrapper #header #main-menu ul li a.menu-beranda-active{width: 86px; background:url(../images/menu/in/beranda.jpg) bottom left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-info-active{width: 146px; background:url(../images/menu/in/info_perusahaan.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-bisnis-active{width: 68px; background:url(../images/menu/in/bisnis.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-berita-active{width: 71px; background:url(../images/menu/in/berita.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-investor-indo-active{width: 169px; background:url(../images/menu/in/hubungan_investor.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-csr-indo-active{width: 52px; background:url(../images/menu/in/csr.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-karir-active{width: 67px; background:url(../images/menu/in/karir.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-kontak-active{width: 127px; background:url(../images/menu/in/hubungi_kami.jpg) bottom  left no-repeat;}
#mainwrapper #header #main-menu ul li a.menu-gcg-active{width:54px;background:url('../images/menu-top-gcg.jpg') bottom  left no-repeat;}

#mainwrapper #header #main-menu ul li a:hover{background-position: bottom;}
/**************************/


#contentwrapper {
	clear:both;
}

#contentwrapper #index-kiri {
	background-image:url(../images/building.jpg);
	background-repeat:no-repeat;
	float:left;
	height:715px;
	margin-top:6px;
	width:485px;
}

#contentwrapper #index-kiri .logo_pir {
	height:371px; 
    width:375px; 
    position:absolute; 
    background-image:url(../images/logo.png);
    margin-left:-90px;
    margin-top:-100px;
}

#contentwrapper #content-kanan {
	float:right;
    margin-top:38px;
    width:530px;
}

#contentwrapper #content-kanan .welcome-text {
	clear:both;
    float:left;
    height:136px;
    margin-left:-20px;
    margin-top:100px;
    width:500px;
}

#contentwrapper #content-kanan .welcome-text .the_company {
	width:269px;
    height:26px;
    background-image:url(../images/the_company.png);
    background-repeat:no-repeat;
    float:left;
    clear:both;
    margin-left:-10px;
}

#contentwrapper #content-kanan .welcome-text .welcome-text-isi {
	width:494px;
    margin-left:30px;
    margin-top:10px;
    min-height:57px;
    font-family:calibri;
    font-size:14px;
    color:#c3e7ff;
    float:left;
    clear:both;
}
.welcome-text-isi p{margin:0px;}
#contentwrapper #content-kanan .welcome-text #quote1 {
	background-image:url(../images/quote1.png);
    position:absolute;
    width:16px;
    height:13px;
    margin-top:37px;}
	
#contentwrapper #content-kanan .welcome-text #quote2 {
	background-image:url(../images/quote2.png);
    position:absolute;
    width:16px;
    height:13px;
	margin-left:380px;
	margin-top:72px;}

#contentwrapper #content-kanan .welcome-text .welcome-text-readmore {
	width:62px;
    height:18px;
    background-image:url(../images/readmore.png);
    background-repeat:no-repeat;
    float:left;
    clear:both;
    margin-left:30px;
    margin-top:5px;
}

#contentwrapper #content-kanan #landmark-location {
/*	clear:both;
    float:left;
    margin-left:-30px;
    margin-top:50px;*/
	clear:both;
	float:left;
	margin-left:-30px;
	margin-top:35px;
}

#contentwrapper #content-kanan #landmark-location .landmark-location-title {
/*	background-image:url(../images/landmark_location.png);
    background-repeat:no-repeat;
    clear:both;
    float:left;
    height:17px;
    width:206px;*/
	background-image:url(../images/landmark_location.png);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	height:17px;
	width:206px;
}

#contentwrapper #content-kanan #landmark-location .landmark-location-text {
	clear:both;
    color:#898882;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    line-height:18px;
    padding-top:10px;
    width:310px;
}

#contentwrapper #content-kanan #landmark-location .landmark-location-map {
/*	background-image:url(../images/map.png);
    height:253px;
    margin-left:200px;
    margin-top:-40px;
    width:327px;
*/  background-image:url(../images/map.png);
	background-repeat:no-repeat;
	height:253px;
	margin-left:50px;
	margin-top:-15px;
	width:370px;
}

#contentwrapper #content-kanan #tenantlogo-index {
	clear:both;
	float:left;
	margin-left:-135px;
	margin-top:95px;
	width:750px;
}

#contentwrapper #content-kanan #tenantlogo-index li {
	float:left;
	list-style-type:none;
	margin:7px 5px 0;
	z-index:10;
}

#contentwrapper #content-kanan #tenantlogo-index li a {
	display: block;
	height: 51px;
	}
	
#contentwrapper #content-kanan #tenantlogo-index li a.t1 {width: 85px; background:url(../images/tenant/hyatt.png) no-repeat}
#contentwrapper #content-kanan #tenantlogo-index li a.t2 {width: 80px; background:url(../images/tenant/theplaza.png) no-repeat}
#contentwrapper #content-kanan #tenantlogo-index li a.t3 {width: 93px; background:url(../images/tenant/miniapolis.png) no-repeat}
#contentwrapper #content-kanan #tenantlogo-index li a.t4 {width: 68px; background:url(../images/tenant/keraton.png) no-repeat}
#contentwrapper #content-kanan #tenantlogo-index li a.t5 {width: 75px; background:url(../images/tenant/fx.png) no-repeat}
#contentwrapper #content-kanan #tenantlogo-index li a.t6 {width: 61px; background:url(../images/tenant/ex.png) no-repeat}
#contentwrapper #content-kanan #tenantlogo-index li a.t7 {width: 83px; background:url(../images/tenant/pi.png) no-repeat}

/***********************   footer     *************************/



#footer {
	clear:both;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#a5abb1;
    padding:5px;
}