body {
background-color :#ffffff; 
font-family: Arial; 
color: #666666;
margin:0px;
padding:0px;
}

#top {
background:#b9b9b9;
color:#383838;
padding:3px;
font:9pt arial;
border-bottom:1px solid #737373;
text-align:right;
}

#footerin {
	width:100%;
	position:relative;
	left:550px;
	height: 20px;
	top:6px;
	bottom:0px;
	background:#b10101;
}

#main2 {
	height:100%;
}

#footer2 {
	width:100%;
	height:20px;
	background-image:url(../images/footer2.gif);
	background-repeat:repeat-x;
	position:fixed;
	position:absolute;
	bottom:0px;
	padding-top:10px;
}

@media screen{
body>div#footer2{
position: fixed;
}
}
* html body{
overflow:hidden;
} 
* html div#main2{
height:100%;
overflow:auto;
}

#top_inner {
color:#383838;
font:9pt arial;
}

#top_inner a{
color:#383838;
}

#top_inner a:hover {
text-decoration:underline;
color:#ff0000;
}

#top_inner a:visited {
text-decoration:none;
color:#383838;
}

#top2 {
color:#a40301;
font:9pt arial;
padding-right:10px;
}

#top2 a{
color:#a40301;
text-decoration:none;
border:1px solid #ffffff;
padding:3px;
}

#top2 a:hover{
border:1px solid #ffffff;
color:#993333;
font-weight:bold;
}

#top2 a:visited{
text-decoration:none;
}

#sitemap a{
color:#000066;
font:9pt arial;
}

#welcome1 {
	color: #3a3a3a;
	background:#dcdcdc;
	text-decoration: none;
	font:10pt arial;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
}

#welcome1 h1 {
color:#3a3a3a;
}

#mag {
font:8pt arial;
color:#333333;
}

#menu_samping {
	background-color:#d9d9d9;
	padding:8px;
	color:#ffffff;
	font-family: arial;
	font-size: 9pt;
	font-weight: ;
}

#jdl_menu_samping {
font-size:120%;
height:20px;
margin-bottom:2px;
border-bottom:1px solid #e8cdcd;
display:block;
}

#menu_samping a{
font-weight:bold;
font:8.5pt arial;
color:#ffffff;
text-decoration:none;
}

#menu_samping a:visited{
font-weight:bold;
font:8.5pt arial;
text-decoration:none;
}

#menu_samping a:hover{
text-decoration:none;
color:#ffe400;
}

#solutions {
font:9pt arial;
border-bottom:1px dotted #bebebe;
}

#solutions b {
display:block;
background:#003b59;
color:#fff;
text-align:center;
padding:5px;
}

#solutions2 a{
display:block;
border:1px solid #bebebe;
background:#e0dfdf;
color:#FF0000;
padding:3px;
margin-bottom:7px;
}

#solutions2 a:hover {
display:block;
background:#c5c5c5;
text-decoration:none;
color:#ff0000;
}

#i2_kiri {
	padding-top:2px;
	padding-bottom:2px;
	font:9pt arial;
	margin:0;
	}

#acco {
background:#b10101;
color:#ffffff;
}

#textacco {
padding-right:40px;
}

.jump {
background:#a1a9e4;
color:#333333;
font:10pt arial;
}

#career_list a:link { color:#336699}
#career_list a:active { color:#336699}
#career_list a:hover { color:#336699; text-decoration:underline}
#career_list a:visited { color:#336699; text-decoration:none}

#menu dl {width: 210px; margin:0; padding: 0 0 1px 0}
#menu dt {margin:0; padding: 1px; font-size: 8pt; font-weight:bold; color: #fff; border-bottom:1px solid #fff;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 8pt; border-bottom:1px solid #fff; background: #47a;}

#gallery_products a, #gallery_products a:visited {color:#740303; text-decoration:none; display:block; padding:1px 1px 1px 1px; border:0px solid #000000; background: #fff url(arrow.gif) no-repeat 10px 10px; width:220px;}
#gallery_products a:hover {background: #740303; color:#ffffff;}

#gallery_services a, #gallery_services a:visited {color:#003b59; text-decoration:none; display:block; padding:1px 1px 1px 1px; border:0px solid #000000; background: #fff url(arrow.gif) no-repeat 10px 10px; width:220px;}
#gallery_services a:hover {background: #003b59; color:#ffffff;}

#gallery_solutions a, #gallery_solutions a:visited {color:#36393b; text-decoration:none; display:block; padding:1px 1px 1px 1px; border:0px solid #000000; background: #fff url(arrow.gif) no-repeat 10px 10px; width:220px;}
#gallery_solutions a:hover {background: #36393b; color:#ffffff;}

.gallery_products {color:#740303}
.gallery_services {color:#003b59}
.gallery_solutions{color:#36393b}

ol li {font-size:8pt;}

#solutions_product {color:#740303}
#solutions_service {color:#003b59}
#solutions_solution {color:#36393b}

#i2_tengah {
	padding-bottom:15px;
	font:10pt arial;
	color:#484848;
}

#i2_tengah2 h1 {
display:block;
border-bottom:1px solid #bebebe;
font:16pt/14pt arial;
font-weight:bold;
padding-bottom:2px;
margin-bottom:15px;
padding-top:10px;
}

#i2_tengah2 a {
text-decoration:none;
color:#CC0000;
font-weight:bold;
}

