/* CSS Document for AkariGPS.com */
body {
	font-family: Tahoma,Arial,Helvetica;
	margin-top:0; margin-bottom:0;
	background-color:#c8c8c8;
}
  
img { border:0; }  
  
#main{ 
 	padding:0;	
	width:978px;
	margin-left:auto; margin-right:auto;}

#header {
	float:left;
	width:978px;
	height:121px;
	padding:0;  margin:0;
}

#header-left {
	float:left;
	width:20px; height:121px;
}

#logo {
	float:left;
	width:265px;height:121px;
}
#header img {
	float:left;
	border:0;
}

#header-right {
	float:left;
	width:693px; height:121px;
	background:url(../images/header-right.jpg);
}
/*
form#lang {
	width:80px;
	float:right;
	margin-top:100px;
	margin-right:90px;
	font-size:10px;
}*/

/*****************/
/***  NAVIGASI ***/
/*****************/
#navleft {
	float:left;
	witdh:34px; height:37px;
	}

#navright {
	float:left;
	width:34px; height:37px;
	}	

/** 1 **/
ul#nav {
  float:left; 
  width:910px;
  height:37px;
  background:url(../images/nav-bg.jpg) repeat-x;
  padding:0; margin:0;
  list-style: none;
}

/** 2 **/
ul#nav li  {
  float: left;
  margin: 0 10px 0 10px;
}

/** 3 **/
ul#nav a {
    color: #f4f4f4;
    font-size: 13px;
    font-weight:bold;
    display: block;
    float: left;
    padding-left: 20px;
    text-decoration: none;
    line-height: 2.8em;
}

/** 4 **/
ul#nav a:hover {
    background-color: #000;
    background: url(../images/tab.jpg) 0 -37px;    
    color: #fff;
    font-weight: bold;
	}
/** 5 **/
ul#nav a:hover span {
    background: url(../images/tab.jpg) 100% -37px;
}	


/** 6 **/
 ul#nav li.current a {
    background: url(../images/tab.jpg) 0 -37px;
    color: #fff;
    font-weight: bold;
	} 

/** 7 **/
ul#nav li.current span {
    background: url(../images/tab.jpg) 100% -37px;
} 

/** 8 **/
ul#nav span {
    background: url(../images/tab.jpg) 100% 0;
    display: block;
    line-height: 2.8em;
    padding-right: 20px;
}

/*****************/
/***  CONTENT  ***/
/*****************/

#content-wrap {
	clear:left;
	font-size:14px;
	float:left;
	padding:0; margin:0;
	color:#FFFFFF;
	background:url(../images/content-bg.jpg) repeat-y; 
  	width:978px; 
}

#topline { 
	background:url(../images/topline.jpg);
	float: left;
	padding:0; margin:0;
	width:978px;
	height:17px;
	}

#topline p {

	float:right;
	margin-top:2px;	
	margin-right:22px;
	display:inline;	
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;
	font-weight:normal;	
	color:#fff;
	padding:0;
}	

#topline a {
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;
	font-weight:normal;	
	color:#fff;
}

/***** WELCOME & CHANGE LANGUAGE *****/

#welcome-lang {
	clear:both;
	float:left; margin:0;padding:0;
	width:978px; height:30px;
	background-color: #fff url(../images/content-bg.jpg) repeat-y; 
}
#welcome {
	float:left;
	width:340px;	
}

#welcome p {
	background-color:brown;
	margin: 5px 5px 5px 30px; 
	font-family: Verdana, Arial, Helvetica;
	color: width;
	font-style:normal;
	font-size:14px;
	text-align:center;
	text-decoration:blink;
}

form#language {
	width:180px;
	float:right;
	margin-top:5px; margin-right:22px;
	font-family: Verdana, Arial, Helvetica;
	font-size:8px; padding:0;
}

/*#midline {
	clear:left;
	float:left;
	width:978px;
	margin:0; padding:0;
	background:url(../images/content-bg.jpg) repeat-y; 
	}
*/

#content-short {
	width:399px;
	float:left;
	margin:0;
}

.home1 {
	padding:10px 0 10px 34px;
}
.nothome1 {
	padding:10px 34px 10px 27px;	
}

#intro {
	width:399px;
	margin:0;
}

#intro h1, #cara-kerja h1, #gps-tracker h1, 
#content-nothome h1  {
	font-family:Arial, Helvetica, Microsoft Sans;
	color:#999933;
	font-size:20px;
	font-weight:normal;
	margin-bottom:2px;
}

#intro p {
	font-family:Verdana, Arial, Helvetica;
	color:#333333;
	font-size:11px;
	font-weight:normal;
	margin-top:5px;
}

#benefit {
	width:399px; height:277px;
	background:url(../images/benefit-bg.jpg);
	margin-top:15px;
}

#benefit h1, #sertifikat-postel h1 {
	font-family:Arial, Helvetica, Microsoft Sans serif;
	color:#999933;
	font-size:20px;
	font-weight:normal;
	padding:10px 25px 0px 10px;
}
table#benft {
	width:399px;
	margin:0; padding:0;
	display:inline;
}

