/* CSS Document */

@charset "utf-8";
body { 	
	position:absolute;
	background-color:#FFFFFF;
	color: #000;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	position: relative;	
	margin: 5px 5px 5px 5px; 
	line-height: 1.8em;
	}


p, ul, li, iframe, a,form, dl, h1, h2, h3, h4, h5, h6, dd, dt{ font-family:"Trebuchet MS", Arial, Verdana, SansSerif, "helvetica Condensed"; margin:0px; padding:0; text-decoration:none; list-style:none;}

input,textarea{
background-color:#EEEEEE;
border:1px solid #999999;
}

.lspnormal  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.hurufkecil  {
	font-size: 10px;
}


/* -------------------------------------------------------------
   Main Menu  
   -------------------------------------------------------------*/

.AZ #container { width: 980px; background:#FFFFFF; text-align: left; padding:5px 5px 7px 5px; margin:auto; font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 1.6em; }

/* -------------------------------------------------------------
   Menu Atas  
   ------------------------------------------------------------*/
    
.AZ #top-head{ padding:5px 0px 0px 0px;	 clear:both; width:980px;}
#top-links{float:right; margin:0px 0px 0px 0px; padding-top:0px; width:980px;}
#top-links ul li{font-size:11px; color:#333; display:inline-block; float:right; background:transparent url(../images/bullet-dot.gif) no-repeat 2px scroll; padding:0px 0px 0px 10px;}
#top-links ul li a:link, #top-links ul li a:visited{color:#333;}
#top-links ul li a:hover{color:#333; text-decoration:underline;}
#head-toparea{margin:0 0px 0 300px;}
#select-service{float:right; width:175px; margin-top:23px;}
#support-banner{float:right; width:155px;  margin:17px 5px 0 0;}
.select-box{width:170px; font-size:10px;}

.AZ #top-head h1 {padding: 0px 5px 0px 0px;	FONT-SIZE: 22px;font-weight:bold; height:22px;color:#666699;}
.AZ #top-head h3 {padding: 2px 0px 4px 0px;	FONT-SIZE: 12px; font-weight:bold; color:#CC9999;}
.AZ #menusearch {text-align:right;margin:50px 0px 0px 0px; }

.AZ #menuatas {padding: 5px 8px 0px 8px;background:url(az-images/menu.gif) repeat-x 0px;height:28px;color: #FFFFFF;font-weight: bold;text-align: left; margin:50px 0px 4px 0px; }
.AZ #menuatas a {	padding: 2px 2px 2px 2px;font-size:13px;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF;	margin: 5px 0px 0px 0px;}
.AZ #menuatas a:link {margin: 5px 5px 0px 5px;color: #FFFFFF;}
.AZ #menuatas a:hover {color: #FFFF00;}
.AZ #menuatas a:visited {	color: #FFFFFF;}


/* -------------------------------------------------------------
   Text Berjalan Menu  
   ------------------------------------------------------------*/
   
.AZ #marquee { margin: 0px;}

/* -------------------------------------------------------------
   News & Article Menu  
   ------------------------------------------------------------*/
 

#aznav A.here, #kanan a.here {
	FONT-WEIGHT: bold;
	color: #000000;
}
#aznav A, #kanan a {
	PADDING-RIGHT: 12px; 
	DISPLAY: block; 
	PADDING-LEFT: 15px; 
	FONT-SIZE: 12px; 
	BACKGROUND: url(az-images/minus.gif) no-repeat 0px 10px #F4F4F4;
	PADDING-BOTTOM: 4px; 
	COLOR: #000000; 
	PADDING-TOP: 5px; 
	/* BORDER-BOTTOM: #336699 1px dotted; */
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	HEIGHT: 100%;  
	TEXT-DECORATION: none;
}
#aznav .menu, #kanan .menu {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px;  
	PADDING-TOP: 0px; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	MARGIN-LEFT: 0px; 
	HEIGHT: 100%; 
	TEXT-DECORATION: none;
}
#aznav A.menubar, #kanan a.menubar {
	PADDING-RIGHT: 12px; 
	DISPLAY: block; 
	PADDING-LEFT: 15px; 
	FONT-SIZE: 12px; 
	BACKGROUND:url(az-images/plus.gif) no-repeat 0px 10px #F4F4F4;
	PADDING-BOTTOM: 4px; 
	COLOR: #000000; 
	PADDING-TOP: 6px; 
	/* BORDER-BOTTOM: #336699 1px solid; */
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	HEIGHT: 100%; 
	TEXT-DECORATION: none;
}

#aznav A:hover, #kanan a:hover {
	BACKGROUND:#99CCCC;
}


