html { min-height: 100%; margin-bottom: 1px; }
BODY {
	margin: 0px;
	padding: 0;
	FONT: 9pt tahoma, sans-serif;
	COLOR: black;
}

#imgX
{
z-index:-1;
}

A {
	COLOR:#0228CB;
	TEXT-DECORATION: none;
	
}
A:hover {
	COLOR:red;
	text-decoration:underline
}
A.title {
	BACKGROUND: #fff; COLOR: #fe6700
}

h4{
    margin:0;
    padding-bottom:3px;
    font:bolder 16px arial, tahoma, verdana;
}

h4 a{
    color:#3D3D3C;
}

h4 a:hover{
    color:#3D3D3C;
}


.h4x{
    margin:0;
    padding-bottom:3px;
    padding-right:5px;
    font:bolder 14px arial, tahoma, verdana;
}

.h4cmp{
    margin:0;
    padding-bottom:3px;
    font:bolder 22px arial, tahoma, verdana;
    color:black;
    text-shadow: 3px 5px 3px white;

}

.imgprd{
    border: solid 0px red;
    float: left;
    margin-left:5px;
    padding-top:5px;
}

.imgprd img{
    width:120px;
    padding: 3px;
    border: solid 1px silver; 
}

.listprd{
    border: solid 0px red;
    margin-left: 140px;

}


.ppp{
    margin:0;
    padding-bottom:30px;
    padding-left:10px;
    list-style: none;
}

.ppp li{
width:200px;
padding-left:5px;
border-bottom:solid 1px silver;
text-transform:capitalize;
line-height:18px;
font-size:11px;
}

.ppp li a{
    color:#3D3D3C;
}

.ppp li a:hover{
    color:#3D3D3C;
}

.ppp1{
    margin:0;
    padding-bottom:20px;
    padding-left:10px;
    list-style: none;
}

.ppp1 li{
width:250px;
padding-left:5px;
border-bottom:solid 1px silver;
text-transform:capitalize;
line-height:18px;
}

.ppp1 li a{
color:#434342;
font-size:11px;
}

.mn1{
	cursor:pointer;
	letter-spacing:1px;
	font:bolder 10pt arial;
	color : white;
	border-Top:solid 8px #616060;
	border-bottom:solid 8px #616060;
	height:40px;
	width:20%;
}
.mn2{
	cursor:pointer;
	letter-spacing:1px;
	font:bolder 10pt arial;
	border-Top:solid 8px #616060;
	border-bottom:solid 8px #616060;
	height:40px;
	width:20%;
}

.mn3{
	cursor:pointer;
	letter-spacing:1px;
	font:bolder 10pt arial;
	color : white;
	padding:5px 0 5px 5px;
	background : #2175bc;
}

.mn3:hover{
    background : #2586d7;
}
.mn4{
	letter-spacing:1px;
}

.mn5{
border-bottom:solid 1px #2175BC;
text-transform:capitalize;
cursor:pointer;
color:#08518F;
font:bold 9pt tahoma;
}

.mn5:hover{
    background:#D8E3ED;
}

.cmp01{
margin-left:6px;
width:842px;
border:solid 0px red;
}

.cmp02{
background:#FAEB45;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}

.cmp03{
margin-top:3px;
margin-bottom:10px;
width:410px;
border:solid 0px red;
float:left;
padding:5px;
line-height:18px;
}

.cmp04{
margin-top:3px;
margin-bottom:0px;
width:410px;
border:solid 0px red;
margin-left:424px;
padding:3px;
}

.cmp05{
background:#CACAC9;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}

.cmp06{
height:260px;
margin-bottom:10px;
width:410px;
border-left:solid 1px #CACAC9;
border-right:solid 1px #CACAC9;
border-bottom:solid 1px #CACAC9;
float:left;
padding-top:10px;
padding-left:10px;
}

.cmp07{
height:260px;
margin-bottom:10px;
width:409px;
border-right:solid 1px #CACAC9;
border-bottom:solid 1px #CACAC9;
margin-left:422px;
padding-top:10px;
padding-left:10px;
}

.cmp08{
padding-top:1px;
padding-bottom:5px;
padding-left:10px;
border:solid 0px gray;
height:20px;
}

.cmp09{
border:solid 1px silver;
margin-bottom:10px;
padding:15px;
overflow:auto;
}

.cmp09 p{
margin : 0;
}

.cmp10{
border:solid 1px silver;
margin-bottom:20px;
padding:15px;
}


.cmp11{
border:solid 1px silver;
margin-bottom:10px;
padding:3px;
overflow:auto;
}

.cmp11 p{
font:normal 7pt arial;
margin:3px;
}








#navcontainer { width:1000px;}

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 9pt;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #F0F0F0;
        border-top: 1px solid #F0F0F0;
        border-bottom: 1px solid #F0F0F0;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #717171;
        border-right: 1px dashed #A1A0A0;
        text-decoration: none;
}

ul#navlist li#active {
        color: #3D3D3D;
        background-color: #FAB7B7;
}

#navlist a:hover {
        color: white;
        background: #A9C8E2;
}

ul#navlist li#first {
        border-left: 1px dashed #A1A0A0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px verdana;
