/* CSS Document */

body {
  margin: 0;
  padding: 0;
  background: #f7f7f7 url('../images/bg-body.gif') center repeat-y;
  text-align: center;  
}

div#container {
  width: 760px !important;
  width: 761px;
  background: url('../images/bg-container.gif') top left repeat-x;
  margin: 0 auto 0 auto;
  padding: 10px 0 0 0;
  text-align: left;
  overflow: hidden;
}

a {
  color: #1e79b0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* #####################    HEADER PART   ########################## */

div#header {
}

div#header-logo {
  float: left;
  margin: 5px 10px 0px 10px;
  width: 250px;
  height: 90px;
}

div#header-logo img {
  margin-left: 10px;
}

div#language {
  float: right;
  text-align: right;
  padding-right: 18px;
  margin: 5px 10px 0 10px;
  width: 200px;
  height: 21px;
  font-family: arial, helvetica, serif;
  font-size: 11px;
}

div#language img {
  margin-bottom: -2px;
  border: 0;
}

div#search-box {
  float: right;
  margin: 5px 10px !important;
  margin: 5px -2px -3px 10px;
  width: 200px;
  height: 31px;
  clear: right;
}

div#search-box form input.textfield {
  height: 11px;
  font-size: 10px;
  margin: 0 5px 0 0;
}

div#search-box form input.button {
  height: 18px;
  font-size: 9px;  
}

/* #####################    MAIN MENU   ########################## */

div#menu-container {
  clear: both;
  background: #0273a7 url('../images/bg-menu.gif') top left repeat-x;
  height: 23px;
  padding: 0;
  z-index: 12;
}

div#menu-left {
  width: 9px;
  height: 23px;
  float: left;
  background: url('../images/bg-menu-left.gif') top left no-repeat;
}

div#menu-right {
  width: 9px;
  height: 23px;
  float: right;
  background: url('../images/bg-menu-right.gif') top right no-repeat;
}

#nav, #nav ul { /* all lists */
	float: left;
	width: 740px;
	list-style: none;
	line-height: 0.9em;
	background: #0273a7 url('../images/bg-menu.gif') top left repeat-x;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;

}

#nav ul {
  background: #0273a7;
}

#nav a {
	display: block;
	width: 130px;
	w\idth: 110px;
	color: #fff;
  text-decoration: none;
	padding: 0.4em;	
}

#nav li li a {
  font-size: 12px;
  padding: 0.25em;
  border-top: solid 1px #1f84b2;
  width: 115px;
}

#nav li { /* all list items */
	float: left;
	text-align: center;
	border-right: solid 1px #0273a7;
	width: 120px;

}

#nav li ul { /* second-level lists */
	position: absolute;
	height: auto;
	width: 120px;
	font-weight: normal;
	margin: 0 !important;
	margin: 0 0 0 -60px;
	padding: 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	color: #000;
}


#nav li:hover, #nav li.sfhover {
	background: #0273a7;
}

#nav li li:hover, #nav li li.sfhover {
	background: #1f84b2;
}


/* #####################  HEADER PICTURE  ########################## */

div#header-picture {
  clear: both;
  background: #2188e1;
  height: 130px;
}

/* #####################  CONTENT  ########################## */

div#content-left {
  background: #fff;
  float: left;
  width: 520px;
  margin-bottom: 20px;
  margin-top: 0px;
  padding-top: 10px;   
  min-height: 400px;
  height: auto;
}

/*\*/
* html div#content-left {
  height: 400px;
  
}
/**/

div#content-left .spacer{
  clear: both;
}

div#content-left .content-spacer{
  clear: both;
  background: url('../images/spacer-content.gif') top left repeat-x;
  margin: 10px;
  height: 10px;
}

div#pageinfo {
  height: 16px;
  background: #fff url('../images/bg-info.gif') top left no-repeat;
  padding: 2px 5px;
  font-size: 11px;
  font-family: arial, helvetica, sans-serif;
}

div#content-left .title {
  margin: 10px 10px 10px 0;
}

div#content-left .insert-image-right {
  margin: 10px 0 10px 10px;
  float: right;
}

