/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#5B5B5B;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	margin:0; padding:0;text-align:justify;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;text-align:justify;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* -- header start -- */
#header{
	width:738px; height:233px; margin:0 auto; position:relative;
	background:url(images/header_bg.jpg) no-repeat 0 0 #FFFADC; color:#000000;}
#header img{
	border:none; position:absolute; left:30px; top:58px;}
#header h1{
	font:normal 11px/14px Georgia, "Times New Roman", Times, serif; background-color:#000000; color:#E4E4E4;
	position:absolute; left:55px; top:146px;}	
#header ul{
	position:absolute; left:123px; bottom:0;}
#header ul li{
	float:left; background:url(images/top_btn_divider.gif) repeat-y right top #B87F00; color:#FFE8B4;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li.noborder{
	float:left; background-image:none; color:#FFE8B4;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li a{
	float:left; background:url(images/top_btn_bg.gif) repeat-x 0 0 #B87F00; color:#FFE8B4;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header ul li a:hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header ul li a.hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header a.login{
	background:url(images/member_login_btn.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
#header a.login:hover{
	background:url(images/member_login_btn_h.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
/* -- header end -- */
/* -- body start -- */

#body{
	width:676px; margin:0 auto; padding:19px 36px 22px 26px;text-align:justify;}
#body h2{
	font:normal 26px/32px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#6f40f6; height:32px;}
#body h3{
	font:normal 20px/28px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#855C00; height:28px;}

#body span.dotLine{
	background:url(images/dot_line.gif) repeat-x 0 24px #FFFFFF; color:#000000;
	float:right; width:565px; display:block; height:30px;}

#body p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#5B5B5B; 
	background-color:#FFFFFF; padding:3px 0; text-align:justify;}

#body ul li{
	background:url("/images/pensil.gif") no-repeat 0 0;
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#5B5B5B; 
	background-color:#FFFFFF; padding:0 0 5px 22px; text-align:justify;}

#body ul li.update{
	background:url(images/update_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left;}


#body ul li.serviece{
	background:url(images/serviece_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left;}


/* -- body end -- */
/* -- future pannel start -- */

#catagory{
	width:738px; margin:0 auto; padding:24px 0 32px 0;}

#futur{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#757057;
	text-align:justify;
      }

#futureContainer{
	background-color:#FFFDF3;width:688px; padding:0 25px; margin:0 auto;
	text-align:justify;}

.futureLeft{
	width:295px; padding:0 25px 0 0; float:left;}