width: 1000px;
overflow: hidden;
margin-bottom: 1px;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
width:177px;
text-align:center;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 148px; /*width of menu*/
border:solid 1px #2175bc;
}

.urbangreymenu .headerbar{
font: bold 11px tahoma;
color: white;
background: #2175bc; /*url(arrowstop.gif) no-repeat 8px 6px; last 2 values are the x and y coordinates of bullet image*/
margin-top: 0;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
cursor :pointer;
}

.urbangreymenu .headerbarX{
font: bold 11px tahoma;
color: white;
background: #2175bc; /*url(arrowstop.gif) no-repeat 8px 6px; last 2 values are the x and y coordinates of bullet image*/
margin-top: 0;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
cursor :pointer;
}

.urbangreymenu .headerbar a{
color: white;
}


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 11px tahoma, arial;
color: black;
background: #E9E9E9;
display: block;
padding: 4px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #A9C8E2;
}

/*==================================================BEGIN MENU KIRI DETAIL COMPANY*/

.urbangreymenu_kiri{
width: 175px; /*width of menu*/
border:solid 0px #2175bc;
float:left;
}

.urbangreymenu_kiri .headerbar{
font: bold 11px arial;
color: white;
background: #2175bc; /*url(arrowstop.gif) no-repeat 8px 6px; last 2 values are the x and y coordinates of bullet image*/
margin-top: 0;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
cursor :pointer;
}

.urbangreymenu_kiri .headerbar a{
color: white;
}


.urbangreymenu_kiri ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu_kiri ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu_kiri ul li a{
font: normal 13px tahoma, arial;
color: black;
display: block;
padding: 4px 0;
line-height: 17px;
padding-left: 4px; /*link text is indented 8px*/
text-decoration: none;
border-bottom:solid 1px silver;
}

.urbangreymenu_kiri ul li a:visited{
color: black;
}

.urbangreymenu_kiri ul li a:hover{ /*hover state CSS*/
color: white;
background: #A9C8E2;
}

/*==================================================END MENU KIRI DETAIL COMPANY*/


/*==================================================BEGIN MENU KANAN DETAIL COMPANY*/

.urbangreymenu_kanan{
width: 200px; /*width of menu*/
border:solid 0px #2175bc;
margin-left:190px;
}

.urbangreymenu_kanan .headerbar{
font: bold 11px arial;
color: white;
background: #2175bc; /*url(arrowstop.gif) no-repeat 8px 6px; last 2 values are the x and y coordinates of bullet image*/
margin-top: 0;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
cursor :pointer;
}

.urbangreymenu_kanan .headerbar a{
color: white;
}

.urbangreymenu_kanan ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu_kanan ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu_kanan ul li a{
font: normal 13px tahoma, arial;
color: black;
display: block;
padding: 4px 0;
line-height: 17px;
padding-left: 4px; /*link text is indented 8px*/
text-decoration: none;
border-bottom:solid 1px silver;
}

.urbangreymenu_kanan ul li a:visited{
color: black;
}

.urbangreymenu_kanan ul li a:hover{ /*hover state CSS*/
color: white;
background: #A9C8E2;
}

/*==================================================END MENU KANAN DETAIL COMPANY*/


.tdleft{text-align:left;}
.tdright{text-align:right;}

.articleX {
	margin:0 0 20px 0;
	padding:30px 20px;
	width:610px;
}
.articleX span.butons a {
	margin:0 5px 0 0;
	float:right;
	color:#1A1818;
	padding:1px 10px;
	text-decoration:none;
	border:1px solid #ebe8e8;
	background:#fbfbfc;
}
.articleX span.butons a:hover {
	border:1px solid #d9f0ff;
	background:#03578D;
	color:#fff;
	text-decoration:none;
}
.articleX span.butons a.active {
	border:1px solid #ebe8e8;
	background:#03578D;
	color:#fff;
	text-decoration:none;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Menu Baru sebelah kiri */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 197px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 8pt 'tahoma', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 181px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 202px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/*+++++++++++++++++++++++++++++++++++++LIST Kategori Produk*/
.technology{
cursor: hand;
cursor: pointer;
font: bold 14px arial;
margin: 10px 0;
border-bottom:solid 1px gray;
padding:5px;
text-transform:capitalize;
}

.thelanguage{
padding-left:0px;
}

.openlanguage{ 
color: green;
}

.closedlanguage{
color: maroon;
}
.mainDIV{
    padding-left:10px;
}



/*MENU UTAMA*/

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
margin-top:-4px;
margin-bottom:2px;
}

.mattblacktabs form{
float: right;
}

.mattblacktabs form input {
border: solid 1px silver;
padding: 3px;
font: Normal 10pt Arial, Tahoma, Verdana;
}

.mattblacktabs span{
float: right;
padding-top:3px;
margin-left:10px;
margin-right:10px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Arial, Tahoma, Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
font: bold 16px Arial, 'trebuchet ms', Tahoma, Verdana;
float: left;
display: block;
text-decoration: none;
margin-top: 4px;
padding: 2px 2px; /*padding inside each tab*/
padding-top:4px;
padding-bottom:4px;
border-right: 2px solid #EDEBEB; /*right divider between tabs*/
color: white;
background: #2175bc; /*background of tabs (default state)*/
width: 194px;
text-align:center;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #2586d7; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}