@charset "utf-8";
/* CSS Document */
Body {
	background-color:#fff; 
	font-family:"Segoe UI", "Lucida Sans Unicode",Arial, Helvetica, sans-serif; 
	font-size:13px; 
	margin:0; 
	padding:0;
}

	outline:none;

a {
	text-decoration:none;
	color:#ff0000	;
}
a:hover, a:focus {
	text-decoration:underline;
}	
*{
	outline: none;
}
img {
	border: 0;
}
h1 { 
	font-size:1.3em; 
	padding:0; 
	color:#ff6600; 
	font-weight:bold; 
	margin:0; 
	padding:10px 15px 5px 15px
}
h3 { 
	font-size:1.3em; 
	padding:0; 
	color:#175EA4; 
	font-weight:normal; 
	margin:0;

}

h2 { 
	font-size:1em; 
	color:#175EA4; 
	font-weight:normal; 
	margin-left:15px;

}


#header{ 
	width:950px; 
	height:85px;
}
.logos{ 
	width:403px;
	height:85px; 
	float:left;
	
}
#navigation{
	width:950px; 
	height:29px;
}
.date{
	width:404px; 
	height:29px; line-height:29px; font-size:10px;
	background-color:#f7f8f8; 
	float:left;
}

.bgnav{ 
	width:546px;
	height:29px; background:url(../images/bg_menu.jpg)repeat-x; 
	float:right;

}
#nav{ 
	width:546px;
	height:29px;color:#fff;
	

}
#nav li {
	float: left;
}

#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#nav li ul li {
	float: none;
	font-size: 10px;
	line-height:26px;
	padding:0 20px 0 20px;
	margin: 0;
	
}

#nav a{
	float: left;
	display: block;
	text-decoration: none;
	font-size: 11px;
	letter-spacing:-0.03em;
	line-height:29px;
	height: 29px;
            
}
#nav a:hover {
	color:#54adfb;
}


.off{
	background: url(../images/nav_over.jpg);
	background-repeat:repeat-x;
	padding:0 15px 0 15px;color:#00354a; 
	font-weight:bold;
	
}

.over{
	background: url(../images/nav_off.jpg);
	background-repeat:repeat-x;
	padding:0 15px 0 15px; color:#fff; 
	font-weight:bold;
	
}


#based_banner{
	width:100%; 
	height:203px; 
	background-color:#CCC;
}

.banner{
	width:950px; 
	height:203px; 
	float:left;
}
#content{
	width:950px; 
	height:auto; 
	background-color:#e8e9ea;
}
.content_left{ 
	width:404px; 
	height:auto; 
	background:url(../images/bg_left.jpg) no-repeat; 
	float:left;
}
.content_right{
	width:546px;
	height:auto; 
	float:right; 
	
	}
.bar_title{ 
	width:525px; 
	height:33px;
	background:url(../images/bar2.jpg) repeat-x; 
	border-right:#dadada solid 1px;
}
.bar_title_services{ 
	width:525px; 
	height:33px;
	background:url(../images/bar_hijau.jpg) repeat-x; 
	border-right:#dadada solid 1px;
}
.bar_title_company{ 
	width:525px; 
	height:33px;
	background:url(../images/bar_blue.jpg) repeat-x; 
	border-right:#dadada solid 1px;
}

.bar_title_contact{ 
	width:525px; 
	height:33px;
	background:url(../images/bar_orange.jpg) repeat-x; 
	border-right:#dadada solid 1px;
}
.the_content{
	width:525px; 
	height:auto; background-color:#f1f1f1; 
	border-right:#dadada solid 1px;
	border-bottom:#dadada solid 1px;
}
.title{ line-height:33px; font-size:14px; color:#175d99; padding-left:15px;}
.teks{ 
	padding:15px;
	color:#333
}
.teks_contact{ 
	padding:2px 15px; 
	color:#333
}
.bar_bottom{
	width:525px; 
	height:9px;
	background:url(../images/bar_bottom.jpg) no-repeat;
}
#footer{ 
	width:100%; 
	height:31px; 
	background-color:#d8d8d8;
}
.isi_footer{ 
	width:950px;
	height:31px; 
	font-size:11px ; 
	float:left;  
	line-height:31px; 
	text-align: right;
}