/*---------------------------------Design By PANA TEAM------------------------------------------*/
                                   /* CSS Document */
/*---------------------------------Design By PANA TEAM------------------------------------------*/
body{
	padding:0; margin:0 ; background-color:#fef7de;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
/*----------------------------allservicer------------------------------*/
#main_allservice{
	width:100%; color:#736e5c; 
	}
#allservice{
	width:764px; margin:0 auto 0 auto; padding:17px 0 0 0; 
	}
#ontime{
	width:215px;  
	padding:0 0 0 40px; 
	float:left; 
	display:block;

	}
#ontime h2{
	background:url('images/30day.gif') no-repeat ; 
	width:215px; height:150px; margin:0; font-weight:normal; 
	display:block; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
	}
#uptime{
   width:215px;  
   padding:0 0 0 25px; 
   float:left; 
   display:block;

	}
#uptime h2{
	background:url('images/uptime.gif') no-repeat ; 
	width:215px; height:150px; margin:0; font-weight:normal; 
	display:block; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
	}
#online{
    width:215px;  
	padding:0 0 0 25px; 
	float:left; 
	display:block;

	}
#online h2{
	background:url('images/online.gif') no-repeat ; 
	width:215px; height:150px; margin:0; font-weight:normal; 
	display:block; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
	}	
/*--------------------------------header-------------------*/
#main_header{
	width:100%;	margin:0 auto;  background:#fef7de url('images/bg.gif') repeat-x; color:#FFFFFF; height:216px
	}
#main_header #header{
	width:764px; margin:0 auto; background:#fff6d8 url('images/header_pic.gif') no-repeat; color:#FFFFFF; height:216px;
	 position:relative
	}
#main_header #header ul{
	background:url('images/search_bg.gif') no-repeat ; 
	color:#FFFFFF; 
	display:block; 
	position:absolute; 
	height:28px;
	width:123px; 
	margin:0; 
	position:absolute; 
	top:10px; 
	left:610px; padding-left:43px; padding-right:0; padding-top:7px; padding-bottom:0
	}
	 
#main_header #header ul li{
	float:left; display:block; margin:0 23px 0 0;
	}
#main_header #header ul li a{
	height:15px; text-decoration:none; text-indent:-2000px; display:block; width:20px;
	}
#main_header #header ul li a.home{
	background:url('images/home.gif') no-repeat 0 0; width:16px; height:16px
	}
#main_header #header ul li a.home:hover{
	background:url('images/home_h.gif') no-repeat 0 0; width:16px; height:16px
	}
#main_header #header ul li a.user{
	background:url('images/user.gif') no-repeat 0 0; width:16px; height:16px
	}
#main_header #header ul li a.user:hover{
	background:url('images/user_h.gif') no-repeat 0 0; width:16px; height:16px
	}
#main_header #header ul li a.contact{
	background:url('images/contact.gif') no-repeat 0 0; width:19px; height:16px
	}
#main_header #header ul li a.contact:hover{
	background:url('images/contact_h.gif') no-repeat 0 0; width:19px; height:16px
	}
#main_header #header ul.free{
	background:#09283f url('images/toll_free-1.gif') no-repeat; color:#5d5024; display:block;  height:28px; width:140px;
	 position:absolute; top:2px; left:580px; margin:0; padding-left:43px; padding-right:0; padding-top:7px; padding-bottom:0
	}
#main_header #header ul.free li{
	float:left; display:block; font:10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center;  color:#5D5024;
	margin:0px 0px 0 0; padding:0 0 0 0 ; text-transform:uppercase; font-weight:normal; background-color:#FFF6D8;
	}
#main_header #header ul.free li span{
	 font-size:14px; line-height:16px; color:#FFFFFF; font-weight:bold; background-color:#ff0033; width:63px; height:16px;
	 }
#main_header #header ul.free li a.call{
	color:#e5f4ff; font-size:11px; font-weight:normal; text-transform:uppercase; text-indent:0px; width:72px; margin:0 0 0 0px;
	padding:0 0 0 5px; background-color:#09283f;
	}