div#content-left .insert-image-left {
  margin: 10px 10px 10px 0px;
  float: left;
}

div#content-left p {
  margin: 0 10px 10px 42px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

div#content-left p.two {
  margin-left: 245px;
}

div#content-left #column-content-wrap {
  margin: -10px 10px 20px 42px;  
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

div#content-left .column-content {
  margin: 0;
  padding: 0 10px;
  float: left;
}

div#content-left .column-content ul {
  margin: 3px 10px;
  padding: 0 10px;
}

div#content-left .column-content li {
  list-style-image: url('../images/list-image-plus.gif');
}

div#content-right {
  float: right;
  width: 240px;
  margin-bottom: 20px;
  margin-top: 0px;
  padding-top: 10px;
       
}

div#content-right #right-title {
  margin: 0;
  height: 20px;
}

div#content-right .right-title-image {
  width: 240px;
  height: 20px;
}

div#content-right .quote-box {
  background: #fff;
  padding: 5px 0 5px 0;
  margin: 0 10px 10px 10px !important;
  margin: 0 9px 10px 9px;
  border: solid 1px #e0e0e0;
}

div#content-right .quote-box-bawah {
  background: #ececec url('../images/bg-quote-bawah.gif') top right no-repeat;
  height: 2px;
}

div#content-right p.quote {
  margin: 10px;
  font-family: courier new, times new roman, helvetica;
  font-size: 11px;
  font-style: italic;
}

div#content-right p.quote-teller {
  margin: 10px;
  text-align: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div#content-right .side-item {
  padding: 0 0 10px 0;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

div#content-right .side-item .title {
  margin: 10px 5px 0 5px;
}

div#content-right .side-item .news-item {
  margin: 0 15px 5px 10px;
}

div#content-right .side-item .news-title {
  margin: 10px 0 0 5px;
  font-weight: bold;
}

div#content-right .side-item .news-intro {
  margin: 0 0 0 5px;
  padding-bottom: 10px;
  border-bottom: solid 1px #ddd;
}

div#footer-spacer {
  clear: both;
  height: 0;
}

div#footer {
  margin: 0;
  padding: 0;
  text-align: center;
  clear: both;
  height: 43px;
  background: #f7f7f7 url('../images/footer-all.gif') top center no-repeat;
}

div#footer-container {
  height: 43px;
  clear: both;
  background: url('../images/bg-footer.gif') top center repeat-x;
  position: relative;
  width: 760px !important;
  width: 761px;
  margin: 0 auto;
}

div#footer-left {
  width: 11px;
  height: 43px;
  float: left;
  background: url('../images/bg-footer-left.gif') top left no-repeat;
}

div#footer-right {
  width: 9px;
  height: 43px;
  float: right;
  background: url('../images/bg-footer-right.gif') top right no-repeat;
}

div#footer-container #footer-menu {
  margin: 10px 5px;
  float: left;
  color: #fff;
  font-size: 11px;
}

div#footer-container #footer-menu a {
  color: #fff;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
}

div#footer-container #footer-menu a:hover {
  text-decoration: underline;
}

div#footer-container #footer-notice {
  float: right;
  margin: 5px;
  color: #fff;
  font-family: arial, helvetica, sans-serif;
  font-size: 9px;
}

div#footer-container #footer-notice a {
  color: #fff;
  text-decoration: underline;
}


/* ************************ CSS untuk Milestone Table ********************** */
table#milestone {
  margin: 0 10px 20px 42px;  
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  border-top: solid 1px #ccc;
}

table#milestone .year {
  font-weight: bold;
  color: #1f84b2;
}

table#milestone td {
  border-bottom: solid 1px #ccc;
  padding: 5px;
}

table#milestone  ul {
  margin: 0;
  padding: 0;
}

table#milestone  li {
  list-style-type: none;
  margin-bottom: 5px;
}


/* ********************** CSS untuk About Us - Profile ********************* */
div#content-left p.inside {
  margin: 0 10px 10px 82px;
}

div#content-left p.inside .blue {
  color: #1f84b2;
  font-weight: bold;
}

div#content-right ul {
  margin: 0px 20px;
  padding: 0 10px;
}

div#content-right li {
  list-style-image: url('../images/list-image-plus.gif');
}

div#content-right li a {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}  

/* ********************** CSS untuk About Us - Services ********************* */

div#content-left dl {
  margin: 0 10px 10px 42px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

div#content-left dt {
  color: #1f84b2;
  font-weight: bold;
}

div#content-left dd { 
  margin-bottom: 10px;
}

div#services {
  background: #fff;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}

div#services p {
  margin: 10px 0;
}

div#services div.service-item {
  margin: 0 10px 20px 42px;
  clear: both;
}

div.service-item p.title {
  color: #1f84b2;
  font-weight: bold;
}

div.service-item div.image-area {
  float: left;
  margin: 0 10px 0 0;
}

div.image-area img {
  margin: 0;
}

/* ********************** CSS untuk About Us - Introduction ********************* */

div#intro .img-intro {
  margin: 0 10px 10px 42px;
  float: left;
}

div#intro p {
  margin: 0 10px 10px 42px;
}

/* ********************** CSS untuk About Us - Awards ********************* */
table.awards {
  margin: 0 10px 20px 42px;  
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  border-top: solid 1px #ccc;
}

table.awards .company {
  font-weight: bold;
  color: #1f84b2;
  text-align: right;
}

table.awards td {
  border-bottom: solid 1px #ccc;
  padding: 5px;
}

table.awards ul {
  margin: 0 0 0 10px;
  padding: 0;
}

table.awards li {
  list-style-type: none;
  margin-bottom: 5px;
}

/* ************************** CSS untuk News ************************* */

div#content-left .node {
  margin: 0 10px 10px 42px;
  padding-bottom: 10px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  border-bottom: solid 1px #ddd;
}

div#content-left .node h2.title {
  font-size: 14px;
  margin-bottom: 0;
}

div#content-left .node .submitted {
  font-size: 11px;
}

div#content-left .node .taxonomy {
}

div#content-left .node .content {
  margin-top: 10px;
}

div#content-left .node .content p {
  margin: 0;
}

div#content-left .node .links {
  text-align: right;
}

/* ************************** CSS untuk Offices ************************* */

/* Mengatur default posisi dan style setiap peta yang akan di-load */
dl.map.on {
	position:relative;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}

dl.map.on dt {
	list-style:none;
	display:inline;
}

dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
	border:#222 2px solid;
	background:#666;
	color:#fff;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:11;
	font-size:0.8em;
}

dl.map.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}

dl.map.on dd a {
	text-decoration:none;
	color:#000;
}

/* Load world map */
dl#world.map.on {
  width:450px;
	height:242px;
	background: url('../images/world-map.jpg') no-repeat;
}

/* Load North America Map */
dl#northamerica.map.on {
	width:361px;
	height:261px;
	background: url('../images/northamerica-map.jpg') no-repeat;
}

/* Load Europe Map */
dl#europe.map.on {
	width:400px;
	height:343px;
	background: url('../images/europe-map.jpg') no-repeat;
}

/* Load Asia Map */
dl#asia.map.on {
	width:400px;
	height:379px;
	background: url('../images/asia-map.jpg') no-repeat;
}

/* Load Middle East map */
dl#middleeast.map.on {
	width:300px;
	height:282px;
	background: url('../images/middleeast-map.jpg') no-repeat;
}

dl#world.map.on a.location-northamerica {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background: #ccc;
	width:130px;
	height:90px;
	outline:none;
	z-index:10;
	text-decoration:none;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-northamerica:hover {
	background: #666;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-europe {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background: #ccc;
	width:105px;
	height:55px;
	outline:none;
	z-index:10;
	text-decoration:none;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-europe:hover {
	background: #666;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-asia {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background: #ccc;
	width:140px;
	height:150px;
	outline:none;
	z-index:10;
	text-decoration:none;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-asia:hover {
	background: #666;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-middleeast {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background: #ccc;
	width:55px;
	height:50px;
	outline:none;
	z-index:10;
	text-decoration:none;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}

dl#world.map.on a.location-middleeast:hover {
	background: #666;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-border-radius:8px;
	border-radius:8px;
}


dl.map.on a.location-city {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background: url('../images/point.png') no-repeat;;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;	
}

dl.map.on a.location-city:hover {
	background: url('../images/point-hover.png') no-repeat -1px -1px;
}


/* Set points for World Map Area */
dl.map.on a#location-northamerica {
	top:10px;
	left:10px;
}
dl.map.on a#location-europe {
	top:20px;
	left:175px;
}
dl.map.on a#location-asia {
	top:10px;
	left:300px;
}
dl.map.on a#location-middleeast {
	top:80px;
	left:240px;
}