table#benft tr {
	border:0;
	padding:0;	
	margin:0;
}

table#benft td.icon {
	width:35px;
	vertical-align:top;
	padding:4px 4px 4px 10px;
	margin:0;
}

table#benft td.sentence {
	width: 300px;
	font-family: Microsoft Sans serif, Arial, Helvetica;
	font-size:13px;
	color:blue;
	padding:4px;
	margin:0;
}

#setifikat-postel {
	float:left;
	width:395px;
	margin-top:10px;
	background:#fff;
	border: 1px solid #000;
}
#setifikat-postel img {
	border:0;
	padding:0; margin:0;
}
#info-pec-ucomindo {
	float:left;
	width:397px;
	margin:10px 0 0 0;
	padding:0;
	background-color:#fff;
	border: 1px solid blue;
	display:inline;
}

#info-pec-ucomindo  h2 {
	color:blue;
	margin-top:10px; margin-bottom:2px;
	font-size:1.2em; font-family:Verdana, Arial, Helvetica;	
	text-align:center;
}

#info-pec-ucomindo  h3 {
	color:brown;
	margin-top:10px; margin-bottom:2px;
	font-size:1em; font-family: Arial, Verdana, Arial;	
	text-align:center;
}
#info-pec-ucomindo p { 
	color:black;
	margin-top:5px; margin-bottom:5px;
	font-size:0.8em; font-family: Verdana, Arial, Helvetica;	
	text-align:center;
}

#info-pec-ucomindo  img {
	border:0;
	padding:4px;
	margin:0;
	width:389px;
}
 
#call-to-action {
	float:left;
	width:399px; height:191px;
	background:url(../images/call-bg.jpg);
	margin-top:10px;
}

#call-to-action h1{
	font-family: Verdana, Arial, Helvetica;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding: 15px 31px 0px 18px;
	margin-bottom:0;
}

#call-to-action h2 {
	font-family:Times New Roman, Verdana, Georgia;
	color:#000;
	font-size:40px;
	font-weight:bold;
	padding-left:40px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:5px;
}

#call-to-action img {
	float:left;
	padding-right:10px;
}


#call-to-action p {
	font-family:Arial, Helvetica, Microsoft Sans serif;
	color:#000;
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	margin:0;
}

#content-long {
	width:484px;
	float:left;
	margin:0;
		
}


.nothome2 {
	padding:10px 0 10px 34px;
}
.home2 {
	padding:10px 34px 10px 27px;	
}

#cara-kerja {
	float:left;
	width:484px;
	margin:0;
}

#cara-kerja  img { 
	width:475px; height:237px;
	float:left;
	padding-bottom:8px;
}

ol#ck {
	clear:left;
	width:430px;
}

ol#ck li {
	padding-bottom:8px;
	font-family: Microsoft Sans serif, Arial, Helvetica;
	font-size:11px;
	color:#333333;
}

#gps-tracker {
	width:484px;
	margin:0;
}

#gps-tracker img {
	float:left;
	padding-right:20px;
	width:200px;height:177px;
}
.fitur {
	float:left;
	width:260px;
}

.fitur p {
	color: #333333;
	font-family:Verdana, Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

.fitur ul {
	clear:left;
	margin-top:5px;
	padding-left:10px;
}

.fitur li {
	color: #333333;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:normal;
	list-style-type:disc;
}

#content-nothome {
	float:left;
	width:484px;
	font-family: Verdana , Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	margin:0;
}	


#sidebar {
	float:left;
	margin:0; padding:0;
/*	padding:10px 41px 10px 25px; */
	width:308px; 
	/*	background-color:#445581; */
	
	}

#content2 {
	width:590px;
	margin:10px 40px 10px 40px;
}

/*/*****************/
/***  LOGIN    ***/
/*****************/

/*#login {
	width: 243px; height: 198px;
	float:left; 
	margin:0; padding:0;
/*	margin-left: 35px;
	margin-top: 18px; 
	float: right; 
	margin-top:18px; margin-right:5px; */
	}

/*#login-top { width: 243px; height: 117px; background:url(../images/login-top.jpg); }

#login-mid { clear: left; width:243px; height: 43px; }	

#login-midleft {float:left; width:84px; height:43px; background:url(../images/login-midleft.jpg); }

#login-midmid {float:left; width:134px; height:43px; }



#login-box1, #loginbox2 {width:134px; height:19px;}

.loginbox {
	border:0; 
	padding-left:3px; margin:0;
	width:131px; height:17px;
	background:url(../images/login-box.jpg);
}

#login-spacer {clear:left; width:134px; width:5px; background:url(../images/login-spacer.jpg);}


#login-midright {float:left; width:25px; height:43px; background:url(../images/login-midright.jpg);}

#login-bot {clear:left; vertical-align:middle; width: 243px; height: 38px; background:url(../images/login-bot.jpg);}

.submit {margin-top:8px; margin-left:7px;}*/


/**********************/
/***  MEMBER LOGIN  ***/
/**********************/

#memberlogin {
	width:308px; height:293px;
	padding:0; margin:0;
}