#main_header #header img{
	position:absolute; left:40px; top:74px; display:block;
	}
#main_header #header ul.navi{
	width:700px; 
	display:block; 
	position:absolute; 
	top:190px; 
	left:30px; 
	padding:0;
	margin:0; 
	background:none;

	}
#main_header #header ul.navi li{
	background:url('images/saparation.gif') no-repeat right; 
	height:22px; 
	margin:0;
	display:inline; 
	float:left; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 
	
	}
#main_header #header ul.navi li.li1{
	background:none; 
	height:22px; 
	padding:0 4px 0 5px;
	margin:0;
	display:block;  
	float:left; 
	
	}

#main_header #header ul.navi li a{
	font:12px/21px tahoma, Arial, Helvetica, sans-serif; 
	color:#847543; 
	text-decoration:none; 
	text-indent:1px; 
	padding:0 0 0 15px; 
	font-weight:bold; 
	margin:0; 
	width:70px;
	padding:0 5px 0 5px;
	background-color:#e0d5b1; 
	}
#main_header #header ul.navi li a:hover{
	color:#fff
	}
/*------------------------------------body-------------------------*/
#main_body{
	width:100%;  background-color:#fef7de;  color:#736e5c; 
	}
#body{
	width:764px; margin:0 auto 0 auto; padding:17px 0 0 0; 
	}
#body h2{
	font:22px/20px Tahoma, Arial, Helvetica, sans-serif	; 
	color:#5c5643;  
	margin:0 40px 15px 0;
	font-weight:normal; 
	background-color:#fef7de; display:block;
	text-align:right;
	}
#body p{
	background:#fef7de url('images/welcome_pic.gif') no-repeat right ; 
	color:#736e5c; 
	width:598px;
	display:block; 
	text-align:right;
	direction:rtl; font-style:normal; font-variant:normal; font-weight:normal; line-height:17px; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin-left:0; margin-right:40px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:114px; padding-top:0; padding-bottom:10px
	}
#body p span{
	color:#fc5900; font-weight:bold; 
	}
#body p span.bg{
	color:#736e5c; background-color:#041929;
	}
#body p a{
	width:90px; 
	height:16px; 
	display:block; 
	background:url('images/newmore.gif') no-repeat right; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#6f6130;
	text-decoration:none;
	text-align:right; font-style:normal; font-variant:normal; line-height:12px; font-size:10px; font-family:tahoma, Arial, Helvetica, sans-serif; margin-left:50px; margin-right:0; margin-top:23px; margin-bottom:42px; padding-left:0; padding-right:20px; padding-top:0; padding-bottom:0
	}
#body p a:hover{
	background:url('images/newmore1.gif') no-repeat right; color:#305787 
	}
/*----------------------------event-----------------------------------*/	
#event{
	width:215px;  padding:0 0 0 40px; float:left; display:block;
	}
#event h2{
	background:url('images/event_bg.gif') no-repeat ; 
	width:142px; 
	height:45px; 
	margin:0; font-weight:normal;
	 display:block; font-style:normal; font-variant:normal; line-height:31px; font-size:22px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:54px; padding-right:20px; padding-top:5px; padding-bottom:0
	}
#event h2 span{
	color:#fff; 
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;  
	font-weight:bold; 
	display:block;
	text-align:center
	}
#event p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 0 23px; background:none; padding:0; 
	}
#event h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#0a2b43; 
	}
#event h3 a{
	width:171px; height:17px; display:block; background:#051b2b url('images/arrow.gif') no-repeat 160px 6px; color:#FFFFFF; font-weight:bold;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:15px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0px; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:0
	}
#event h3 a:hover{
	background:none; color:#FFFFFF; background-color:#0a2b43;
	}