.futureLeft h2{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#000000;}
.futureLeft h2 span{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#89774C; background-color:#FFFDF3;}
.futureLeft p{
	background-color:#FFFDF3;
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#757057;}
.futureLeft h3{
	font:bold 13px/15px Arial, Helvetica, sans-serif; color:#8F0000;
	background:url(images/star.gif) no-repeat 0 10px #FFFDF3; padding:10px 0 5px 21px;}
.futureLeft p.uppercase{
	background-color:#FFFDF3;
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333021; text-transform:uppercase;}
.futureLeft p.line{
	height:13px; background:url(images/more_bg.gif) repeat-x 0 0 #FFFDF3; color:#000000; margin:10px 0 0 0;}
.futureLeft p.line a.more{
	background:url(images/more_btn.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; float:right; color:#FFFFFF;}
.futureLeft p.line a.more:hover{
	background:url(images/more_btn_h.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; float:right; color:#FFFFFF;}
.futureRight{
	border-left:#ECE9D8 2px solid; width:315px; padding:0 0 0 25px; float:left;border-top:0;border-right:0;border-bottom:0}
.futureRight ul li.update{
	background:url(images/update_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left;}
.futureRight ul li.update a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-decoration:none;}
.futureRight ul li.update a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-decoration:none;}

.futureRight ul li.chat{
	color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left;}
.futureRight ul li.chat a{
	color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-decoration:none;}
.futureRight ul li.chat a:hover{
	color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-decoration:none;}


	
.futureRight ul li.serviece{
	background:url(images/serviece_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left;}
.futureRight ul li.serviece a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-decoration:none;}
.futureRight ul li.serviece a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-decoration:none;}
/* -- future pannel end -- */
/* -- catagory pannel start -- */

.testimonial{
	width:325px; float:left;text-align:justify;}
.testimonial h2{
	background:url(images/testimonial_bg.gif) no-repeat 0 0 #E39E17; color:#FFFFFF;
	width:256px; height:43px; padding:0 0 0 69px; margin:0 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.testimonial p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; width:185px; padding:0 0 0 22px;}	
.testimonial img{
	float:right; border:none; padding:0 20px 0 0;}
.testimonial p.italic{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#296D8D; background-color:#FFFFFF;
	float:left; width:288px; padding:10px 10px 0 22px;}	
.line1{
	 padding:0 0 0 20px; width:282px;}
.line1 p{
	height:13px; background:url(images/line1_bg.gif) repeat-x 0 7px #FFFFFF;
	float:left; color:#000000;width:282px;
	font:bold 12px/13px Arial, Helvetica, sans-serif;}
.line1 p span{
	display:block; height:13px; float:right; padding: 0 12px 0 3px;
	font:bold 12px/13px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#000000;}
	
.solution{
	width:363px; float:right;text-align:justify;}
	
.solution h2{
	background:url(images/solution_bg.gif) no-repeat 0 0 #3A86A9; 
	color:#FFFFFF;
	width:283px; height:43px; padding: 0  0 0 80px; margin:0 0 20px 0;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.solution p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; 
	color:#5B5B5B;
	padding:0 35px 0 25px;}	
.solution ul{
	padding:10px 0 0 25px;}
.solution ul li{
	background:url(images/solution_li_bg.gif) no-repeat 0 0 #FFFFFF;
	height:19px; margin:0 0 1px 0; padding:0 0 0 35px;
	font:normal 11px/17px Arial, Helvetica, sans-serif; color:#020202;}
.solution ul li a{
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#8F0000;}
.solution ul li a:hover{
	background-color:#FAF8EC;
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#4B7E00;}



.unik{
	width:295px; text-align:justify;}

.unik h3{
	font:bold 13px/15px Arial, Helvetica, sans-serif; color:#8F0000;
	background:url(images/star.gif) no-repeat 0 10px #FFFDF3; 
	padding:10px 0 5px 21px;}
	
.unik p{
    font:normal 12px/17px Arial, Helvetica, sans-serif; 
	color:#5B5B5B;
	padding:0 35px 0 25px;
	}	
	
.unik ul{
	padding:10px 0 0 25px;}
.unik ul li{
	background:url(images/pensil.gif) no-repeat 0 0;
	height:19px; margin:0 0 1px 0; padding:0 0 0 35px;
	font:normal 11px/17px Arial, Helvetica, sans-serif; color:#020202;}
.unik ul li a{
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#8F0000;}
.unik ul li a:hover{
	background-color:#FAF8EC;
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#4B7E00;}


.unik1{
	width:676px; text-align:justify;}

.unik1 h3{
	font:bold 13px/15px Arial, Helvetica, sans-serif; color:#8F0000;
	background:url(images/star.gif) no-repeat 0 10px #FFFDF3; padding:10px 0 5px 21px;}
	
.unik1 p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; 
	color:#5B5B5B;
	padding:0 0 35px 0 25px;}	



	
/* -- catagory pannel end -- */
/* -- footer start -- */
#footer{
	width:738px; margin:0 auto; position:relative;
	/*background:url(images/footer_bg.jpg) no-repeat 0 0  #000000; color:#000000;}*/
       background:0 0  #FFFFFF; color:#5E6DB9;}

#footerContainer{
	width:738px; margin:0 auto; padding:18px 0 45px 0;}

#footerContainer ul{
	width:600px; margin:0 auto;}

#footerContainer ul li{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; float:left;}

#footerContainer ul li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; text-decoration:none; padding:0 10px;}

#footerContainer ul li a:hover{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C61A75; text-decoration:none; padding:0 10px;}

#footerContainer p{
	font:normal 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5E6DB9; width:175px; margin:0 auto;}

#footerContainer p.tworld{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; color:#FFE2AA; background-color:#867F50;}

#footerContainer p.tworld a{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#867F50;}

#footerContainer p.tworld a:hover{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#787145;}



.valid{
	width:114px; margin: 0 auto;}
.valid a.xhtnl{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.xhtnl:hover{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css:hover{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}

.testimonialframe{
	width:325px; float:left; border:0;height:350px;}



#aboutus {width:738px;margin:0 auto; position:relative;}

#aboutusBingkai{background:url(images/bingkai.jpg) repeat-y 0 0;width:55px;height:892px;} 

#aboutusstrip{background-color:#99cc00;width:614px;height:16px;margin:0;}

#aboutuscontainer{width:614px;text-align:justify;margin:0 auto; position:relative;}

#aboutuscontainer p {
	font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5E6DB9; width:610px; margin:0 auto;text-align:justify;}

#aboutuscontainer li {
	background:url(images/pensil.gif) no-repeat 0 0;font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5E6DB9; width:610px; margin:0 auto;text-align:justify;padding:0 0 5px 20px;}

#stripalamat{width:738px;margin:0;height:16px;
             font:normal 8px/10px "Trebuchet MS", Arial, 
             Helvetica,sans-serif;
            }
#stripalamatContainer{width:738px;background-color:#99cc00;
			 height:16px;margin:0;
             font:normal 8px/10px "Trebuchet MS", Arial, 
             Helvetica,sans-serif;
            }


.ptbl {
	font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5E6DB9; width:550px; margin:0 auto;text-align:justify;}

.xtbl {
	font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5E6DB9; margin:0 auto;text-align:justify;}

/* footer end -- */