/* 
================
CSS Document level 2.1
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.jatismobile.com%2Fcss%2Fjatismobile.css&profile=css21&usermedium=all&warning=1&lang=en
© Jatis mobile PT.INFORMASI TEKNOLOGI INDONESIA
» by : Aidil muladha
*/

body
	{
	background: #FFFFFF url(../images/bg.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	color: #5c5c56;
	}
.clear
	{
	clear: both;
	margin: 0;
	padding: 0;
	}
.clearfix
	{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0px;
	font-size: 0px;
	}


/*
==================
container
==================
*/
#container
	{
	width: 901px;
	margin: auto;
	padding: 0;
	}
.header
	{
	padding: 8px 0 8px 0;
	margin: 0 0 14px 0;
	}
.header_left
	{
	width: 199px;
	height: 64px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}
.header_left h1{
	background: url(../images/logo.gif)  no-repeat;
	padding: 0px;
	margin: 0px;
	width: 199px;
}

.header_left h1 span{
	text-indent: -999em;
	display: block;
	width: 199px;
}

.header_left h1 a{
	text-decoration: none;
	display: block;
	height: 64px;
	width: 119px;
}
.header_right
	{
	float: right;
	padding: 25px 0 15px 0;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #797878;
	}

/*
==================
Splash images
==================
*/
.splash
	{
	width: 901px;
	margin: 0;
	padding: 0;
	}

/*
==================
menus
==================
*/
.menus
	{
	margin: 0;
	padding: 2px;
	}
.menus ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}	
.menus li
	{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
.menus li a
	{
	margin: 0;
	padding: 10px;
	display: block;
	border-right: 1px dotted #a8a8a8;
	font: 12px Arial, Helvetica, sans-serif;
	color: #727272;
	text-decoration: none;
	float: left;
	}
.menus li a:hover,
.menus a.current
	{
	color: #727272;
	background: url(../images/bg_menu.gif) repeat-x bottom left;
	text-decoration: none;
	}

/*
==================
Container main
==================
*/
#main_warp
	{
	margin: 25px 0 0 0;
	padding: 0;
	background: url(../images/map.gif) no-repeat top left;
	}

.con_left
	{
	padding: 0;
	margin: 0;
	border-right: 1px solid #e4e4e4;
	float:left;
	width: 600px;
	
	}
.con_right
	{
	padding: 0;
	margin: 0;
	float: right;
	width: 300px;
	}

.right_top a,
.right_content a,
.history a,
.miles a,
.left_contentr a
	{
	color: #5f97b8;
	text-decoration:none;
	}

.right_top a:hover,
.right_content a:hover,
.history a:hover,
.miles a:hover,
.left_contentr a:hover
	{
	color: #ea5800;
	text-decoration:none;
	}	
	
.right_top
	{
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 15px 15px 15px;
	margin: 0;
	color: #6f6f6f;
	font: 12px Arial, Helvetica, sans-serif;
	}
	
.right_content
	{
	padding: 15px 15px 15px 15px;
	margin: 0;
	color: #6f6f6f;
	font: 12px Arial, Helvetica, sans-serif;
	}	
	
.left_top
	{
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 15px 15px 0;
	font: 24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	color: #6f6f6f;
	}
	
.left_content
	{
	padding: 0;
	margin: 0;
	width: 600px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #5c5c56;
	}

.left_contentl
	{
	width: 230px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	}

.left_contentr
	{
	width: 343px;
	padding: 15px 10px 15px 0;
	margin:0;
	float: right;
	}
.left_contentr h2
	{
	font: 14px Arial, Helvetica, sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	color: #FF6600;
	}
.left_contentr h1,
.right_top h1,
.right_content h1,
.history h1,
.miles h1
	{
	font: 14px Arial, Helvetica, sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	}

a.morelink
	{
	background: url(../images/panah.gif) no-repeat left center;
	padding: 4px 0 4px 25px;
	margin:0;
	display:block;
	color: #5f97b8;
	text-decoration:none;
	}

/*
==================
Container footer
==================
*/
#main_footer
	{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	}	
	
.history
	{
	width: 260px;
	padding: 20px 30px 20px 0;
	border-right: 1px solid #e4e4e4;
	font: 12px Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	float:left;
	}
	
.miles
	{
	width: 253px;
	padding: 20px 30px 20px 26px;
	border-right: 1px solid #e4e4e4;
	font: 12px Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	float:left;
	}

.group
	{
	width: 288px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
	}


/*
==================
Container footer2
==================
*/
#footer
	{
	margin: 50px 0 50px 0;
	padding: 0;
	}
	
#footer_left
	{
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 0;
	}
#footer_right
	{
	float:right;
	font: 12px Arial, Helvetica, sans-serif;
	}

#footer_right ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}	
#footer_right li
	{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
#footer_right li a
	{
	margin: 0;
	padding: 10px;
	display: block;
	border-right: 1px dotted #a8a8a8;
	font: 12px Arial, Helvetica, sans-serif;
	color: #727272;
	text-decoration: none;
	float: left;
	}
#footer_right li a:hover
	{
	color: #5f97b8;
	text-decoration: none;
	}