/* Set points for North America Area */
dl.map.on a#location-seattle {
	top:112px;
	left:72px;
}

dl.map.on a#location-sanfransisco {
	top:168px;
	left:60px;
}

dl.map.on a#location-losangeles {
	top:194px;
	left:70px;
}

dl.map.on a#location-dallas {
	top:212px;
	left:202px;
}

dl.map.on a#location-chicago {
	top:146px;
	left:232px;
}

dl.map.on a#location-newyork {
	top:125px;
	left:300px;
}

dl.map.on a#location-boston {
	top:110px;
	left:307px;
}

/* Set points for Europe Area */
dl.map.on a#location-czech {
	top:200px;
	left:210px;
}

dl.map.on a#location-netherlands {
	top:176px;
	left:144px;
}

/* Set points for Asia Area */
dl.map.on a#location-bangladesh {
	top:185px;
	left:112px;
}

dl.map.on a#location-cambodia {
	top:235px;
	left:180px;
}

dl.map.on a#location-china {
	top:94px;
	left:249px;
}

dl.map.on a#location-hongkong {
	top:177px;
	left:225px;
}

dl.map.on a#location-indonesia {
	top:347px;
	left:186px;
}

dl.map.on a#location-macau {
	top:185px;
	left:210px;
}

dl.map.on a#location-malaysia {
	top:286px;
	left:160px;
}

dl.map.on a#location-myanmar {
	top:210px;
	left:135px;
}

dl.map.on a#location-philippines {
	top:233px;
	left:263px;
}

dl.map.on a#location-singapore {
	top:306px;
	left:174px;
}

dl.map.on a#location-southkorea {
	top:102px;
	left:296px;
}

dl.map.on a#location-srilanka {
	top:266px;
	left:54px;
}

dl.map.on a#location-taiwan {
	top:176px;
	left:262px;
}

dl.map.on a#location-thailand {
	top:229px;
	left:156px;
}

dl.map.on a#location-vietnam {
	top:251px;
	left:185px;
}

dl.map.on a#location-uae {
	top:177px;
	left:210px;
}

/* CSS untuk Contact Us */
form#feedback_mail_page {
  margin: 0 10px 10px 42px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

form#feedback_mail_page input {
  width: 200px;
  margin: 5px 0 !important;
  margin: 5px 0 5px -42px;
}

form#feedback_mail_page textarea {
  width: 400px;
  margin: 5px 0 !important;
  margin: 5px 0 5px -42px;
}

form#feedback_mail_page .form-item {
  width: 200px;
  text-align: left;
}

form#feedback_mail_page .form-submit {
  width: 150px;
  margin-left: 0 !important;  
}

/*added by boby*/
.news-item p{
  margin: 0 0 0 5px;
}
.news-item .links{
  margin: 0 0 0 5px;
  padding-bottom: 10px;
  border-bottom: solid 1px #ddd;
}
.feed-icon{
	display:none;
}
#content-left img{
	border:none;
}
#block-search-0 h2{
	display:none;
}

div#block-search-0 {
  float: right;
  margin: 5px 10px !important;
  margin: 5px -2px -3px 10px;
  width: 200px;
  height: 31px;
  clear: right;
}

.container-inline .form-item .form-text {
  height: 11px;
  font-size: 10px;
  margin: 0 5px 0 0;
}

#block-search-0 .container-inline .form-submit {
  height: 18px;
  font-size: 9px;
}

.container-inline .form-item {
  width: 100px;
  display:inline;
}

#content-left .search-form, .box h2{
	display:none;
}

.box .content {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

.box .content .search-info{
	display:none;
}

.box .content dd { 
	margin: 0;
}