body{
	background-color:#FFF;
	font-family: 'dinregular';
	margin:0 auto;
}
.clean{
	clear:both;
}
@font-face {
    font-family: 'dinregular';
    src: url('../fonts/din-webfont.eot');
    src: url('../fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-webfont.woff') format('woff'),
         url('../fonts/din-webfont.ttf') format('truetype'),
         url('../fonts/din-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#language{
	float:left;
	margin-left:25px;
}
nav{
	width:960px;
}

nav ul{
	margin-top:30px;
	float:right;
	padding-bottom:10px;
	margin-right:28px;
}
nav ul li{
	float:left;
	margin-left:10px;
}
nav ul li a{
        font-family: 'dinregular';
	font-size:14px;
	color:#4484b7;
	text-transform:uppercase;
}
nav ul li a:hover{
	
}
nav ul li.active a{
	font-weight:bold;
}
header{
	width:960px;
}

#logo{
	float:left;
	margin-left:20px;
	margin-top:15px;
	width:200px;
}
#banner-utama{
	float:right;
}

#wrapper{
	width:960px;
	margin-top:1px;
}
#content-home-left{
	margin-left:31px;
	width:575px;
	float:left;
}

#content-home-left .interior-home{
	margin-bottom:1px;	
}

#content-home-right{
	float:left;
	width:330px;
}

#content-home-right .ket-home{
        font-family: 'dinregular';
	border-bottom:1px solid #8896a0;
	border-right:1px solid #8896a0;
	padding-left:30px;
	padding-top:50px;
	padding-bottom:63px;
	padding-right:35px;
}

#content-home-right .ket-home h2{
	font-family: 'dinregular';
	font-size:13px;
	color:#727e86;
	font-weight:bold;
	
}
#content-home-right .home-welcome {
        font-family: 'dinregular';
	font-size:12px;
	color:#727e86;
	text-align:justify;
}

#content-home-right .plus{
	float:left;
	width:330px;
	margin-top:100px;
}
#content-home-right .plus h2{
        font-family: 'dinregular';
	float:right;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	margin-right:-20px;
	color:#00579d;
}
#content-home-right .plus img{
	float:right;
}


footer{
	background-image:url(../resource/bgfooter.png);
	background-repeat:repeat-x;
	padding-top:25px;
	width:100%;
	height:130px;
	display:inline-block;

}
#wrapper-footer{
	width:960px;
}
footer nav{
	width:960px;
	margin-top:-40px;
	
}
footer nav ul{
	float:left;
	margin-left:20px;
}
footer nav ul li{
	float:left;
}
footer nav ul li a{
        font-family: 'dinregular';
	font-size:10px;
	color:#fff;
}
footer nav ul li.active a{
	font-weight:bold;
	
}

#navsocial{
	margin-top:0px;
	margin-left:30px;
	float:left;
}

#navsocial ul li{
	float:left;
	margin-left:2px;
}
#navsocial ul li:first-child{
	margin-left:0px;
	margin-top:20px;
}
#navsocial ul li span{
        font-family: 'dinregular';
	font-size:12px;
	color:#5e9cd0;
	font-weight:bold;	
}

#copyright{
	float:right;
	margin-top:20px;
}
#copyright p{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#b5cbdd;
	font-size:9px;
	line-height:15px;
}
#copyright p span{
	color:#6f98b9;
}
#copyright p a{
	color:#9ba9b5;
}
#copyright p  a:hover{
	color:#FF0;
}

#content-about-bos{
	width:960px;
}

#content-about-bos .content-about-image-bos{
	margin-left:30px;
	float:left;
}

#content-about-bos .content-about-image-bos-content img{
	margin-top:50px;
	padding-left:70px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	
}
#content-about-bos .content-about-image-bos-content p{
        font-family: 'dinregular';
	font-size:14px;
	color:#666;
	text-align:center;
}

#content-about-team{
	width:960px;
}

#content-about-team .kotak{
	float:left;
	margin-left:30px;
	width:270px;
	padding-right:5px;
	margin-buttom:20px;
}
#content-about-team .kotak img{
	float:right;
	margin-top:195px;
}
#content-about-team{
	float:left;
	margin-left:4px;
	
}
/* tambahan */
#content-about-team .team{
	float:left;
	width:608px;
	margin-left:305px;
	margin-top:-372px;
	overflow: hidden;
}
#content-about-team .team ul{
	margin-top:1px;
	
}
#content-about-team .team ul li{
	float:left;
	width:151px;
	margin-right:1px;
}
#content-about-team .team ul li img{
	margin-left:-2px;
}
#content-about-team .plus{
        font-family: 'dinregular';
	margin-top:50px;
	float:right;
	margin-right:35px;
	
}
#content-about-team .plus h2{
        font-family: 'dinregular';
	float:right;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	margin-right:-20px;
	color:#00579d;
}
#content-about-team .plus img{
	float:right;
}

#ket-our-services{
	/*margin-left:30px;*/
	width:580px;
	margin-top:30px;
	float:right;
	margin-right:30px;
}
#ket-our-services h2{
        font-family: 'dinregular';
	font-size:12px;
	font-weight:bold;
	color:#666;
	
}
#ket-our-services p{
        font-family: 'dinregular';
	font-size:12px;
	color:#666;
	margin-bottom:30px;
	text-align:justify;
}

#slider-our-services {
	float:left;
	width:300px;
	margin-left:25px;
	margin-top:30px;

}
#slider-our-services img{
	width:100%;
	margin-bottom:1px;
}


#plus .plus{
	margin-top:50px;
	float:right;
	margin-right:35px;
	margin-buttom:20px;
        width: 200px;
	
}
#plus .plus h2{
        font-family: 'dinregular';
	float:left;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	margin-left: 20px;
	color:#00579d;
        margin-top: 10px;
       
}
#plus .plus img{
       margin-top: -20px; 
	float:right;
}

