.body {
	background-color:#4F4F5A;
}

.body2 {
	background-color:#000060;
}

#banner {
	background-image:url('images/banner.jpg');
	width:980px;
	background-repeat: no-repeat;
	background-color:#0322C0;
	height: 89px;
	width:980px	
}

#menuname {
	color:#ffffff;	
	background-image:url('images/bgmenu.jpg');
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 20px
}

.height1 {
	height: 10px;
}

.height2 {
	padding-top: 10px;
	border: none;
}

#picture1 {
	background-image:url('images/picture1.jpg');
	background-repeat: no-repeat;
	background-color:#0322C0;
	height: 237px;
	width: 260px
}

#picture2 {
	background-image:url('images/picture2.jpg');
	background-repeat: no-repeat;
	background-color:#0322C0;
	height: 20px;
	width: 260px
}

#picture3 {
	background-image:url('images/picture3.jpg');
	background-repeat: no-repeat;
	height: 25px;
	width: 260px
}

#picture4 {
	background-image:url('images/picture4.jpg');
	background-repeat: no-repeat;
	height:100px;
	width: 260px
}

#picture5 {
	background-image:url('images/picture5.jpg');
	background-repeat: no-repeat;
	height: 20px;
	width: 300px;
	margin-top: 2px
}

#picture6 {
	background-image:url('images/picture6.jpg');
	background-repeat: no-repeat;
	height: 161px;
	width: 174px;
	margin: 20px 40px;
}

#picture8 {
	background-image:url('images/picture8.jpg');
	background-repeat: no-repeat;
	height: 71px;
	width: 100px;
	margin-top: 10px;
	text-align: center;
	float: right
}

.header {
	color: #ECECEC;
	padding: 2px 10px 10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.header2 {
	color: #ECECEC;
	padding: 0px 10px 10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.header3 {
	color: #CACACA;
	padding: 0px 10px 10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.header4 {
	color: #CACACA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 30px;
}

.client {
	background-color:#120138;
	width:260px;
	text-align:center;
	padding-bottom: 20px;
}

.application {
	color: #0F176C;
	padding: 32px 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	float: left;
	text-align: center;
	width: 150px;
}

.contents {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	line-height: 1.4;
	background-color: #D9D9D9;	
}

.content {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	line-height: 1.4;
	background-color: #D9D9D9;
	border-right: 1px solid black;
}

.background-kosong {
	background-color: #D9D9D9;
	height: 13px;
	border-right: 1px solid black;
}

.content1 {
	color: #ECECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	line-height: 1.4;
}

.content2 {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;	
	padding: 0px 10px 5px 20px;
}

.content3 {
	color: #ECECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 0px 10px;
	font-size: 11px;
	line-height: 1.4;
}

.footer {
	color: #ECECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 25px;
	font-size: 11px;
	line-height: 1.4;
}

.footer2 {
	color: #ECECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 25px;
	font-size: 11px;
	line-height: 1.4;
}

.audiovisual {
	color: #F26108;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	padding: 0px 10px 5px 20px;
}

.gambarkanan {
	float: right;
	margin: 0px 10px 0px 15px;
}

.gambarkiri {
	float: left;
	padding: 0px 10px 0px 0px;
}

.area1 {
	background-color: #F2F4DF;
	padding: 10px 10px 10px 10px;
}

.area2 {
	background-color: #150438;
}







.middle {
	text-align:center;
	color: #AABBAA;
	padding: 30px 0px 30px 0px;
}

.link {
	text-decoration: none;
	color: #FFFFFF;
}

.link2 {
	text-decoration: none;
	color: #A8E2B7;
}

.link3 {
	text-decoration: none;
	color: #000000;
}

.link4 {
	text-decoration: none;
	color: #993366;
}

.menu {
	background-color: #131A6B;
	color: #ECECEC;
	background-image: url('images/menu1.jpg');padding-left:20px; padding-right:0px; padding-top:20px; padding-bottom:1px
}

.menu ul {
	list-style-type: none;
	margin-left: 15px;
	margin-top: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

.menu1 {
	background-color: #131A6B;
	color: #ECECEC;
	background-image: url('images/menu1.jpg');padding-left:20px; padding-right:0px; padding-top:20px; padding-bottom:1px
}

.menu1 ul {
	list-style-type: none;
	margin-left: -15px;
	margin-top: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}







.content4 {
	color: #ECECEC;
	padding-right: 20px;
	padding-left: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

.picture {
	float: left;
	padding: 0px 10px 10px 30px;
}

.background1 {	
	background-image: url('images/background1.jpg');
}

.background3 {	
	background-image: url('images/background3.jpg');
}

.dist1 {
	padding-top: 10px;
}

.showmore {
	padding: 10px 10px 10px 20px;
	text-align: right;
}

.inquiryform {
	color: #ECECEC;
	padding: 10px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inquirybutton {
 	color: #ECECEC;	
 	margin: 20px 0px 0px 20px;
 	padding: 5px 10px 5px 10px;
	background: none;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.viewinquiry {
 	text-align: left;
 	margin: 20px 0px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}