#event p a.more{
	width:56px; height:12px; display:block; background:#0a2b43 url('images/more_bg.gif') no-repeat; font-weight:bold; text-transform:uppercase; color:#ffffff;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:11px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:118px; margin-right:0; margin-top:22px; margin-bottom:37px; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	}
#event p a.more:hover{
	background:#0a2b43 url('images/more_bg_h.gif') no-repeat; color:#ff0033 
	}
#event ul{
		width:191px; 
		display:block; 
		margin:5px 0 0 16px;
		}
#event ul li{
	background:url('images/arrow1.gif') no-repeat 0 8px ; 
	display:block; 
	padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
	}
#event ul li span{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none;
	}
#event ul li span strong{
	
	color:#A9303C; 
	
	}
#event ul li a{
	font:14px/24px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none; 
	
	}
#event ul li a:hover{
	text-decoration:none;
	}
#event a.more1{
	width:90px; 
	height:16px; 
	display:block; 
	background:url('images/newmore.gif') no-repeat ; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#6f6130;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:12px; font-size:9px; font-family:tahoma, Arial, Helvetica, sans-serif; margin-left:85px; margin-right:0; margin-top:39px; margin-bottom:10px; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	}
#event a.more1:hover{
	background:url('images/newmore1.gif') no-repeat ; color:#305787 
	}	
/*------------------------support-------------*/
#support{
	width:215px;  padding:0 0 0 25px; float:left; display:block;
	}
#support h2{
	background:url('images/support.gif') no-repeat; 
	width:126px;
    height:45px; 
	margin:0; 
	font-weight:normal; 
    display:block; font-style:normal; font-variant:normal; line-height:31px; font-size:22px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:71px; padding-right:20px; padding-top:5px; padding-bottom:0
	}
#support h2 span{
	color:#fff; 
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;  
	font-weight:bold; 
	display:block;
	text-align:center;
	}
#support p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 19px 16px; background:none; padding:0; 
	}
#support ul{
		width:191px; 
		display:block; 
		margin:5px 0 0 16px;
		}
#support ul li{
	background:url('images/arrow1.gif') no-repeat 0 8px ; 
	display:block; 
	padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
	}
#support ul li span{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none;
	}
#support ul li span strong{
	
	color:#A9303C; 
	
	}
#support a.more1{
	width:90px; 
	height:16px; 
	display:block; 
	background:url('images/newmore.gif') no-repeat ; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#6f6130;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:12px; font-size:9px; font-family:tahoma, Arial, Helvetica, sans-serif; margin-left:85px; margin-right:0; margin-top:39px; margin-bottom:10px; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	}
#support a.more1:hover{
	background:url('images/newmore1.gif') no-repeat ; color:#305787 
	}	


/*------------------------about-------------*/
.bgabout {
    background:url(images/aboutbg.gif) no-repeat ;
	font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0px 10px 0 0;
	
        }
#about 
   { 
      
	  background-color:#FFFFFF;
	  font:11px tahoma, Arial, Helvetica, sans-serif;
   }
   
.soal {
    color:#333333;
	font-size:13px;
	
	}
/*--------------------------------services-------------------*/
#services{
	width:215px;  padding:0 0 0 28px; float:left; display:block;
	}
#services h2{
	background:url('images/services.gif') no-repeat ; width:140px; height:45px; margin:0; font-weight:normal; display:block; font-style:normal; font-variant:normal; line-height:31px; font-size:24px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:53px; padding-right:20px; padding-top:5px; padding-bottom:0 
	}
#services h2 span{
	color:#fff; 
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;  
	font-weight:bold; 
	background-color:#9f9572;
	display:block;
	text-align:center;
	}
#services p{
	width:213px; 
	display:block; 
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#799fbb; 
	margin:0 0px 0 0; 
	background:#f5eed3; 
	padding:0;
	
	}
#new {
	width:213px; 
	display:block; 
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#799fbb; 
	margin:0 0px 0 0; 
	background:#f5eed3; 
	padding-bottom:5px;
	
	
	}
