body {
   background:#626262;
   font:84% Georgia, "Bitstream Charter", serif;
   font-family:Arial, Helvetica, sans-serif;
   color:#fff;
   margin:0; padding:0;
}
.textleft {
	text-align:left;
}
p, p + p {
    margin:0 0 20px;
    text-indent:0;
    text-align:justify;
}
a {
   text-decoration:none;
}
a, a:link, a:hover {
   color:#fff;
}
.gradualshine{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.round_5, .box-date, a.icon_b {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   -khtml-border-radius:5px;
   border-radius:5px;
}
.item-spacer-5 .item {margin: 0 5px 5px 0;}
.item-spacer-10 .item {margin: 0 10px 10px 0;}
.box-5 {padding:5px 5px 0;}
.box-10 {padding:10px 10px 0;}
.box-15 {padding:15px 15px 0;}
.box-20 {padding:20px 20px 0;}
.img-left { float:left; margin: 0 10px 10px 0; }
.img-right { float:right; margin: 0 0 10px 10px; }
.append-bottom-5 {margin-bottom:5px;}
.append-bottom-10 {margin-bottom:10px;}
.dashed-top {border-top:1px dashed #ccc;}
.dashed-bottom {border-bottom:1px dashed #ccc;}
.colborder_20 {padding-right:19px;margin-right:20px;border-right:1px solid #ddd;}
.last {
   margin-right:0 !important;
   padding-right:0 !important;
}
.form-error {
    background:#fbe3e4 !important;color:#8a1f11 !important; border-color:#fbc2c4 !important;
}

.container {
   width:960px;
   margin:0 auto;
   background:#000000;
}
.header {
   height:90px;
   background:#333333;
}
.header .logo {
   margin:25px 10px 0 30px;
}

/* Gallery */
.galleryblock {
   float:right;
   /* background:#000; */
   margin-top:15px;
   margin-right:15px;
   width:450px;
   height:60px;
   z-index:400;
   overflow:hidden;
}
.galleryblock .menu {
	text-align: center;
	float:left;
}
.galleryblock ul {
	list-style:none;
	display: inline-block;
	margin: 0;
	padding: 0;
	/* For IE, the outcast */
	zoom:1;
	*display: inline;
}
.galleryblock li {
	float:left;
	margin-left:10px;
	margin-right:10px;
	word-spacing:3px;
	font-size:11px;
	overflow:hidden; 
}
.galleryblock a {
	text-transform:lowercase;
	color:#a4a8ab;
}
.galleryblock a.active, #top_sub_menu a:hover {
	color:#fff;
}
#mycarousel-prev, #mycarousel-next {
	width:26px;
	float:left;
	margin-top:15px;
}
#mycarousel-prev {
	/*margin-right:7px;*/
}
#mycarousel-next {
	/*margin-left:10px;*/
}

.gallery {list-style: none outside; margin:0; padding:0}
.gallery li {float: left; margin: 0 35px 35px 0px; width:130px; height:130px}
.gallery li.last {
    margin-right:0px;
}

.content {
   position:relative;
   height:460px;
}
.content .title {
   position:absolute;
   bottom:0px;
   width:920px;
   text-align:right;
   font-size:80px;
   line-height:60px;
}

.cp_body {
   height:460px;
}
.cp_body .cp_img {
   float:left;
   width:340px;
   height:400px;
   margin-top:30px;
   margin-left:70px; /* awal 30px */
}
.cp_body .cp_content {
   float:right;
   width:500px;
   height:345px;
   margin-top:30px;
   margin-right:30px;
}
.cp_body .cp_content p {
   width:450px;
}

.client_body {
   height:460px;
}
.client_body .client_img {
   float:left;
   width:510px;
   height:300px;
   margin-top:30px;
   margin-left:30px;
}
.client_body .client_content {
   float:right;
   width:365px;
   height:345px;
   margin-top:30px;
   margin-right:30px;
}
.client_body .client_content p {
   width:315px;
}

.footer {
   padding:25px;
   height:400px;
}
.footer .f_left {
   float:left;
   width:455px;
}
.footer .f_left .widget {
   float:left;
   width:135px;
   height:340px;
   margin-right:25px;
}
.footer .f_left .widget h2 {
   color:#fff;
   font-size:16px;
   margin:20px 0 15px;
}
.footer .f_left .widget .short_content {
   font-size:11px;
   height:85px;
   margin-bottom:15px;
   overflow:hidden;
}
.footer .f_left .more {
   text-align:right;
   font-size:11px;
}
.footer .line {
   border-bottom:1px solid #fff;
}
.footer .f_left .block_address {
   margin-top:20px;
}
.footer .f_left .address, .footer .f_left .socialmedia {
   float:left;
   width:225px;
}
.footer .f_left .block_address table td {
   padding:0;
   background:transparent;
   font-size:11px;
}
.footer .f_left .block_address .socialmedia img {
   margin-bottom:10px;
}

.footer .f_right {
   float:right;
   padding:20px;
   width:370px;
   height:370px;
   background:#242424;
}
.footer .f_right h2 {
   color:#fff;
   font-size:20px;
   margin:0 0 15px;
   text-transform:uppercase;
}
.footer .f_right table td {
   padding:10px 10px 0px 0;
   background:transparent;
   font-size:12px;
   vertical-align:top;
}
.footer .f_right table tr.tr_header td {
   padding-top:15px;
}
.footer .f_right table tr.tr_footer td {
   padding-top:20px;
}
.footer .f_right input[type=text], .footer .f_right textarea {
   width:266px;
   margin:0;
   background:#505050;
   border:1px solid #505050;
   padding:4px 5px;
   resize:none;
   color:#fff;
}
.footer .f_right textarea {
   height:85px;
}
.footer .f_right .button {
   background:#ffffff;
   border:1px solid #fff;
   color:#000;
   padding:3px;
   text-align:center;
   width:130px;
   text-transform:uppercase;
   cursor:pointer;
}