/*
Theme Name: Louser Lift V.03
Theme URI: http://www.louser-lift.co.id/
Author: Muhammad Isni
Author URI: http://www.muhammadisni.com/
Description: Louser Lift Wordpress theme developed by muhammadisni.com
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom, developed
Text Domain: muhammadisni
*/
@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto; 
	background: #3864c7;
	font-size: 12px;
	color: #666666;
	font-family: 'font', Arial;
	}
@font-face {
    font-family: 'font';
	src: url('fonts/tt0246m_-webfont.eot');
    src: url('fonts/tt0246m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0246m_-webfont.woff2') format('woff2'),
         url('fonts/tt0246m_-webfont.woff') format('woff'),
         url('fonts/tt0246m_-webfont.ttf') format('truetype'),
         url('fonts/tt0246m_-webfont.svg#square721_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}	
img {border: 0px;}

a:link{ color: #000;text-decoration:none;}
a:visited{ color: #000;text-decoration:none;}
a:hover{ color: #000;text-decoration:none;} 

h1 {
	color:#f6470a;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 14px 0;
	}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.fl {float: left;display: inline;position: relative}
.fr {float: right;display: inline;position: relative}

.container {margin: 0px auto; width: 1000px}

.inlineList ul{
	margin: 0;
	padding: 0
	}
.inlineList ul li{
	list-style: none;
	display: inline}

#header {
	width: 100%;
	background: url(images/bgHeader.jpg) no-repeat;
	height: 296px;
	margin-bottom: 16px;
	}
#tag{
	font-size: 14px;
	color: #ffffff;
	display: table;
	margin: auto;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 4px 6px -4px #1B1B1B;
	background: #003298;
	width: auto;
	float: none;
	text-align: center;
	padding: 8px 10px 4px;
	}
#logo {
	position: relative;
	margin: 0px auto;
	text-align: center;
	width: 40px;
	z-index: 2;	
	margin-top: 10px;}
#mainNav {
	width: 790px;
	margin: 0px auto;
	z-index: 1;
	margin-top: -28px;
	text-align: center;
	float: none;
	display: block;
	margin-bottom: 32px;}
	#mainNav ul {
		float: left;
		display: inline;
		width: 100%;}
	#mainNav ul li  a{
		background: url(images/trans.png);
		border-radius: 8px 8px 0 0;
		width: 50px;
		display: block;
		float: left;
		text-align: center;
		height: 27px;
		color: #ffffff;
		padding:2px 5px 0 5px !important;
		margin-right: 5px;
		font-size: 9px;}
	#mainNav ul li a:hover{
		color: #ffe60b}
	#mainNav ul li:last-child a{margin-right: 0px}
	#mainNav ul li.about a{margin-right:345px}
#slider {
	width: 790px;
	margin: 0px auto;
	display: block;
	float: none;
	margin-top: 0;}
	#sliderWrap {
		box-shadow:0px 1px 9px -4px #1B1B1B
}
#content {
	width: 100%;
	}