#ml-top { width:308px; height:134px; background:url(../images/ml-top.jpg); }

#ml-uname { width:308px; height:25px; }

#ml-uname-left {width:68px; height:25px; float:left; background:url(../images/ml-uname-left.jpg); }

/*#ml-uname-input {
	font-size:10px;
	width:174px; height:25px;
	
}*/

.ml-uname-input, .ml-pass-input, .ft-uname-input, .ft-email-input, .ft-pass-input {
	font-size:16px;
	float:left; border:0; padding:0; margin:0;
	width:174px; height:25px; float: left; background-color:#FFFFFF;
	/* background:url(../images/input-box.jpg); */
}

#ml-uname-right {width:66px; height:25px; float:left; background:url(../images/ml-uname-right.jpg); }

#ml-spacer-pass {clear:left; width:308px; height:28px; background: url(../images/ml-spacer-pass.jpg); }

#ml-pass {width:308px; height:25px; }

#ml-pass-left { width:68px; height:25px; float:left; background:url(../images/ml-pass-left.jpg);}

/*#ml-pass-input {
	font-size:10px;
	width:174px; height:25px; 
}	
*/
/*.ml-pass-input, {  
	font-size:16px;
	float:left; border:0; padding:0; margin:0;
	width:174px; height:25px; float: left; background-color:#FFFFFF;
	/*background:url(../images/input-box.jpg); }*/

#ml-pass-right { width:66px; height:25px; float:left; background:url(../images/ml-pass-right.jpg);}

#ml-bot { width:308px; height:81px;}

#ml-bot-left {clear:left; width:42px; height:81px; float:left; background:url(../images/ml-bot-left.jpg); }

#ml-bot-mid {width:200px; height:81px; float:left; background:url(../images/ml-bot-mid.jpg); color:#FFFFFF; }

#ml-bot-right {width:66px; height:81px; float:left; background:url(../images/ml-bot-right.jpg); }




/**********************/
/***  FREE TRIAL    ***/
/**********************/


#freetrial {
	width:308px; height:330px;
	padding:0; margin:0;
}

#ft-top { width:308px; height:135px; background:url(../images/ft-top.jpg); }

#ft-uname { width:308px; height:25px; }

#ft-uname-left {width:68px; height:25px; float:left; background:url(../images/ft-uname-left.jpg); }

#ft-uname-right {width:66px; height:25px; float:left; background:url(../images/ft-uname-right.jpg); }


#ft-spacer-email {clear:left; width:308px; height:28px; background: url(../images/ft-spacer-email.jpg); }

#ft-email {width:308px; height:25px; }

#ft-email-left { width:68px; height:25px; float:left; background:url(../images/ft-email-left.jpg);}

#ft-email-right { width:66px; height:25px; float:left; background:url(../images/ft-email-right.jpg);}


#ft-spacer-pass {clear:left; width:308px; height:28px; background: url(../images/ft-spacer-pass.jpg); }

#ft-pass {width:308px; height:25px; }

#ft-pass-left { width:68px; height:25px; float:left; background:url(../images/ft-pass-left.jpg);}

#ft-pass-right { width:66px; height:25px; float:left; background:url(../images/ft-pass-right.jpg);}


#ft-bot { width:308px; height:66px;}

#ft-bot-left {clear:left; width:42px; height:66px; float:left; background:url(../images/ft-bot-left.jpg); }

#ft-bot-mid {width:200px; height:66px; float:left; background:url(../images/ft-bot-mid.jpg); color:#FFFFFF; }

#ft-bot-right {width:66px; height:66px; float:left; background:url(../images/ft-bot-right.jpg); }












/*#freetrial {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#freetrial tr {
	font-size:12px;
}
*/

/**********************/
/***     FOOTER     ***/
/**********************/

#bottomline {
	clear:left;
	width:978px; height:12px;
}

#footer {
	clear:left;
	margin: 0; padding:0;
	width:978px; height:100px;
}
#footer-left {
	float:left;
	margin: 0; padding:0;
	width:34px; height:100px;
/*	background:url(../images/footer-left.jpg);*/
}
#footer-center {
	float:left;
	margin: 0; padding:0;
	width:910px; height:100px;
	background:url(../images/footer-bg.jpg) repeat-x;
}
#footer-right {
	float:left;
	margin: 0; padding:0;
	width:34px; height:100px;
/*	background:url(../images/footer-right.jpg);*/
}

#copyright {
    clear:left;
	float:left;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	width:300px;
}

#copyright a {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

#office {
	float:right;
	margin-top:6px;
	width:265px;
	padding:0;
}		

.jkt {width:255px;}
.sby {width:130px;}

#office h2 {	
	font-family: Arial Bold, Arial, Times, serif;
	font-size: 18px;
	color:#fff;
/*	padding-bottom:0;*/
	margin-bottom:0;	
	margin-top:0;
}

#office h2 span.phone {
	font-size:1.3em;
	color:yellow;
}
#office h2 span.phone2 {
	font-size:0.8em;
	color:yellow;
}
	
#office p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin-top:0;
}