/* -------------------------------------------------------------
   Main Menu  
   ------------------------------------------------------------*/
   
.AZ #Mains{ margin: 0px 260px 0px 0px;}
.g-banner{ width:720px;float:left;margin:0px;}
.AZ #number-change{width:720px; clear:both; height:0px; background-color:#AAAAAA;}
.AZ #number-change ul{margin:0px;}
.AZ #number-change ul li{float:right; width:0px; height:0px; font-size:11px; line-height:0px; text-indent:8px; font-weight:bold;  margin:0px;}
.AZ #number-change ul li a:link, #number-change ul li a:visited{ color:#f1f1f1; display:block; font-weight:bold;}
.AZ #number-change ul li a:hover{ color:#999933; display:block; font-weight:bold; }
.AZ #number-change ul li a.select{ color:#FFFF00; display:block; font-weight:bold;margin:0px;}


/* -------------------------------------------------------------
   Main Gallery  
   ------------------------------------------------------------*/

.AZ #gallery { margin: 0px; }
.AZ #slide-area{height:123px; border:#d2d2d2 solid 1px; background-color:#f8f7f7; margin:0px;}
.AZ #slide-area img { border:none; }
.arr-left{width:25px; margin:48px 5px 0 12px; float:left;}
.slide-center{float:left; width:890px; margin:12px 0px 0px 0px;}
.arr-right{width:25px; margin:48px 0px 0 5px; float:left;}
.slide-content{width:278px; float:left; padding-right:6px;}
html>body .image-frame{width:111px; height:101px; background:transparent url(az-images/photo-frame.png) no-repeat center scroll; display:block; float:left}
* html .image-frame{width:111px; height:101px; display:block; background:transparent no-repeat center scroll; float:left; background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='az-images/photo-frame.png', sizingMethod='scale')}
.frame-txtarea{margin:0 0 0 0px;}
.frame-txtarea h3 {color:#900; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;FONT-SIZE: 12px; padding-top:5px;}
.frame-txt1{FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;FONT-SIZE: 12px; color:#333;}
.image{width:95px; height:85px; margin:8px;}
.frame-txtarea a {color:#990000;}


/* -------------------------------------------------------------
   RIGHT Menu  
   ------------------------------------------------------------*/
   
.AZ #sidebar2 { float: right; width: 252px; margin: 0px;}
.AZ #sidebar2 .menu{ background-position:bottom; margin:0px; }
.AZ #sidebar2 .frame{ padding-bottom:0px; }
.AZ #sidebar2 .menu_news{ background:#FFFFFF;margin:0px; }
.AZ #sidebar2 h2 {padding: 5px 5px 0px 6px;	FONT-SIZE: 12px;font-weight:bold; background:url(az-images/sidebar.gif) repeat left 0px;height:20px;color:#FFFFFF; margin-bottom:5px;	}
.AZ #sidebar2 img { padding: 0px 5px 0px 5px;	color:#FFFFFF;	}


/* -------------------------------------------------------------
   Tab Main  Menu  
   ------------------------------------------------------------*/
.AZ #frametab {margin:0px; padding:0px; width:980px;} 
.AZ #tab-area{width:718px; height:310px; float:left;  background:transparent url(az-images/tabarea-bg.gif) repeat-x top scroll; border:#dcdcdc solid 1px; margin:0px;}
.tabs {float:left; display:block}
.AZ #tab-area .img{ border:none; }
html>body .tabs ul li{float:left; display: inline-block; border-right:#dcdcdc solid 1px; font-size:12px; color:#c30; line-height:30px; width:142px;font-weight:bold; text-align:center;}
* html .tabs ul li{float:left; display: inline-block; border-right:#dcdcdc solid 1px; font-size:12px; color:#c30; line-height:30px; width:140px;font-weight:bold; text-align:center;}
.tabs ul li a:link, .tabs ul li a:visited{ font-size:12px; color:#c30; display:block; float:left; line-height:30px; width:142px; background: transparent url(../images/tabarea-bg-unselect.gif) repeat-x top scroll; border-right:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; font-weight:bold; text-align:center}
.tabs ul li a.select{ background:none; border-bottom:none;}
#outsourcing{ clear:both; height:30px; margin:0px 8px 0px 8px; padding-left:40px; background:#fdfbe7 url(az-images/downarrow.gif) no-repeat 10px 4px;}
#outsourcing a{ font-size:12px; font-weight:bold; color:#000; line-height:27px;  font-family:Arial, Helvetica, sans-serif;}


/* -------------------------------------------------------------
   RIGHT tab Menu  
   ------------------------------------------------------------*/

.AZ #sidebar { float: right; width: 252px; margin:0px;padding:0px;}
.AZ #sidebar .menu{margin:0px; padding:0px;}
.AZ #sidebar .frame{ padding:0px 4px 4px 4px; border:#DDDDDD 1px solid;}
.AZ #sidebar h2 {padding: 5px 5px 0px 6px;	FONT-SIZE: 12px;font-weight:bold; background:url(az-images/sidebar.gif) repeat left 0px;height:20px;color:#FFFFFF; margin:0px;}
.AZ #sidebar h3 { padding: 2px 0px 4px 0px;FONT-SIZE: 12px; font-weight:bold; }
.AZ #sidebar a { color:#990000; }
.AZ #sidebar img { margin-right:4px; padding:4px;}



/* --------------------------------------------------------------
   Content tab Menu
   -------------------------------------------------------------- */
 
.AZ #sitemap { width:980px; margin:0px; padding:0px;  }
.AZ #sitemap .details { margin:0px; background:#FFFFFF; padding:8px 8px 8px 8px;background:transparent url(az-images/tabarea-bg.gif) repeat-x top scroll; border:#dcdcdc solid 1px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size:12px;line-height:2.0em;}
.AZ #sitemap  .details img{ margin:0px; padding:4px; border:#EEEEEE 1px solid;}
.AZ #sitemap  .details h2{ margin:10px 0px 4px 0px; font-size:18px; font-weight:bold; color:#336699;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#888888 solid 1px; padding:8px 0px 8px 0px;}
.AZ #sitemap  .details h3{ margin:0px 0px 10px 0px ; font-size:14px; font-weight:bold; color:#999966;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#888888 solid 1px; padding:2px 0px 4px 0px;} 
 
   
.AZ #Content { width:720px; margin:0px; padding:0px;  }

/* Home Content */
.AZ #Content .home { margin:0px; background:#FFFFFF; padding:5px 7px 5px 7px;}
.AZ #Content .home img{ margin:0px; padding:4px;}
.AZ #Content .home h3{ margin:0px; font-size:12px; font-weight:bold; color:#990000;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:2px 0px 2px 0px;}


.AZ #Content .home a { margin:0px;color:#336699;}
.AZ #Content .home a:hover { color:#336699; }
.AZ #Content .home a:active  { text-decoration: none;color:#FF6600; }
.AZ #Content .home a:visited   { text-decoration: none;color:#336699;  }


/* Details Content */
.AZ #Content .details { margin:0px; background:#FFFFFF; padding:8px 8px 8px 8px;background:transparent url(az-images/tabarea-bg.gif) repeat-x top scroll; border:#dcdcdc solid 1px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size:12px;line-height:2.0em;}
.AZ #Content .details img{ margin:0px; padding:4px; }
.AZ #Content .details h2{ margin:10px 0px 4px 0px; font-size:18px; font-weight:bold; color:#336699;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:8px 0px 8px 0px;}
.AZ #Content .details h3{ margin:0px 0px 10px 0px ; font-size:11px; font-weight:bold; color:#999966;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:2px 0px 4px 0px;}

.AZ #Content .frame { width:720px; margin:0px; padding:0px; float:left;}
/* Details Content */
.AZ #Content .archive { margin:0px; background:#FFFFFF; padding:8px 8px 8px 8px;border:#dcdcdc solid 1px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size:12px;line-height:2.0em; width:474px; float:left; height:484px;background:transparent url(az-images/tabarea-bg.gif) repeat-x top scroll;}
.AZ #Content .archive img{ margin:0px; padding:4px 4px 4px 4px;}
.AZ #Content .archive h2{ margin:0px; font-size:14px; font-weight:bold; color:#336699;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px;  padding:8px 0px 8px 0px;}
.AZ #Content .archive h3{ margin:0px 0px 4px 0px ; font-size:11px; font-weight:bold; color:#990000;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:2px 0px 4px 0px;}
.AZ #Content .archive h4{ margin:0px; font-size:11px; font-weight:bold; color:#999966;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:0px;}

.AZ #Content .archiver { margin:0px; background:#FFFFFF; padding:8px 8px 8px 8px;border:#dcdcdc solid 1px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size:12px;line-height:2.0em; width:474px; float:left; height:740px;background:transparent url(az-images/tabarea-bg.gif) repeat-x top scroll;}
.AZ #Content .archive img{ margin:0px; padding:4px 4px 4px 4px;}
.AZ #Content .archiver h2{ margin:0px; font-size:14px; font-weight:bold; color:#336699;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px;  padding:8px 0px 8px 0px;}
.AZ #Content .archiver h3{ margin:0px 0px 4px 0px ; font-size:11px; font-weight:bold; color:#990000;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:2px 0px 4px 0px;}
.AZ #Content .archiver h4{ margin:0px; font-size:11px; font-weight:bold; color:#999966;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; border-bottom:#DDDDDD dotted 1px; padding:0px;}


.AZ #sidebararc { float: right; width: 220px; margin:0px; padding:0px;}
.AZ #sidebararc .menu{margin:0px; padding:0px;}
.AZ #sidebararc .framebar{ padding:0px 4px 0px 4px; border:#DDDDDD 1px solid;  height:222px; margin:0px;}
.AZ #sidebararc h2 {padding: 5px 5px 0px 5px;	FONT-SIZE: 12px;font-weight:bold; background:url(az-images/sidebar.gif) repeat left 0px;height:20px;color:#FFFFFF; margin-bottom:0px;}
.AZ #sidebararc h3 { padding: 4px 0px 4px 0px;FONT-SIZE: 12px; font-weight:bold; }
.AZ #sidebararc a { color:#990000; }
.AZ #sidebararc img {padding:4px; }

.AZ #sidebarmain { float: right; width: 220px; margin:0px 0px 8px 0px; padding:0px;}
.AZ #sidebarmain .menu{margin:0px; padding:0px;}
.AZ #sidebarmain .framebar{ padding:0px 4px 0px 4px; border:#DDDDDD 1px solid;  height:218px; margin:0px;}
.AZ #sidebarmain h2 {padding: 5px 5px 0px 5px;	FONT-SIZE: 12px;font-weight:bold; background:url(az-images/sidebar.gif) repeat left 0px;height:20px;color:#FFFFFF; margin-bottom:0px;}
.AZ #sidebarmain h3 { padding: 4px 0px 4px 0px;FONT-SIZE: 12px; font-weight:bold; }
.AZ #sidebarmain a { color:#990000; }
.AZ #sidebarmain img {padding:4px; }


/* -------------------------------------------------------------
   Footter Links Menu  
   ------------------------------------------------------------
*/
.AZ #links{ width: 970px; text-align: left; padding:5px 5px 7px 5px; margin:auto; font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 2.0em;background-color:#F4F4F4;}
.AZ #links h3{ font-size:12px; font-weight:bold; color:#990000;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;}
.links a { font-size:12px; color:#6699CC; font-weight:none;BACKGROUND:url(az-images/kotak.gif) no-repeat 0px 14px;PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 15px; padding-bottom:4px; padding-top:4px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; }
.links a:hover {  color:#FF6600; margin:0px;  }
.links a:active  { text-decoration: none; color:#FF6600;}
.links a:visited { text-decoration: none; 	color:#FF6600;}


/* -------------------------------------------------------------
   FOOTER Menu  
   ------------------------------------------------------------
*/
.AZ #footer{ border-top:#777777 solid 5px;width: 980px; text-align: left; padding:0px 0px 7px 0px; margin:auto; font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 1.6em;}
.AZ #footer p{ font-size:11px; color:#666;}
.foot-link{ color:#333; font-size:12px; margin-top:8px;}
.foot-link a{ color:#990000; font-weight:bold; margin:0px;}
.foot-link a:hover{color:#333; text-decoration:underline;}
.AZ #payments{float:right; font-size:10px; color:#666;}
.AZ #certify{float:right; padding:15px 0px 8px 0px;}
.AZ #certify img{padding-left:8px;:right;}






.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
* html .clearfix {
	height: 1%;
	}
*:first-child+html .clearfix {
	min-height: 1px;
	}
.clearfix {
	display: block;
	}
.clear {
	clear: both;
	}

.AZ #image {
	border: 1px solid #DDDDDD;
	padding:3px 3px 3px 3px;
	background:#FFFFFF;
}
.AZ #images {
	border: 1px solid #DDDDDD;
	padding:3px 3px 3px 3px;
	background:#FFFFFF;
}
.AZ #lebar {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
} 




.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 0px;
    line-height: 0px;
}


#nav {
	margin-top:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold; 
}

#nav a { 
	margin: 0px 0px 0px 4px; 
	padding: 0px 4px 0px 4px;
	background:#EEEEEEE;
	border: 1px solid #EEE; 	
	text-decoration: none;
}

#nav a.activeSlide { 
	background:#99CCCC;
}

#nav a:focus { 
	outline: none; 
}

.pics { 
	height: 270px; 
	padding:0; margin:0; 
	overflow: hidden ;
}

.pics img { 
	height: 270px; 
	background-color: #eee;
	top:0; 
	left:0; 
}











#contact_list1
{
position:relative;
height:103px;
width:861px;
overflow:hidden;
z-index:1;
}



/*----------Ends-------------*/