#backgroundbody {
	background-image: url(http://www.ero-advertising.com/fileadmin/template/data/images/content.png);

}

#backgrounddiv {
	background-image: url(http://www.ero-advertising.com/fileadmin/template/data/images/header.jpg);
	width: 994px;
	height: 15px;
	margin: auto;
}
input {
	background-image: url(../images/sidesub_form_bg.png);
}


#header {
	width: 954px;
	height: 60px;
	margin: auto;
}

#menu {
	width: 952px;
	height: 38px;
	margin: auto;
	border: 1px solid #D2D2D2;
	background-image: url(http://www.ero-advertising.com/fileadmin/template/data/images/breadcrumb.png);
	font-family: arial;
	font-size: 14px;
	color: #bc2121;
}

#menu2 {
	width: 952px;
	height: 38px;
	margin: auto;
	border: 1px solid #999999;
	padding-top: 0px;
	background: white;
	font-family: arial;
	font-size: 14px;
	color: #bc2121;
}
#menu3 {
	width: 200px;
	height: 21px;
	margin: auto;
	border: 1px solid #D2D2D2;
	padding-top: 7px;
	padding-left: 30px;
	background-image: url(http://www.ib-center.com/images/org.jpg);
	font-family: arial;
	font-size: 14px;
	color: #bc2121;
}
#menu4 {
	width: 150px;
	height: 21px;
	margin: auto;
	border: 1px solid #D2D2D2;
	padding-top: 7px;
	padding-left: 30px;
	background-image: url(http://www.ib-center.com/images/org.jpg);
	font-family: arial;
	font-size: 14px;
	color: #bc2121;
}

/***** Control Menu - Home - *****/
#menu a{
	color: #bc2121;
}

#menu a:hover{
	color: #ff0000;
}

#selectedHome a{
	color: white;
}

#selectedHome {
	color: white;
	background: url(../images/menu_select.png) no-repeat;
}

#menu .home{
	width: 67px;
	height: 38px;
	padding-top:5px;
	padding-left: 30px;
	margin-left: 5px;
	margin-top: 2px;
}

#menu .home:hover {
	color: white;

	float: left;
}

#menu .borderHome {
	width: 1px;
	height: 38px;
	padding-top: 3px;	
	margin-left: -32px;
}

/***** Control Menu - Profil - *****/

#selectedProfil a{
	color: white;
}

#selectedProfil {
	color: white;
	background: url(../images/menu_select.png) no-repeat;
}


#menu .profil{
	width: 86px;
	height: 38px;
	padding-top: 12px;
	padding-left: 15px;
	margin-left: -28px;
	margin-top: 2px;
}

#menu .profil:hover {
	color: white;
	background: url(../images/menu_select.png) no-repeat;
	float: left;
}

#menu .borderProfil {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -32px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Publikasi - *****/

#selectedPublikasi a{
	color: #bc2121;}

#selectedPublikasi {
	color: #ff0000;

}

#menu .publikasi{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -18px;
	margin-top: 2px;
}

#menu .publikasi1{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -50px;
	margin-top: 2px;
}
#menu .publikasi2{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -50px;
	margin-top: 2px;
}
#menu .publikasi3{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -51px;
	margin-top: 2px;
}
#menu .publikasi4{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -33px;
	margin-top: 2px;
}
#menu .publikasi5{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -15px;
	margin-top: 2px;
}
#menu .publikasi6{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -50px;
	margin-top: 2px;
}
#menu .publikasi7{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -15px;
	margin-top: 2px;
}
#menu .publikasi8{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -20px;
	margin-top: 2px;
}
#menu .publikasi9{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -5px;
	margin-top: 2px;
}
#menu .publikasi10{
	width: 106px;
	height: 38px;
	padding-top: 5px;
	padding-left: 8px;
	margin-left: -95px;
	margin-top: 2px;
}

#menu .publikasi:hover {
	color: #bc2121;
	float: left;
}

#menu .borderPublikasi {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -60px;
}

/***** Control Menu - Harga - *****/

#selectedHarga {
	background: url(../images/menu_select.png) no-repeat;
}

#selectedHarga a{
	color:white;
}

#menu .harga{
	width: 86px;
	height: 38px;
	padding-top: 12px;	
	padding-left: 14px;
	margin-left: -19px;
	margin-top: 2px;
}

#menu .harga:hover {
	color: white;
	background: url(../images/menu_select.png) no-repeat;
	float: left;
}