#contact-us-left{
	float:right;
	margin-left:50px;
	width:500px;
	margin-top:30px;
}
#form{
	width:500px;
}
#form ul li{
	float:left;
	margin-left:10px;
}

#form textarea{
	width:250px;
	height:100px;
	
	min-width:250px;
	max-width:250px;
	min-height:100px;
	max-height:100px;
	
	border:1px solid #bcbcbc;
	background-color:#f1f0ec;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#form input[type=text],#form input[type=email]{
	margin-bottom:5px;
	width:180px;
	padding:6px;
	border:1px solid #bcbcbc;
	background-color:#f1f0ec;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#form input[type=submit]{
	cursor:pointer;
	border:1px #4b75ab;
	padding:7px;
	width:194px;
	background-color:#4b75ab;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#alamat{
    font-family: 'dinregular';
	float:left;
	width:250px;
	margin-top:31px;
	margin-left:40px;

}
#alamat .contact-us-head{
    	text-align:left;
	font-size:12px;
	color:#666;
}

#content-our-work-1{
	margin-left:40px;
	width:220px;
	float:left;
}

#content-our-work-1 ul li{
	margin:0px;
	padding:0px;
}
#content-our-work-1 ul li img{
	margin-bottom:-2px;
	width:100%;
}
#content-our-work-2{
	float:left;
	width:220px;
}

#content-our-work-2 ul{
	margin-left:1px;
}
#content-our-work-2 ul li{
	margin:0px;
	padding:0px;
}

#content-our-work-2 ul li img{
	margin-bottom:-2px;
	width:100%;
}


#content-our-work-3{
	float:left;
	width:200px;
}
#content-our-work-3 ul{
	margin-left:1px;
}
#content-our-work-3 ul li{
	margin:0px;
	padding:0px;
}

#content-our-work-3 ul li img{
	margin-bottom:-2px;
	width:100%;
}


#content-our-work-4{
	float:left;
	width:260px;
}
#content-our-work-4 ul{
	margin-left:1px;
}
#content-our-work-4 ul li{
	margin:0px;
	padding:0px;
}

#content-our-work-4 ul li img{
	margin-bottom:-2px;
	width:100%;
}

#ket-our-work{
	float:left;
	width:600px;
	margin-left:30px;
	margin-top:20px;
}
#ket-our-work h2{
        font-family: 'dinregular';
	font-size:12px;
	color:#666;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:30px;
}
#ket-our-work p{
        font-family: 'dinregular';
	font-size:12px;
	color:#666;
	margin-bottom:10px;
	text-align:justify;
}

/* === hover about ==*/

.da-thumbs li {
	float: left;
	background: #fff;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	font-size:10px;
	display: block;
	
	margin: 130px 10px 10px 10px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom:10px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

.da-thumbs li a div {
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.da-thumbs li a:hover div{
	left: 0px;
}

.da-thumbs1 li {
	float: left;
	background: #fff;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs1 li a,
.da-thumbs1 li a img {
	display: block;
	position: relative;
}
.da-thumbs1 li a {
	overflow: hidden;
}
.da-thumbs1 li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs1 li a div span {
	font-size:10px;
	display: block;
	margin-top:70px;
	margin-left:190px;
	margin-right:20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom:10px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

.da-thumbs1 li a div {
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.da-thumbs1 li a:hover div{
	left: 0px;
}


#content-home-right .slogan{
	float:left;
	margin-top:20px;
	margin-left:170px;
}
#content-home-right .slogan h2{
        font-family: 'dinregular';
	color:#0b448d;
	font-weight:bold;
	font-size:12px;
}

#content-home-right .logo-icon{
	margin-top:10px;
	float:left;
}
#content-home-right .logo-icon ul{
	margin-top:-30px;
	padding-left:24px;
}
#content-home-right .logo-icon ul li{
	float:left;
	margin-left:5px;
}


#content-carrer-left{
	width:200px;
	float:left;
	margin-left:30px;
	margin-top:20px;
}
#content-career-right{
	margin-top:20px;
	float:left;
	width:700px;
	font-family:'dinregular';
	
}
#content-career-right h2{
	margin-left:-5px;
	font-size:12px;
	color:#666;
	font-weight:bold;
	line-height:17px;
}
#content-career-right .link{
	list-style:circle;
	margin-left:10px;
}
#content-career-right .link li{
	
}
#content-career-right .link li a{
        font-size:12px;
	color:#666;
	line-height:17px;
}
#content-career-right .link li a:hover{
        text-decoration: underline;
}
#content-career-right p{
	margin-left:10px;
	font-size:12px;
	color:#666;
	line-height:17px;
}
#content-career-right .contact-career{
	font-weight:bold;
}

/* ==== Image ourwork paging */

#wrapper-image{
	margin-left:30px;
	width:900px;
}

#wrapper-image .box{
	float:left;
	margin-left:1px;
	margin-bottom:1px;
}
#wrapper-image .box img{
	width:224px;
	height:204px;	
}

#paging{
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

#paging .page{
    
}
.more{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}
.more a{
    float: left;
    color:#666;
    font-family:'dinregular';
    font-size: 14px;
    margin-left: 5px;
  
}
.more a:hover{
    text-decoration: underline;
}


.more img{
    float: left;
    margin-left: 3px;
    margin-top: -3px;
}

#dashbord{
    width: 960px;
    
}
#dashbord p{
    font-family:'dinregular';
    float: right;
    padding-top: 10px;
    margin-right: 30px;
    font-size:12px;
    margin-bottom: -20px;
}
#dashbord a{
    font-weight: bold;
    color: #0b448d;
}