#widgetLeft {
	width: 144px;
	color: #212d7d;
	font-size: 10px;
	padding-bottom: 6px;
	border-bottom: 3px solid #cb9d35}
	.box {
		background: #67999a;
		}
	.box strong{font-size:12px}
	.headOffice {
		padding: 30px 4px 6px 4px;
		border-bottom: 3px solid #002727}
	.phone {
		padding: 6px 4px 30px 4px;
		}	
#contentWrapper {
	width: 692px;
	margin: 0 10px;
	min-height: 320px}
	.colomnItem {
		float:left;
		display: inline;
		width: 156px;
		margin-right: 22px;
		text-align: center;
		margin-bottom: 10px}
		.colomnItem:nth-child(4){	margin-right: 0px;}
		.colomnItem:nth-child(8){	margin-right: 0px;}
	.colomnItem img{
		border: 6px solid #003596;
		-webkit-filter: grayscale(1);
		  -webkit-filter: grayscale(100%);
		  filter: grayscale(100%);
		  filter: url(#greyscale);
		  filter: gray;}
		.colomnItem img:hover{
			filter:none;
			 -webkit-filter: grayscale(0);}
	.colomnItem h3{
		margin:0px;
		font-size: 11px;}
	.colomnItem h3 a{
		color: #ffffff}
#innerContent {
	width: 636px;
	padding: 20px;
	margin: 0 10px;
	min-height: 320px;
	background: #ffffff;
	border: 8px solid #326897;
	border-radius: 8px;
	color: #000}	
	.milestone ul{margin:0;padding:0}
	.milestone ul li{margin:0 0 8px 16px;padding:0}
	.milestone ul li span{color: #ec1825}
	.milestone p {display: none;visibility: hidden}
	.milestone div.mileSub {
		padding-left: 18px;
		background: url(images/li-milestone.png) no-repeat left 4px;
		}
	ul.manpower {margin:0;padding:0;font-size: 10px;width: 216px;}
	ul.manpower li{margin:0 0 0 15px;padding:0}
	ul.manpower li.total{
		border-bottom: 1px solid #000;
		padding-bottom: 4px;
		margin-bottom: 4px;}
.page-id-94 #innerContent,.page-id-98 #innerContent,.page-id-65 #innerContent{
	background: #ffffff url(images/mapbg.jpg) no-repeat center 18px}
	.centermap {
		font-size: 25px;
		text-decoration: underline !important;
		text-align: center;
		margin-top: 100px;
		color: blue !important;
		display: block;
		font-family: arial;
		}
	#innerContent a{
		text-decoration: underline !important;
		color: blue !important;}
	#innerContent a:hover{
		color: black !important;
		text-decoration: none !important;	}
#innerContent h1 {
	font-family: arial;
	font-size: 28px;
	color: #999999;
	font-weight: normal;
	line-height: 28px;
	margin-bottom: 4px;}	
#innerContent h2 {
	font-family: arial;
	font-size: 18px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
	font-style: italic;
	margin: 0 0 14px 0;}	
	.col3 {
		float: left;
		display: inline;
		width: 206px;
		margin-right: 8px;}
		.col3:last-child{margin-right: 0}
		.branchItem {
			margin-bottom: 12px;}
.page-id-7 #innerContent {
	font-family: arial;
	font-size: 13px}
.contactLeft {
	float:left;
	display: inline;
	width: 278px;
	font-size: 16px}
.contactRight{
	float:right;
	display: inline;
	width: 358px}
	.contactRight img.contactImg{width: 358px !important;height: auto}
#widgetRight {
	width: 144px;
	padding-bottom: 6px;
	border-bottom: 3px solid #cb9d35;
	color: #000
	}
	.hubungi {
		padding: 16px 4px 8px 30px;
		border-bottom: 3px solid #002727}
	.download {
		padding: 6px 4px 8px 30px;}
	#widgetRight h3 {
		margin:0 0 8px 0;
		}
#footer {
	background: url(images/bgFooter.png) repeat-x;
	height: 100px;
	width: 100%;
	margin-top: 25px;}
#email {
	margin-left: 30px;
	margin-top: 14px;
	width: 194px;}
#email h3{
	font-size: 30px;
	font-family: arial;
	margin: 0;
	margin-bottom: -6px;
	line-height: 30px;
	color: #00329d;}
#email a{color: #ffffff}
#iso {}

.footerMenu {
	position: relative;
	
	float:left;
	left: 0;
	display: inline;
	width: 100%;
	text-align: center}
.footerMenu ul{
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	width: 548px;
	margin-left: 40px;}
.footerMenu ul li{
	display: inline-block;
	list-style: none;
	padding: 0 4px;
	font-size: 11px;
	font-family: arial;}
#innerContent .footerMenu ul li a{text-decoration: none !impor}
.prod50 {
	float:left;
	display: inline;
	width: 50%;}
.productLink  {
	position: absolute;
	bottom: 12px;
	left: 0;
	width: 100%;}
.productLink ul{
	margin: 0px auto;
	padding: 0;
	text-align: center;
	display: block;
	width: auto;
	float: none;}
.productLink ul li{
	list-style: none;
	display: inline-block;
	padding: 0 2px;}
#innerContent  .productLink ul li a{
	display: inline-block;
	padding: 4px;
	background: #9ccace;
	color: #000000 !important;
	text-decoration: none !important}