#menu .borderHarga {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -31px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Model Layanan - *****/

#selectedModel {
	color: white;
	background: url(../images/menu_select2.png) no-repeat;
}

#selectedModel a{
	color: white;
}

#menu .modelayanan{
	width: 154px;
	height: 38px;
	padding-top: 12px;
	padding-left: 13px;
	margin-left: -27px;
	margin-top: 2px;
}

#menu .modelayanan:hover {
	background: url(../images/menu_select2.png) no-repeat;
	float: left;
	color: white;
}

#menu .borderModel {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -44px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Pelanggan - *****/

#selectedPelanggan {
	width: 86px;
	height: 38px;
	background: url(../images/menu_select3.png) no-repeat;
}

#selectedPelanggan a{
	color: white;
}

#menu .pelanggan{
	width: 86px;
	height: 38px;
	padding-top: 12px;
	padding-left: 6px;
	margin-left: -40px;
	margin-top: 2px;
}

#menu .pelanggan:hover {
	color: white;
	background: url(../images/menu_select3.png) no-repeat;
	float: left;
}

#menu .borderPelanggan {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -9px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Order - *****/

#selectedOrder {
	width: 86px;
	height: 38px;
	background: url(../images/menu_select.png) no-repeat;
}

#selectedOrder a{
	color: white;
}

#menu .order{
	width: 86px;
	height: 38px;
	padding-top: 12px;
	padding-left: 16px;
	margin-left: -5px;
	margin-top: 2px;
}

#menu .order:hover {
	color: white;
	background: url(../images/menu_select.png) no-repeat;
	float: left;
}

#menu .borderOrder {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -33px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Kerja Sama - *****/

#selectedKerjasama {
	color: white;
	background: url(../images/menu_select4.png) no-repeat;
}

#selectedKerjasama a{
	color: white;
}

#menu .kerjasama{
	width: 86px;
	height: 38px;
	padding-top: 12px;
	padding-left: 8px;
	margin-left: -29px;
	margin-top: 2px;
}

#menu .kerjasama:hover {
	color: white;
	background: url(../images/menu_select4.png) no-repeat;
	float: left;
}

#menu .borderKerjasama {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: 3px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Lowongan - *****/

#selectedLowongan {
	color: white;
	background: url(../images/menu_select3.png) no-repeat;
}

#selectedLowongan a{
	color: white;
}

#menu .lowongan{
	width: 86px;
	height: 38px;
	padding-top: 12px;
	padding-left: 10px;
	margin-left: 3px;
	margin-top: 2px;
}

#menu .lowongan:hover {
	color: white;
	background: url(../images/menu_select3.png) no-repeat;
	float: left;
}

#menu .borderLowongan {
	width: 1px;
	height: 38px;
	padding-top: 3px;
	margin-left: -13px;
	background: url(../images/border.png) ;
}

/***** Control Menu - Kontak - *****/

#selectedKontak {
	width: 86px;
	height: 38px;
	background: url(../images/menu_select.png) no-repeat;
}

#selectedKontak a{
	color: white;
}

#menu .kontak{
	width: 86px;
	height: 38px;
	padding-top: 12px;
	padding-left: 10px;
	margin-left: -9px;
	margin-top: 2px;
}

#menu .kontak:hover {
	color: white;
	background: url(../images/menu_select.png) no-repeat;
	float: left;

}

/***** Control Layout Utama *****/

#canvas {
	width: 952px;
	background: white;
	margin: auto;

	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
}

/***** Control Layout - Bagian Kiri - *****/

#leftContent{
	width: 199px;
	margin-top: -20px;
	background: #fff1d1;
	border-right: 1px solid #D2D2D2;
}

#headmenu {
	width: 180px;
	height: 31px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: arial;
	font-size: 13px;
	color: white;
	background: url(../images/layanan.png);
}

#headmenu-1 {
	width: 230px;
	height: 31px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: arial;
	font-size: 13px;
	color: white;
	background: url(../images/layanan2.png);
}


/***** Control Layout - Bagian Tengah - *****/
#content {
	padding-left: 10px;
	width: 480px;
}

#layanan .judul {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

#layanan .tanggal {
	font-family: arial;
	font-size: 12px;
	font-style: italic;
	color: #ff9900;
}

#layanan .isi {
	font-family: arial;
	font-size: 12px;
}

#pelanggan {
	font-family:arial;
	padding-top:10px;
}

#pelanggan .nama{
	font-size:15px;
}

#pelanggan .lembaga{
	font-size:13px;
}