#i2_tengah2 a:hover {
text-decoration:underline;
}

#i2_tengah2 {
padding-left:35px;
padding-right:35px;
margin-top:5px;
background:url(../images/content.gif) no-repeat center;
height:300px;
}

#i2_kanan {
padding-left:10px;
}

#loginCust	{
	background:url(../images/loginCustomer.gif) 0 0 no-repeat;
	height:140px;
	}

#loginL	{
	background:url(../images/loginL.gif) no-repeat;
	height:140px;
	}

#FormLogin 	{
	padding-top:35px;
	}
	
.image {
margin-left:200px;
margin-bottom:10px;
border:2px solid #444;
}

.hr {
border:1px solid  #ffffff;
}


#normal
{color: #333333; font-family: Arial; text-decoration: none; font-size:12px; padding:20px}

#normal a {
text-decoration:none;
color:#333333;
}

#normal a:hover {
text-decoration:none;
color:#ff0000;
}

#normal a:visited {
text-decoration:none;
color:#333333;
}

a.normal:visited
{color: #666666; CURSOR: hand; font-family: Arial; text-decoration: none; font-size:12px;}

a.normal:hover
{color: #1b6a9b; CURSOR: hand; font-family: Arial; text-decoration:underline; font-size:12px;}

.menutop
{color: #005996; font-family: arial; text-decoration:none; font-size:14px; font-weight:bold;}

a.menutop:visited
{color: #005996; CURSOR: hand; font-family: arial; text-decoration:none; font-size:14px; font-weight:bold;}

a.menutop:hover
{color: #c30000; CURSOR: hand; font-family: arial; text-decoration:none; font-size:14px; font-weight:bold;}

.menuleft
{color: #ffffff; font-family: arial; text-decoration:none; font-size:9pt; font-weight:bold;}

.menuleft2
{color: #ffffff; font-family: arial; text-decoration:none; font-size:9pt; font-weight:normal;}

a.menuleft:visited
{color: #ffffff; CURSOR: hand; font-family: arial; text-decoration:none; font-size:13px; font-weight:bold;}

a.menuleft:hover
{color: #ffffff; CURSOR: hand; font-family: arial; text-decoration:underline; font-size:9pt; font-weight:bold;}

.blue
{color: #1b6a9b; font-family: Arial; text-decoration: none; font-size:12px;}

a.blue:visited
{color: #1b6a9b; CURSOR: hand; font-family: Arial; text-decoration: none; font-size:12px;}

a.blue:hover
{color: #666666; CURSOR: hand; font-family: Arial; text-decoration:none; font-size:12px;}

#red
{color: #ff0000; font-family:arial; font-size: 10px}

#form
{color: #2a2a2a; background:#b8b8b8; font-family:arial; font-size: 12px; padding-top:15px}

#partner {
border-left:1ps solid #bebebe;
}

#partner h3 {
padding:2px;
background:#003b59;
color:#ffffff;
}

a.red:visited
{color: #c30000; CURSOR: hand; font-family: Arial; text-decoration: none}

a.red:hover
{color: #666666; CURSOR: hand; font-family: Arial; text-decoration: none}

.welcome
{color: #005e9c; font-family: Arial; font-size: 22px;}

.date
{color: #8d8d8d; font-family: Arial; text-decoration: none; font-size:10px;}

.normalgray
{color: #919191; font-family: Arial; text-decoration: none; font-size:12px;}

.titleblue
{color: #005e9c; font-family: Arial; font-size: 16px; font-weight:bold;}

.titlered
{color: #c30000; font-family: Arial; font-size: 16px; font-weight:bold;}

#footer
{color: #7b7b7b; font-family: Arial; font-size: 9pt;}

#footer a {
padding-top:10px;
color:#7b7b7b;
text-decoration:none;
}

#footer a :hover{
padding-top:10px;
color:#7b7b7b;
text-decoration:underline;
}

#footer a:visited {
padding-top:10px;
color:#7b7b7b;
text-decoration:none;
}

#testimonial {
font:9pt arial;
border-bottom:1px solid #dddddd;
}

.link
{color: #1b6a9b; CURSOR: hand; font-family: Arial; text-decoration:underline; font-size:12px;}

a.link:hover
{color: #666666; font-family: Arial; text-decoration: none; font-size:12px;}

a.link:visited
{color: #1b6a9b; CURSOR: hand; font-family: Arial; text-decoration:underline; font-size:12px;}

/* ------------- Pagination -----------	*/
	
#pagination-flickr li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-flickr a           { border:solid 1px #DDDDDD; margin-right:2px; }
#pagination-flickr .previous-off,
#pagination-flickr .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-flickr .next a,
#pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; }	
#pagination-flickr .active     { color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination-flickr a:link, 
#pagination-flickr a:visited   { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-flickr a:hover     { border:solid 1px #666666; }
#Layer2 {
}