@charset "utf-8";
/* CSS Document */

* {
	margin : 0;
	padding : 0;
}

body{
	font-family : arial;
	font-size : 12px;
	background : url(images/bg_body.gif) repeat-x #707d7a;
}

#wrapper{
	width : 900px;
	padding-bottom : 10px;
	margin : auto;
}

#header{
	width : 900px;
}

#logo{
	float : left;
	width : 250px;
	height : 90px;
}

#menu{
	float : left;
	width : 650px;
	height : 90px;
}

#menu ul{
	padding : 0;
    margin-top: 33px;	
	float : right;
}

#menu ul li{
	float : left;
	list-style : none;
}

#menu ul li a{
	display : block;
	padding : 12px;	
	text-decoration : none;
	color : #5a5a5a;
	text-transform : uppercase;
	font-weight : bold;
}

#menu ul li a:hover{	
	color : #000;
}

#menu ul li a.active{
    color: #3880c2;    
}

#header_content{
	float : left;
	width : 900px;
	height : 300px;
	padding-top : 5px;
	padding-bottom : 5px;
}

#kiri{
	float : left;
	width : 193px;
	padding-bottom : 5px;
	margin-top : 20px;
	padding-right : 5px;
}

#search{	
	padding-bottom : 10px;
}

#search h2{
	color : grey;
	font-size : 14px;
	margin-bottom : 5px;
}

#search a{
	width:20px;
	padding : 2px;
	margin-left:1px;
	color : black;
	font-size : 12px;
	font-weight:bold;
	text-decoration:none;
}

#search a:hover{ color : white;}

#search input{
	background : #212121;
	color : white;
	border : 1px solid black;
	height : 18px;
	font-family: Arial;
	font-size: 12px;
}

#menu_samping {	
	color : white;
	margin-bottom : 30px;
}

#menu_samping h2{
	width : 163px;
	padding : 5px;
	color : #e69200;
	font-size : 14px;
	border-bottom : 1px dashed black;
}

#menu_samping h2 a{ color : #e69200;}
#menu_samping h2 a:hover{ color : white;}


#menu_samping ul{
	margin : 5px;
	margin-left : 30px;
}

#menu_samping a{
	color : white;
	text-decoration : none;
}

#menu_samping a:hover{
	color : #000;
    font-weight: bold;
	text-decoration : none;
}

#address {
	width : 155px;
	color : #efefef;
	padding : 10px;
	padding-top : 0;
	padding-bottom : 20px;
	font-size : 11px;
	background : grey;
}

#address h2{
	width : 163px;
	padding : 5px;
	color : white;
	font-size : 14px;
	border-bottom : 1px dashed black;
	margin-bottom : 5px;
	margin-left : -10px;
}

#address ul{
	margin : 5px;
	margin-left : 30px;
}

#address h3{ font-size : 13px; color : black;}

#address a{ color : black;}
#address a:hover{ text-decoration : none; }

#kanan{
	float : left;
	width : 700px;
	padding-bottom : 20px;
	margin-top : 20px;
	margin-left : -1px;
	margin-bottom : 50px;
	border-left : 1px solid #707d7a;
	border-right : 1px solid #707d7a;
	border-bottom : 1px solid #707d7a;
}

#head_content{
	font-size : 15px;
	color : white;
	background : url(images/bg_head_kanan.gif) repeat-x top left black;
	width : 686px;
	padding : 7px;
	border-top : 1px solid #707d7a;
	border-bottom : 1px solid #707d7a;	
}

#head_content a{
    color: #e69200;
    text-decoration: none;
}

#content{
	width : 665px;
    min-height: 300px;
	color : white;
	padding : 8px;
	padding-top : 10px;
	line-height:1.5em;
}

#content h1, #content h2, #content h3{
    color: #000000;
	margin-top : 10px;
	margin-bottom : 10px;
}


#content ul{
	margin : 10px;
	margin-left : 30px;
}

#content input {
	font-family: Arial;
	font-size: 12px;
}

#thumb_category{
    text-align: center;
    margin:  10px;
    float: left;
}

#thumb_category a{
    text-decoration: none;
    color: white;
    font-weight: bold;
}

#thumb_category a img{
    text-decoration: none;
    border: none;
}

#thumb_profile {
	margin-right : 10px;
	margin-bottom : 20px;
	padding-bottom : 40px;
	border-bottom : 1px solid black;
}

.paging {
	float : right;
	padding-bottom : 30px;
	padding-right : 10px;
}

.paging a{
	color : black;
	text-decoration : none;
}

.paging a:hover{
	color : white;
}


#thumb_profile td{
	vertical-align : top;
	height : 20px;
	padding-right : 20px;
}

#thumb_profile td a {
	color: #FFFFFF;
	vertical-align : top;
	height : 20px;
	padding-right : 20px;
	text-decoration: none;
}

#thumb_proyek{
    background: url(images/bg_product.png) no-repeat top left transparent;
	width: 133px;
	font-size : 12px;
	margin-bottom : 10px;
	float : left;	
}

#thumb_proyek a img{
	width: 118px;
    border: none;
}

#thumb_proyek a{
	color : #222222;
	text-decoration : none;
	display : block;
    padding: 11px;
    padding-left: 12px;			
	width : 118px;
    height: 180px;
}

#thumb_proyek h3{    
    text-align: center;
    width: 110px;
    padding: 5px;
    padding-right: 3px;
    margin-top: -3px;
}

#thumb_proyek h3:hover{
    color: #315C88;
}

#img_intro{
	width: 382px;
	height: 385px;
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 10px;
	float: left;
}

#img_intro img{
	border: 5px solid white;
}

#table_product td{
    padding: 5px;
    vertical-align: top;
}

#table_product img{
    border: 5px solid silver;
}

#articles {
	width : 670px;
	padding : 5px;
	padding-bottom : 20px;
	margin-bottom : 20px;
	border-bottom : 1px solid black;
}

#articles h1{
	font-size : 16px;
	margin-top : 0;
}

#articles h1 a{
	color : white;
	text-decoration : none;
}

#articles h1 a:hover{
	color : black;
}

#contact input{
	background : #212121;
	color : white;
	border : 1px solid black;
	height : 18px;
	font-family: Arial;
	font-size: 12px;
}

#contact textarea{
	background : #212121;
	color : white;
	border : 1px solid black;
	font-family: Arial;
	font-size: 12px;
}

.more{
	display : block;
	padding-left : 5px;
	padding-right : 5px;
	background : grey;
	color : black;
	float : right;
	text-decoration :none;
}

.more:hover{
	background : black;
	color : #e61d00;
}


#copyright{
	width : 900px;
	padding-top : 5px;
	margin-bottom : 0px;
	text-align : right;
	border-top: 2px solid grey;
	color : silver;
	font-style:italic;
}

#copyright a{
	color : black;
	font-weight:bold;
}

#copyright a:hover{
	text-decoration:none;
	color:white;
	font-weight:bold;
}

#clear{clear:both;}

#submit, #reset {
	background : url(images/tombol.png) no-repeat transparent;
	color : white;
	padding-top : 5px;
	border : none;
	padding-bottom : 10px;
	width : 70px;
}

#submit:hover, #reset:hover {
	background : url(images/tombol_hover.png) no-repeat transparent;
	color : red;
	padding-top : 5px;
	border : none;
	padding-bottom : 10px;
	width : 70px;
}

#input_search {
	background : #212121;
	color : white;
	border : 1px solid black;
	height : 18px;
}