#services h3{
	color:#fff6d8; 
	font:14px Verdana, Arial, Helvetica, sans-serif; 
	width:190px; display:block;
	margin:19px 0 0 16px; 
	padding:0; 
	font-weight:bold; 
	background-color:#0a2b43;
	}
#services ul{
		width:191px; 
		display:block; 
		margin:5px 0 0 16px;
		}
#services ul li{
	background:url('images/arrow1.gif') no-repeat 0 8px ; 
	display:block; 
	padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
	}
#services ul li span{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none;
	}
	#services ul li span strong{
	
	color:#A9303C; 
	
	}
#services ul li a{
	font:14px/24px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none; 
	
	}
#services ul li a:hover{
	text-decoration:none;
	}
#services a.more1{
	width:90px; 
	height:16px; 
	display:block; 
	background:url('images/newmore.gif') no-repeat ; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#6f6130;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:12px; font-size:9px; font-family:tahoma, Arial, Helvetica, sans-serif; margin-left:85px; margin-right:0; margin-top:39px; margin-bottom:10px; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	}
#services a.more1:hover{
	background:url('images/newmore1.gif') no-repeat ; color:#305787 
	}
/*---------------------------------footer-----------------*/
#main_footer{
	width:100%;  float:left; background:url('images/footer_bg.gif') repeat-x ; color:#382e27;
	margin:0px; padding:0px 
	}
#footer {
	width:530px; height:127px;
	margin:0 auto 0 auto;
	}
#footer ul{
	width:500px; 
	display:block;	
	list-style-type:none; 
	margin:46px 0 0 40px; 
	position:absolute;
	
	
	}
#footer ul li{
	display:block; float:left;
	
		}
#footer ul li a{
	font:14px/12px tahoma, Arial, Helvetica, sans-serif;
	color:#6e5e53;
	text-decoration:none;
	margin:0 12px 0 16px;
	}
#footer ul li a.mg{
	font:12px/11px tahoma, Arial, Helvetica, sans-serif;
	color:#cf5300; 
	text-decoration:none;
	margin:0 11px 0 15px;
	font-weight:bold;
	}
#footer ul li a.mg:hover{
	text-decoration:underline;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer ul.ad{
	width:323px; display:block;	list-style-type:none; margin:77px 0 0 90px;
	}
#footer ul.ad li{
	height:40px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#footer ul.ad li.nobor{
	height:40px; width:96px; display:block;	margin-left:10px; border-right:none;
	}
#footer ul.ad li.nobor1{
	height:40px; width:96px; display:block;	float:left;	margin-left:10px; border-right:#FFFFFF 1px dashed;
	}
#footer ul.ad li a{
	font:10px/12px Tahoma, Arial, Helvetica, sans-serif; color:#d1bd86; background-color:#0c1c27; font-weight:bold;
	text-decoration:none; margin:0 0 0 0; display:block;
	}
#footer ul.ad li a span{
	color:#ff0033; background-color:#0b1a24;
	text-transform:uppercase; margin:0 10px 0 0; display:block;
	}
#footer ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer p{
	padding:75px 0 0 185px; 
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif; 
	color:#615940;
	font-weight:normal;	
	height:14px; 
	margin:0;
	}
#footer p.de{
	padding:0 0  0 185px; margin:0;  
	line-height:12px; 
	width:160px; 
	text-align:center; background-color:#0c1d2a;
	color:#615940; 
	background:none;
	font-weight:bold;
	}
#footer p.de a{
	color:#cf5300;
	text-decoration:none;
	}
#footer p.de a:hover {	
	color:#fff;
	 text-decoration:underline;
	}
#footer span{
	padding:5px 0 0 185px; 
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif; 
	color:#615940;
	font-weight:normal;	
	height:14px; 
	margin:0;
	}
/*----------------------------list-----------------------------------*/	
#list{
	width:100%; margin:0 auto; 
	}
