@charset "UTF-8";
/* Cipta Satria Informatika CSS */

@import url(reset.css);
@import url(SpryMenuBarHorizontal.css);

/* Global */

body {
	background-color:#e1e1e1;
	color:#232323;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#wrapper {
	margin:0 auto;
	width:960px;
	}

hr {
	border-top: thin solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 10px 0px 10px 0px;
	}

#clear {
	clear: both;
	}

/* Header */

#header {
	background: #171b51 url(../images/batik.jpg) top right no-repeat;
	color:#FFF;
	float:left;
	height:120px;
	overflow:visible;
	width:960px;
	}

	.hleft {
		float:left;
		margin:10px 0px 0px 20px;
		}
	
	.hright {
		float:right;
		clear:both;
		}

#navigation {
	float:left;
	width:960px;
	color:#FFF;
	margin-top:18px;
	}
	
/* PageTitle, SiteMap, SubNav */

#sitemap, #pagetitle, #hzsubnav {
	float:left;
	width:940px;
	padding-left:20px;
	}

#sitemap {
	background-color:#252a6b;
	color:#a7a9ca;
	line-height:18px;
	}

	#sitemap a {
		color:#a7a9ca;
		text-decoration:none;
		}
	
	#sitemap a:hover {
		color:orange;
		}

#pagetitle {
	background-color: #a5a9d5; /*#5258ab;*/ /*#DADADA;*/ /*#a7a9ca;*/
	color:#fff;
	font-size:20px;
	line-height:40px;
	}

#hzsubnav {
	background-color:#DADADA;
	color:#333;
	font-weight:bold;
	line-height:25px;
	}

/* Content */

#content {
	background-color:#FFF;
	float:left;
	min-height:500px;
	padding:20px;
	width:920px;
	line-height:1.3em;
	}

	#heading {
		margin-bottom:15px;
		overflow:hidden;
		width:920px;
		}
	
	#cc {
		float: left;
		margin: 0px 0px 20px 0px;
		padding: 0;
		width: 645px;
		}
		
		#ccs {
			float:left;
			overflow: hidden;
			padding-right: 14px;
			width:308px;
			}
		
		#ccslast {
			float:left;
			overflow: hidden;
			width:308px;
			}
	
	#ccb {
		border: thin solid #ccc;
		float: left;
		padding: 10px;
		width: 608px;
		}
		
		#ccbs {
			float: left;
			margin-right: 12px;
			width: 140px;
			}
	
	#cc2 {
		float: left;
		margin: 0px 0px 20px 0px;
		padding-right: 15px;
		width: 630px;
		}
		
		#cc2 li {
			list-style-type:square;
			margin-left:17px;
			}
	
	#cl1 {
		float:left;
		padding-right: 15px;
		width:200px;
		}
		
		.title {
			border-bottom: solid 1px #ccc;
			font-size: 14px;
			margin-bottom: 10px;
			padding-bottom: 5px;
			}
		
		.titlenb {
			font-size: 14px;
			margin-bottom: 10px;
			}
		
		.titlenbs {
			font-size: 12px;
			margin-bottom: 10px;
			}
						
			ul.list li p {
				margin-bottom: 8px;
				}
			
			#productc {
				float: left;
				width: 415px;
				margin-bottom: 20px;
				}
			
				#pcl {
					float: left;
					margin-right: 15px;
					overflow: hidden;
					width: 80px;
					}
				
				#pcr {
					float: left;
					width: 320px;
					}
				
				.big {
					font-size: 14px;
					margin-bottom: 5px;
					}
		
		#cl1last {
			float:left;
			padding-right: 0px;
			width:200px;
			}
	
	#cl2 {
		float:left;
		padding-right: 15px;
		width:415px;
		}
	
		#cl2 ul {
			list-style-type: disc;
			margin-left: 20px;
			}
	
	#cr {
		float:left;
		width:275px;
		margin-bottom: 10px;
		}
				
		.rightmenuhead {
			background-color:#DADADA;
			color:#282828;
			float:left;
			padding:5px;
			width:265px;
			}
		
		.rightmenulist {
			margin-top:1px;
			padding:5px;
			float:left;
			width:265px;
			background:#e8e8e8 url(../images/arrow.gif) 257px 4px no-repeat;
			}
		
		.rightmenulist a {
			color:#333;
			text-decoration:none;
			}
		
		.rightmenulist a:hover {
			color:orange;
			}
	
	#crd {
		background-color: #e8e8e8;
		color: #3b3b3b;
		float:left;
		padding: 15px;
		width:245px;
		}
		
		.bulletlist {
			list-style-type: disc ;
			margin-left: 20px;
			}
		
		.number {
			list-style-type: decimal;
			margin-left: 15px;
			}
	
/* Footer */

#footer {
	background-color: #171b51;
	color:#ccc;
	float:left;
	height:80px;
	padding:20px 20px 0px 20px;
	width:920px;
	}

	#fcon1 {
		float: left;
		width: 920px;
		padding: 0;
		}
	
		#fcon1 img {
			margin-right: 62px;
			opacity:0.5;
			filter:alpha(opacity=50)
			}
		
		#fcon1 img.last {
			margin-right: 0px;
			opacity:0.5;
			filter:alpha(opacity=50)
			}
		
	#fcon2 {
		float: left;
		margin-top: 25px;
		padding: 0;
		width: 920px;
		}
		
		#fcon2 .company {
			float:right;
			font-weight:normal;
			}
		
		#fcon2 .company a {
			color:#CCC;
			text-decoration:none;
			}
			
		#fcon2 .company a:hover {
			color: orange;
			}
		
		#fcon2 .copyright {
			float:left;
			font-size:10px;
			}