body {margin:0px; padding:0px; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#242424; }

#head { width:100%; height:179px; position:relative; background: #3D3E43  url(images/header_bg_22.jpg) repeat-x; font-size:12px; text-align:center; margin:-1px; position:relative; }

#head #atas {/*background-color:#063;*/ height:37px; width:962px; margin: 0px auto;position:relative; }

#head #atas ul {list-style:none; margin:0px 0px 0px 0px; padding:0px; float:right;}		
#head #atas li {float:left; padding-top:4px; margin-right:5px; color:#FFF;  /*background-color:#999; */}
		
#head #tengah {/*background-color:#990;*/ height:91px; width:962px; margin: 0px auto;position:relative; }
#head #logo {float:left;}

#head #bawah {height:auto; width:962px; margin: 0px auto;position:relative; }
#head #bawah ul { margin:0px; position:relative; padding:0px;float:right; list-style:none;}
#head #bawah img {height:51px; position:relative; float:left;}

#head #bawah li {float:left; }

#body {background-image:url(images/bg_body_01.jpg); background-repeat:no-repeat; background-position:top center; height:auto; width:100%; text-align:center; padding:5px 0px 5px;  font-size:13px; position:relative; }

#content {width:962px; margin: 0px auto; position:relative; }

#about_jafam { width:962px; margin: -50px auto 0px auto ; height:20px; background-color:#252525;position:relative;  }
#about_jafam img {float:left; }

.content_home { width:320px; height:100%; float:left; padding-top:25px; text-align:center; }
.content_home2 { width:640px; height:100%; float:left; padding-top:25px; text-align:center; }

#welcome { background-color:#DDF9FA; text-align:center; position:relative; }
#welcome ul { list-style:none; margin:0px auto; padding:0px; text-align:justify; display:block; width:280px;}
#welcome li { clear:both; width:inherit; height:auto; }
#welcome #jud {font-size: 24px; font-family:fontrock; }
#welcome #tag {font-size: 14px; font-family:fontrock; color:#666;}
#welcome #isi {font-size:13px; text-align:justify; padding-top:8px;}
#welcome #more {font-size:13px; font-weight:bold;  color:#3c8dc5; padding-top:10px; margin-bottom:15px; }

#consulting {text-align:center;position:relative; }
#consulting ul { list-style:none; margin:0px auto; padding:0px; text-align:justify; display:block; width:280px;}
#consulting li { clear:both; width:inherit; height:auto; }
#consulting #jud {font-size: 24px; font-family:fontrock;}
#consulting #tag {font-size: 14px; font-family:fontrock; color:#666;}
#consulting #isi {font-size:13px; text-align:justify;}
#consulting #more {font-size:13px; font-weight:bold;  color:#3c8dc5; padding-top:10px; margin-bottom:15px; }

#portofolio {text-align:center;position:relative; }
#portofolio ul { list-style:none; margin:0px auto; padding:0px; text-align:justify; display:block; width:280px;}
#portofolio li { clear:both; width:inherit; height:auto; }
#portofolio #jud {font-size: 24px; font-family:fontrock;}
#portofolio #tag {font-size: 14px; font-family:fontrock; color:#666; margin-bottom:5px;}

#portofolio #name {font-size:13px;}

#footer {width:100%;  background-color:#1B1B1B; color:#797979;  height:auto; padding: 10px 0px;  text-align:center;}
#footer #wrap { width:962px; margin: 0px auto; }

#footer #ourlink {width:310px;  float:left; position:relative;}
#ourlink ul {list-style:none; margin:0px; padding:0px; font-family:fontbebas; width:125px;}
#ourlink li { clear:both; width:auto; height:auto; font-size:12px; letter-spacing:1px;  }
#ourlink li a,a:visited {text-decoration:none; color:#797979;}
#ourlink li a:hover {text-decoration:none; color:#FFF;}

#footer #shortcut {width:275px; position:relative; float:left; margin-left:60px;}
#shortcut ul {list-style:none; margin:0px; padding:0px; font-family:fontbebas; }
#shortcut li {padding:4px; float:left; width:auto; margin-right:6px; margin-top:6px; background-color:#292929; font-size:13px; letter-spacing:1px; }
#shortcut li a,a:visited {text-decoration:none; color:#797979;}
#shortcut li a:hover {text-decoration:none; color:#FFF;}

#footer #contact {width:315px; position:relative; float:right; font-family:Arial, Helvetica, sans-serif;}
#contact ul {list-style:none; margin:0px; padding:0px; float:right; text-align:right;}
#contact li {  width:auto;   font-size:13px; }
#contact li a,a:visited {text-decoration:none; color:#797979;}
#contact li a:hover {text-decoration:none; color:#FFF;}


#ict_content {text-align:center;position:relative; }
#ict_content ul { list-style:none; margin:0px auto; padding:0px 15px; text-align:justify; display:block; }
#ict_content li { clear:both; width:inherit; height:auto; }
#ict_content #jud {font-size: 24px; font-family:fontrock;}
#ict_content #tag {font-size: 14px; font-family:fontrock; color:#666;}
#ict_content #isi {font-size:13px; text-align:justify;}
#ict_content #isi ul{ margin-left:10px; padding:0; list-style:disc;}
#ict_content #more {font-size:13px; font-weight:bold;  color:#3c8dc5; padding-top:10px; margin-bottom:15px; }


#page {width:560px; height:200px; background-color:#CCC; text-align:center;}
.bx-wrapper { margin:0px auto;}
.bx-window { height:200px;}
.bx-next {
	background-image:url(source/next.jpg); background-repeat:no-repeat; background-position:center;
	background-color:#333;
    height: 200px;
    position: absolute;
   
    text-indent: -999999px;
    top: 0px;
    width: 31px;
	  right:-20px;}
	
	.bx-prev {
		background-image:url(source/prev.jpg); background-repeat:no-repeat; background-position:center;
	background-color:#333;
    height: 200px;
    position: absolute;
   left:-20px;
    text-indent: -999999px;
    top: 0px;
    width: 31px;}
	
	/*\\\\\\\\\\portofolio/////////*/
	
	#gallery_wrap ul{ list-style:none; margin:0px auto; padding:0; width:840px;}
	#gallery_wrap li {float:left; width:350px; height:250px; position:relative; background-color:#9F0; margin:20px 25px; padding:5px; background-color:#FFF;}
	#gallery_wrap li img{ width:350px; height:250px; }
	
	
	#gallery {
		
	}
	#gallery ul { list-style:none; margin:0px auto; padding:0; width:840px; }
	#gallery ul li { float:left; width:350px; height:250px; position:relative; background-color:#9F0; margin:20px 25px; padding:5px; background-color:#FFF; }
	#gallery ul img {width:350px; height:250px;
		
	}
	#gallery ul a:hover img {
		
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }