/* selector */

body {margin:0px; font-family:Arial; color:#333333;}

#a1 {width:100%;}

#a2 {width:955px;height:auto;}

#a2_inside {width:953px;height:auto; padding-left:9px;}

/* header session */

#b1 {width:100%;height:55px;}

#logo {float:left;width:563px;}

#logo_inside {float:left;width:550px;}

#imglogo {margin: 20px 0px 0px 0px;}

#imglogo_inside {margin: 20px 0px 0px 0px;}

#home {float:left;margin-top:35px;}

#sitemap {float:left;margin-top:35px;}

#contactus {float:left;margin-top:35px;}

#thiessausty { float:left; margin-top:35px; }

#language {float:left; margin-top:35px; width:100px;}

#search {float:left;margin-top:35px;width:37px;}

#searchngo {float:left;width:145px;margin-top:32px;}

#searchform {float:left;width:120px;height:17px;}

.navkiri a
{
height:22px;
width:128px;
text-decoration:none;
padding:5px 0px 0px 5px;
}

.navkiri a:active, .navkiri a:link, .navkiri a:visited
{
font-family: Helvetica;
color:#666666;
font-size:11px;
height:22px;
width:128px;
background-color:#D1D1D1;
}

.navkiri a:hover
{
font-family: Helvetica;
color:#FFFFFF;
font-size:11px;
background-color:#8CBCDF;
}

.box55 {
	float:left;
	width:30px;
	margin-top:40px;
}

#b2 {
	width:100%;
	height:15px;
}

#b2_inside {
	width:100%;
	height:26px;
}

/* content session */

#b3 {
	width:100%;
}

#b3_inside_1 {
	height:32px;
	background-image:url(../img/tailinginside.gif)
}

#b3_a {	
	 background-image:url(../img/b3_abg.gif); 
	/*background:url(../img/bg400.gif) no-repeat; */
}

#b3_atemplate {
	margin-left:20px;
	width:180px;
}

.b3_abluebg {
	height:30px;
	background-color:#378AC6;
}

.ganjel15 {
	height:23px;
}

#b3_bsession1 {
	height:0px;
	width:744px;
	/* 
	background-image:url(../img/b3_bbg.gif);
	background-repeat:no-repeat; 
	*/
}

#b3_navsession2 {
	height:35px;
	padding-top:8px;
}

#aboutus {
	float:right;
	width:77px;
}

#services {
	float:right;
	width:80px;
}

#experience {
	float:right;
	width:93px;
}

#ourvalues {
	float:right;
	width:87px;
}

#careers {
	float:right;
	width:75px;
}

#mediacenter {
	float:right;
	width:104px;
}

#b3_experience {
	margin-top:13px;
}

.b3_bbg {
	background-image:url(../img/b3_bbgv3.gif);
	background-repeat:repeat-x;
}

.ganjel42 {
	height:42px;
}

#b3_bnews {
	border-left:1px #999 dashed;
	padding-left:20px;
	height:160px;
}

#b4 {
	height:25px;
	padding-left:10px;
}

#b4_dalem {
	height:25px;
}

#b4_inside {
	border-bottom:1px #999 solid;
}

#b5 {
	height:30px;
	padding-left:10px;
}

#b5_dalem {
	height:30px;
}

/* text */

.verfff10 {font-size:10px; color:#FFF;}

.verccc10 {font-size:10px;color:#CCC;}

.ver33311 {font-size:11px;color:#333;}

.ver33311 a:link, .ver33311 a:active, .ver33311 a:visited {
	font-size:11px;
	color:#333;
	text-decoration:none;
}

.ver33311 a:hover {
	font-size:11px;
	color:#1C60B5;
	text-decoration:none;
}

.ver66610 {
	font-size:10px;
	color:#666;
}

.ver66610 a:link, .ver66610 a:active, .ver66610 a:visited {
	font-size:10px;
	color:#666;
	text-decoration:none;
}

.ver66610 a:hover {
	font-size:10px;
	color:#BBB;
	text-decoration:none;
}

.ver66611 {
	font-size:11px;
	color:#666;
}

.verblue11 {
	font-size:11px;
	color:#1C60B5;
}

.verftr10 {
	font-size:10px;
	color:#B4B4B4;
}

.verheadpage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:400;
	color:#006BB7;
}

.vernavipage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6EA9D3;
}
/* margin padding border*/

.martop3 {
	margin-top:3px;
}

.martop5 {
	margin-top:5px;
}

.martop10 {
	margin-top:10px;
}

.martop20 {
	margin-top:20px;
}

.marlef10 {
	margin-left:10px;
}

.marrig10 {
	margin-right:10px;
}

.padrig30 {
	padding-right:30px;
}

#td_dash {
	border-right:1px #999 dashed;
}