#pelanggan .border {
	width:470px;
	height:80px;
	font-size:14px;
	margin-top:5px;
	border:1px solid #ffb74b;
}

#pelanggan .no {
	float:left;
	width:80px;
	height:20px;
	background-image: url(../images/bgvscroll.jpg);
	color:black;
	border-bottom: 1px solid #ffb74b;
	padding-left:5px;
}

#pelanggan .jenisOrder {
	float:left;
	width:144px;
	height:20px;
	background-image: url(../images/bgvscroll.jpg);
	color:black;
	border-left:1px solid #ffb74b;
	border-bottom: 1px solid #ffb74b;
	padding-left:5px;
}

#pelanggan .font {
	float:left;
	width:144px;
	height:20px;
	background-image: url(../images/bgvscroll.jpg);
	color:black;
	border-left:1px solid #ffb74b;
	border-bottom: 1px solid #ffb74b;
	padding-left:5px;
}

#pelanggan .spasi {
	float:left;
	width:79px;
	height:20px;
	background-image: url(../images/bgvscroll.jpg);
	color:black;
	border-left:1px solid #ffb74b;
	border-bottom: 1px solid #ffb74b;
	padding-left:5px;
}

#pelanggan .database {
	float:left;
	height:20px;
	padding-left:5px;

}

#pelanggan .transaksi {
	float:left;
	width:465px;
	height:20px;
	color:black;
	padding-left:5px;
	background: #ecf5fb;
	border-top: 1px solid #ffb74b;
	border-bottom: 1px solid #ffb74b;
	
}
/***** Control Layout - Bagian Kanan - *****/

#rightMenu {
	width: 251px;
	background: #fff1d1;
	margin-left: 10px;
	margin-top: -20px;
	border-left: 0px solid #D2D2D2;

}
#supportmenu {
	width: 245px;
	height: 142px;
	margin-left: -13px;
	font-family: arial;
	color: #732437;

}

#webDevelop .top{
	width: 240px;
	height: 83px;
	margin-left: 6px;
	margin-top: -10px;
	background: url(../images/webpromo.png);
}

#webDevelop .middle {
	width: 228px;
	height: 60px;
	margin-left: 6px;
	padding-left: 10px;
	border-left: 1px solid #9a3a1c;
	border-right: 1px solid #9a3a1c;
	font-family: arial;
	font-size: 12px;
	color: #d8591b;	
	background: white;
}

#webDevelop .middle2 {
	width: 230px;
	height: 59px;
	margin-left: 6px;
	padding-left: 10px;
	padding-top: -11px;
	font-family: arial;
	font-size: 12px;
	color: white;
	background: url(../images/webpromo2.png);
}

#webDevelop .middle3 {
	width: 238px;
	height: 110px;
	margin-left: 6px;
	border-left: 1px solid #9a3a1c;
	border-right: 1px solid #9a3a1c;
	font-family: arial;
	font-size: 12px;
	color: #d8591b;	
	background: white;
}

#webDevelop .foot{
	width: 240px;
	height: 13px;
	margin-left: 6px;
	background: url(../images/webpromo3.png);
}

/***** Sub Layanan *****/
#sublayanan .judul {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

#sublayanan .tanggal {
	font-family: arial;
	font-size: 12px;
	font-style: italic;
	color: #ff9900;
}

#sublayanan .isi {
	font-family: arial;
	font-size: 12px;
	margin-left: 20px;
	padding-left: 10px;
	border-left: 10px solid #f5e599;
}

#sublayanan .isi:hover {
	border-left: 10px solid red;
	
}


/***** Sub *****/

#sub {
    margin-top:10px;
}
#sub .judul {
	font-family: arial;
	font-weight: bold;
	color: #ff0000;
}

#sub .keterangan {
    font-family: arial;
    font-size: 12px;
	margin-left: 20px;
	padding-left: 10px;
	border-left: 10px solid #f5e599;
}

#sub .keterangan:hover {
    border-left: 10px solid red;
}

#sub .gambar {
    margin-left:350px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/***** Sub Layanan *****/
#konten .judul {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}

#konten .tanggal {
	font-family: arial;
	font-size: 12px;
	font-style: italic;
	color: gray;
}



/***** Footer *****/
#footer {
	width: 952px;
	height: 95px;
	margin: auto;
	color: #880000;
	background-image: url(http://www.ero-advertising.com/fileadmin/template/data/images/shadow.jpg);
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	font-family: sans-serif;

}