#list h2{
	background:url('images/all-service.gif') no-repeat left; 
	width:764px; 
	height:45px; 
	margin:0; font-weight:normal;
	Display:block;
	text-align:center; font-style:normal; font-variant:normal; line-height:31px; font-size:22px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0
	}
#list h2 span{
	color:#fff; 
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;  
	font-weight:bold; 
	display:block;
	text-align:center
	}
#list p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 0 23px; background:none; padding:0; 
	}
#list h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#0a2b43; 
	}
#list h3 a{
	width:171px; height:17px; display:block; background:#051b2b url('images/arrow.gif') no-repeat 160px 6px; color:#FFFFFF; font-weight:bold;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:15px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0px; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:0
	}
#list h3 a:hover{
	background:none; color:#FFFFFF; background-color:#0a2b43;
	}
#list p a.more{
	width:56px; height:12px; display:block; background:#0a2b43 url('images/more_bg.gif') no-repeat; font-weight:bold; text-transform:uppercase; color:#ffffff;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:11px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:118px; margin-right:0; margin-top:22px; margin-bottom:37px; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	}
#list p a.more:hover{
	background:#0a2b43 url('images/more_bg_h.gif') no-repeat; color:#ff0033 
	}
#list ul{
		width:191px; 
		display:block; 
		margin:5px 0 0 16px;
		}
#list ul li{
	background:url('images/arrow1.gif') no-repeat 0 8px ; 
	display:block; 
	padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
	}
#list ul li span{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none;
	}
#list ul li span strong{
	
	color:#A9303C; 
	
	}
#list ul li a{
	font:14px/24px Verdana, Arial, Helvetica, sans-serif; 
	color:#799fbb; 
	text-decoration:none; 
	
	}
#list ul li a:hover{
	text-decoration:none;
	}
#list a.more1{
	width:90px; 
	height:16px; 
	display:block; 
	background:url('images/newmore.gif') no-repeat ; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#6f6130;
	text-decoration:none; font-style:normal; font-variant:normal; line-height:12px; font-size:9px; font-family:tahoma, Arial, Helvetica, sans-serif; margin-left:85px; margin-right:0; margin-top:39px; margin-bottom:10px; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	}
#list a.more1:hover{
	background:url('images/newmore1.gif') no-repeat ; color:#305787 
	}


.plan {

  background: url('images/special1.gif') repeat-x;
  color:#845f37;
  font-weight:bold;
  text-align:center;
  height:30px; font-style:normal; font-variant:normal; line-height:21px; font-size:14px; font-family:tahoma, Helvetica, sans-serif
  
  }
  .special {
  background: url('images/special1.gif') repeat-x;
  color:#845f37;
  font-weight:bold;
  text-align:center;
  height:30px;
  width:164px; font-style:normal; font-variant:normal; line-height:21px; font-size:14px; font-family:tahoma, Helvetica, sans-serif
  
  }
  .special1 {
  background:#dfd5b0 url('images/special.gif') repeat-x;
  color:#877847;
  font-weight:bold;
  text-align:left;
  width:164px; font-style:normal; font-variant:normal; line-height:21px; font-size:11px; font-family:tahoma, Helvetica, sans-serif; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
  
  }
    .special2 {
  
  font:11px/21px  tahoma, Helvetica, sans-serif;
  color:#877847;
  font-weight:bold;
  text-align:center;
  
  
  
  }
  .ok {
  background:url('images/ok.gif') no-repeat center;
  
  border:1px solid #d1c8a6
  }
    .cc {
  background:url('images/cc.gif') no-repeat center;

  }
  #shop {
  width:125px;
  
  }
    .shop a{
	background:#e3d8b6 url('images/shop.gif') no-repeat center; 
    color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%; font-style:normal; font-variant:normal; font-weight:normal; line-height:21px; font-size:12px; font-family:tahoma, Helvetica, sans-serif
	
  
  }

    .shop a:hover {
  background:#e3d8b6 url('images/shop1.gif') no-repeat center;
  
  
  }