.solidbot {
	border-bottom:1px #E0E0E0 solid;
}

.solidccc {
	border-bottom:1px #ccc solid;
}

.height30 {
	height:30px;
}

/* form */

.search
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:1px solid #C0C0C0;
	width:110px;
	height:17px;
}

.contactform {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:1px solid #C2C2C2;
	width:300px;
	height:20px;
}

/***************************************
************** navigation **************
***************************************/

.horizontalcssmenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li
{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a
{
display: block;
/*width: 70px; Width of top level menu link items*/
padding: 0px 0px 0px 0px;
text-decoration: none;
text-align:center;
background:#FFFFFF;
/*background: url(menubg.gif) center center repeat-x;*/
color:#666666;
font: 11px Helvetica;
}

.horizontallong
{
/*    border-top: 1px solid #999999; */
/*    border-bottom: 1px solid #999999; */
	background:#FFFFFF;
	width:100%; height:32px;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul
{
margin-top:1px;
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li
{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a
{
width: 165px; /*width of sub menu levels*/
height:20px;
text-align:left;
font-weight: normal;
padding: 4px 0px 0px 5px;
background:#D1D1D1;
}

.horizontalcssmenu ul li a:hover
{
/*background: url(menubgover.gif) center center repeat-x;*/
background:#EFEFEF;
}

.horizontalcssmenu ul li ul li a:hover
{
/*background:#F5F0B4;*/
background-color:#8CBCDF;
color:#FFFFFF;
}

.horizontalcssmenu .arrowdiv
{
position: absolute;
right: 0;
}

* html p#iepara
{ 
/*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li
{ 
float: left; height: 1%;
}

* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
/* octopus css / local css */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.arial11px {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}    
.verdana10px {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;
} 	 
.verdana10pxbold {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
} 
.verdanatitle {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
} 
.tablemodul {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
.arialbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.textBoxForm {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#000000;
  background-color:#fcf4f3;
  width:150px;
  border:1px solid #666666;
}
.textBoxFormDelivery {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#000000;
  background-color:#fcf4f3;
  border:1px solid #666666;
}
.boxpaging {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#000000;
  background-color:#fcf4f3;  
  border:1px dotted #666666;
}
.invisbox {
    font-family: Verdana, Arial, sans-serif; font-size: 10px;color:#666666; font-weight:bold;
    width:auto;height:auto;padding:2px;
}
.button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#FFFFFF;
  background-color:#666666;
  border:1px solid #333333;
}
.table {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;      
}
a.submenu1:link {
	text-decoration: none;
	font-size: 10px;
	font-weight:bold;
	color: #333333;
}
a.submenu1:visited {
	color: #333333;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}
a.submenu1:hover {
	color: #FF0000;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}

/* navigasi - Q bro... -> bagian kiri...*/

#navcontainer { width: 150px; }
		
		#navcontainer ul
		{
			margin-left: 0px;
			padding-left: 0;
			list-style-type: none;
			font-family: Helvetica;
			font-size:11px;
			font-weight:bolder;
		}
		
		#navkiri a
		{
			display: block;
			padding: 4px 0px 4px 7px;
			width: 150px;
			background-color: #D1D1D1;
			border-bottom: 3px solid #FFFFFF;
		}
		
		#navkiri a:link, #navkiri a:visited, #navkiri a:active
		{
			color: #666666;
			text-decoration: none;
		}
		
		#navkiri a:hover
		{
			background-color: #8CBCDF;
			color: #FFFFFF;
		}
		
.sitemaptitle {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.sitemaptitle:link {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.sitemaptitle:hover {
	font-size:11px;
	color:#1C60B5;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	
}