/* @override http://cmp:8003/media/css/style.css */

/* CSS Document */

body{
	padding:0;
	margin:0;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: Arial, 'HelveticaNeueLTStd45Light', sans-serif;
	font-size-adjust: 0.52;
	background: url(/media/img/img_head.png) repeat-x left top;
	text-align: center;
	#margin-left:0px;
	margin-left:0px\0/;
	position:absolute;
}
div, h1, h2, h3,h4,h5,h6,h7,h8, p, form, label, input, textarea, img, span{
	margin:0; padding:0; font-weight:normal;
}

h1, h2, h3,h4 {
/*	text-transform:uppercase;*/
}

#right1 .profile-in .text-address p {
	color:#316EBE;
	font-size:1.2em;
	line-height:1.4em;
	padding-top:5px;
	padding-right:20px;
}

#header h2 {
	font-size:11px;
	font-family:"Arial";
	color:#FFF;}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
/*	font-size:0;*/
/*	display: block;*/
}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

a, a:hover, a:active, a:focus, a:visited{
	text-decoration:none
}

.iso h3, .iso h4, .long-content h3 {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: Arial, 'HelveticaNeueLTStd75Bold', sans-serif;
	font-size-adjust: 0.52;
}

p {
	color:#666666;
}

.portfolio-in h2, .home .right1-in p, #right1 .profile-in h2, #right1 .coating-care h2 {
	font-size:1.1em;
	color:#316EBE;
	line-height:1.3em;
}
 #right1 .coating-care h2 {
	font-size:1.2em;
}
#right1 .profile-in h2 {
	font-size:1.3em;
	line-height:1.2em;
	padding-top:10px;
	padding-right:20px;
	letter-spacing:0.5px
}

div.photo-profileleft
{
float:left;
}

div.photo-profileright
{
float:right;
}

/*------------------------------------------------dari screen.css--------------------*/
#right1 .iso {
	padding-right: 140px;
}
#right1 .profile-in .text-philosophi {
	width:500px;
}
#right1 .profile-in .text-philosophi p {
	font-size: 1.2em;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right:45px;
	color:#316EBE;
}
#right1 .profile-in .text-address {
	padding-top: 20px;
}
#header .header-text {
	padding-top: 10px;
	padding-left:98px;
}
#header .header-text h2 {
	text-transform:uppercase;
}
div.up-text {
	font-size: .9em;
	color: #666;
	width: 950px;
	margin: 0 auto;
	height: 30px;
	padding-left: 0px;
}
div.up-text a {
	text-decoration:none;
/*	margin-left:10px;
	margin-bottom:10px;*/
}
div.up-text a:hover {
	text-decoration:underline;
}
.garis{
	width:100%;
	height:1px;
	background-color:#000;
	margin-bottom:0px;
}

/*------------------------------------------------header--------------------*/
#wrapper {
	text-align: left;
	margin: 0 0 0 32px;
	padding: 0 50px;
	width:961px;
}
#headerMain{
	width:100%;
}
#header{
	width: 100%;
	height:115px;
	position:relative;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-left: 10px;
}

/*------------------------------------------------header--------------------*/
#logo .toplogo{
	margin-top: 20px;
}

/*------------------------------------------------bodyTop--------------------*/

#bodyTopMain{
	width:100%;
	color:#316EBE;
	padding:6px 0 0 0;
	font-family: "Arial";
	font-size: 14px;
	padding-left: 93px;
	
}
#bodyTop{
	width:930px;
	margin:0 auto;
	height: 468px;
	#padding-left: 0px;
	/*background:url(images/body_top_bg2.gif) 0 0 repeat-y;*/
}
.garis{
	width:100%;
	height:1px;
	background-color: #8B8B9F;
	margin-bottom:0px;
	margin-top: 8px;
}
/*------------------------------------------------left1--------------------*/
#left1{
	width:280px;
	margin-left: -10px;
	padding:0 0 35px 0;
	float:left;
	#margin-left:-220px;
	margin-left:0px\0/;
}

#left1 ul.leftmenu{
	width:106px;
	list-style-type:none;
	display:block;
	font-size:0px;
	float:left;
	}

#left1 ul.leftmenu li a{
	font-family:"Arial Cn", "Arial Lt", "Arial Med", "Arial Med Cn";
	font-size:14px;
	color:#666;
	text-decoration:none;
	line-height:15px;
	width:95px;
	height:15px;
	padding-left:11px;
	display:block;
	background:url(images/arrow.gif) no-repeat 0 13px;
	text-transform: uppercase;
	}
#left1 ul.leftmenu li a:hover{
	background-color:#FFF6D1;
	}


#left1 ul li a {
	color: #aaa;
}

#left1 ul li a:hover {
	color: #316EBE;
}





/*------------------------------------------------left1--------------------*/
#slide-footer-left .left {
	float: left;
	padding-left: 127px;
}

#slide-footer-left .left a:link {
	color: white;
	 text-decoration: none;
}

#slide-footer-left .left a:hover {
	color: white;
	 text-decoration: none;
}

#slide-footer-left .left a:active {
	color: white;
	text-decoration: none;
}

#slide-footer-left .left a:visited {
	color: white;
	text-decoration: none;
}


/*------------------------------------------------left2--------------------*/
/*

#left1 ul.leftmenu2{
	width:106px;
	list-style-type:none;
	display:block;
	font-size:0px;
	float:left;
	}

#left1 ul.leftmenu2 li a{
	font-family:"Arial Cn", "Arial Lt", "Arial Med", "Arial Med Cn";
	font-size:11px;
	color:#666;
	text-decoration:none;
	line-height:15px;
	width:95px;
	height:15px;
	padding-left:11px;
	margin-bottom:5px;
	display:block;
	background:url(images/arrow.gif) no-repeat 0 13px;
	}
#left1 ul.leftmenu2 li a:hover{
	background-color:#FFF6D1;
	}

*/
/*------------------------------------------------left2--------------------*/

.quote1{
	width:220px;
	float:left;
	padding-top:20px;}

/*------------------------------------------------right1--------------------*/
#right1{
	width:622px;
	float:right;

}

.right1-in .text-content{
	font-family: "Arial";
	/*font-size:18px;*/
	font-size:1.1em;
	padding-right:70px;
	line-height:1.3em;
	}

#right1 .profile-in h2 {
	padding-top:.5em;
}

#right1 .profile-in p.first {
	padding-top:1em;
}

#right1 .profile-in p {
	font-size: 0.9em;
	color:#666;
	padding-bottom:1em;
}


.photo {
float: left;
display: inline;
width: 200px;
overflow: auto;
position: relative;
padding-top: 10px;
}

.home .photo img {
	width:150px;
	height:100px;}

.photo h2 {
	font-family:"Arial";
	font-size:1.3em;
	color:#316EBE;
	padding-top:3px;
	}

.photo h3 {
	font-family:"Arial";
	font-size:0.9em;
	color:#666;
	padding-top:2px;
	line-height:1.2em;
	text-transform:uppercase;
	}

.photo p {
	font-size:0.8em;
	padding-right:30px;
	padding-top:2px;
	line-height:1.2em;
	}



.photo a img {
margin: 0 auto 1px auto;
}

.photo a:hover img {
}

.photo p, .photo p a, .photo p a:visited {
margin-left: 1px;
}

.long-content h2{
	font-size:.8em;
	color:#316EBE;
	text-transform:capitalize;
	}

.long-content h3{
	font-size:.85em;
	color:#316EBE;
	padding-top:5px;
	}

.long-content h4{
	font-size:0.95em;
	color:#316EBE;
	text-transform:capitalize;
	line-height:1.3em;
	}

.long-content p, .coating-care p {
	font-size:0.95em;
	color:#666;
	padding-bottom:1.5em;
	line-height:1.3em;
	padding-right:9em;
}

.iso h3 {
	font-size:0.95em;
	color:#316EBE;
	text-transform:uppercase;
}
.iso h4 {
	font-size:0.95em;
	color:#666;
	text-transform:capitalize;
}
.home .right1-in p {
	padding-right:1.5em;
}

.iso p {
	font-size:.9em;
	padding-bottom:1em;
	line-height:1.3em;
	padding-right:1.5em;
}



.iso .no-bottom {
	padding-bottom:0.2em;
	padding-top:0.2em;}


.iso ul li{
	font-size:0.9em;
	color:#666;
}
.portfolio-in h2 {
	text-transform:none;
	padding-bottom:.2em;
	padding-top:0;
}

p.keterangan {
	font-size:0.7em;
	color:#333;
	padding-top:5px;
	padding-bottom:10px;}

.foto-portfolio {
	width:522px;
	float:right;
	padding-right:7.2em;
}

.foto-portfolio ul li {
	padding-top:5px;
	padding-right:5px;
	position:absolute;}
	
	
.coating-care h2 {
	width:550px;
	padding-top:0.2em;
	padding-bottom:1.2em;
}
.coating-care h3 {
	font-size:0.95em;
	line-height:1.3em;
}

table.coating p.isi-box {
	font-size:0.95em;
	color:#666;
	vertical-align:top;
	padding-right:4em;}

table.coating img, table, tr, td {
	padding:0 0 5px 0;
	margin:0;
	border:0;
	cellspacing:0;}

table.coating table, tr, td{
	border:none;}
/*------------------------------------------------right1--------------------*/

/*------------------------------------------------bodyTop--------------------*/

/*------------------------------------------------bodyBot--------------------*/
#bodyBotMain{
	width:100%;
	background:url(images/body_bot_bg.gif) 0 0 repeat-x #fff;
	color:#000;
	padding:0 0 15px 0;
}
#bodyBot{
	width:930px;
	margin:0 auto;
}


/*------------------------------------------------right2--------------------*/
#right2{
	width:212px;
	float:right;
	padding:36px 0 0 0;
}
#right2 h2{
	background:url(images/support_div.gif) 0 0 repeat-x;
	width:202px;
	height:22px;
	display:block;
	margin:0 0 16px 0;
}
#right2 h2 span{
	font:bold 24px/17px Georgia;/*, "Times New Roman", Times, serif;*/
	color:#202020;
	background-color:#fff;
	width:106px;
}
#right2 ul{
	width:212px;
	padding:0;
	margin:0;
	font-size:0;
}
#right2 ul li{
	padding:0;
	margin:0;
	height:24px;
}
#right2 ul li a{
	display:block;
	background:url(images/arrow_green2.gif) 0 7px no-repeat #fff;
	padding:0 0 0 15px;
	font:normal 12px/24px;/* Verdana, Arial, Helvetica, sans-serif;*/
	color:#202020;
	margin:0;
	text-decoration:none;
}
#right2 ul li a:hover{
	color:#202020;
	background-color:#FFFAE8;
}

/*------------------------------------------------right2--------------------*/

/*------------------------------------------------bodyBot--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	font-family: "Arial";
	padding-left: 95px;

}
#footer{
	width:930px;
	height:20px;
	margin:0 auto;
	position:relative;
}

#copyright{
	float:left;
	position:relative;
	/*font:Helvetica Neue LT Std;*/
	/*font-size: 9px;*/
	text-transform:uppercase;
	color:#999;
}

#footer-links{
	float:right;
	position:relative;
	/*font-size:10px;*/
}
#footer p, #footer a {
	font-size:11px;
}

#footer-links ul li{
	float:left;
	padding-right: 15px;
	/*font-size:10px;*/
	text-transform:uppercase;
	}
#footer-links ul li a {
	text-decoration:none;
}
#footer-links ul li a{
	color:#666}

#footer-links ul{height:20px; position:relative; margin:0 auto;}
#footer-links li{float:left; }
#footer-links ul li a:hover{
	text-decoration:underline;
	color:#cc3333;
}
/*------------------------------------------------footer--------------------*/



/*--- PORTFOLIO */
.galleria_container .galleria_wrapper {
	padding-bottom:10px;
}
.galleria_container span.caption {
	font-size:.8em;
	color:#4E4E4E;
}
.galleria_container span.caption strong {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: Arial, 'HelveticaNeueLTStd75Bold', sans-serif;
	font-size-adjust: 0.52;
}

/* Scroller */
/* Styles specific to this particular page */
.scroll-pane,
.scroll-pane-arrows
{
	width: 100%;
	height: 420px;
	overflow: auto;
}

/* --- Revision 5 --- */
/* #1 */
.home .right1-in p {
	line-height:1.5em;
}
/* #2 */
.photo h3 {
	line-height:1.4em;
}
/* #3 */
.photo p {
	line-height:1.4em;
}
/* #5 */
div.up-text a {
	font-size:0.9em;
}
/* #6 */
#bodyTop {
	height:540px;
}
/* #7 */
div.up-text {
	height:35px;
}
/* #10 */
#right1 .profile-in h2  {
	padding-top:0.8em;
}
#right1 .profile-in p.first{
	padding-top:0.8em;
}
/* #11 */
#right1 .profile-in p {
	line-height:1.5em;
}
/* #12 see #6 */
/* #13 see #7 */
/* #14 */
.long-content h3 {
	padding-top:0.5em;
	padding-bottom:0.5em;
}
/* #15 see #7 */
/* #16 */
/* TODO---> */
/* #17 */
/* TODO---> */
/* #18 see #7 */
/* #19 see layout/slide view file line 116 */
/* #20 see media/js/slideshow.js line 13-31 and 136 and page/intro view line 17 */
/*
#left1 ul li.sf-breadcrumb>a,#left1 ul li.current a {
	color:#316ebe;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	background: url(/media/img/menu_hover.jpg) no-repeat left 3px;
	outline:		0;
	color: #316EBE;
}
.sf-menu li.open:hover, .sf-menu li.open,
#left1 ul li.open {
	background: url(/media/img/menu_hover_open.jpg) no-repeat left 3px;
}
.sf-menu li.open:hover, .sf-menu li.open, #left1 ul li.open {
	margin-left:-10px;
	padding-left:5px;
}
.sf-menu li.open:hover li, .sf-menu li.open li, #left1 ul li.open li {
	margin-left:0px;
	padding-left:0px;
}
#left1 .sf-menu li:hover>a {
	color: #C02017;
}
#left1 .sf-menu ul.subsub li, li.current a,
#left1 .sf-menu ul.subsub li a:hover {
	background: url(/media/img/menu_hover.jpg) no-repeat left 3px;
	outline:		0;
}
/*#left1 .sf-menu li:hover a, #left1 .sf-menu li.sfHover a {
	color:#AB1D14;
}*/


div.up-text ul.breadcrumb {
	margin-left:10px;
	float:left;
	margin-bottom:3px;
	font-size:11px;
}
ul.breadcrumb li {
	float:left;
	margin:0;padding:0;
	padding-right:3px;
}

ul.breadcrumb li span, ul.breadcrumb li a {
	font-size:.9em;
	color:#316EBE;
}
ul.breadcrumb li a:hover {
	color:#cc3333;
	text-decoration:underline;
}
ul.breadcrumb li span {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: Arial ,'HelveticaNeueLTStd75Bold', sans-serif;
	font-size-adjust: 0.52;
	color:#aaa;
}

/* elixersoft DropDown Menu */
#left1 ul.elixersoft {position:absolute; font-size:12px;}
#left1 li {position:absolute; width:100px;background:"transparent";}
#left1 li a {background-image:none;}
#left1 li.menu1 {top:0px;}
#left1 li.menu2 {top:20px;}
#left1 li.menu3 {top:40px;}
#left1 li.menu4 {top:60px;}
#left1 li.menu5 {top:80px;}
#left1 li.menu6 {top:100px;}
#left1 li.menu7 {top:120px;}
#left1 li.current {list-style-position: outside; list-style-image: url(/media/img/menu_hover.jpg);}
#left1 li.current a {color:#316EBE;}
#left1 ul ul {position:absolute; top:0px; left:100px; width:160px; list-style:none;visibility:hidden}
#left1 ul.menu10{top:0px;}
#left1 ul.menu20{top:-20px;}
#left1 ul.menu30{top:-40px;}
#left1 ul.menu40{top:-60px;}
#left1 ul.menu50{top:-80px;}
#left1 ul.menu60{top:-100px;}
#left1 ul.menu70{top:-120px;}
#left1 ul ul.current {visibility:visible;}
#left1 li li.menu11 {position:absolute; top: 0px;}
#left1 li li.menu12 {position:absolute; top: 20px;}
#left1 li li.menu13 {position:absolute; top: 40px;}
#left1 li li.menu14 {position:absolute; top: 60px;}
#left1 li li.menu14x {position:absolute; top: 72px;}
#left1 li li.menu15 {position:absolute; top: 80px;}
#left1 li li.menu16 {position:absolute; top: 100px;}
#left1 li li.menu17 {position:absolute; top: 120px;}
#left1 li li.menu18 {position:absolute; top: 140px;}
#left1 li li.menu19 {position:absolute; top: 160px;}
#left1 li li.menu110 {position:absolute; top: 180px;}
#left1 li li.menu111 {position:absolute; top: 200px;}
#left1 li li.menu11 a {color:#aaa;}
#left1 li li.menu12 a {color:#aaa;}
#left1 li li.menu13 a {color:#aaa;}
#left1 li li.menu14 a {color:#aaa;}
#left1 li li.menu14x a {color:#aaa;}
#left1 li li.menu15 a {color:#aaa;}
#left1 li li.menu16 a {color:#aaa;}
#left1 li li.menu17 a {color:#aaa;}
#left1 li li.menu18 a {color:#aaa;}
#left1 li li.menu19 a {color:#aaa;}
#left1 li li.menu110 a {color:#aaa;}
#left1 li li.menu111 a {color:#aaa;}
#left1 li li.current a {color:#316EBE; list-style-position: outside; list-style-image: url(/media/img/menu_hover.jpg);}
#left1 li li ul {visibility:hidden}
#left1 li li li a {color:#aaa !important}
#left1 li li li.current a {color:#316EBE !important}
#left1 li li li.menu311 {top:112px; left:-110px; width: 120px; border-top: solid 1px; font-size:10px; padding-top:10px;}
#left1 li li li.menu312 {top:92px; left:-110px; width: 120px; border-top: solid 1px; font-size:10px; padding-top:10px;}
#left1 li li li.menu313 {top:72px; left:-110px; width: 120px; border-top: solid 1px; font-size:10px; padding-top:10px;}
#left1 li li li.menu314 {top:40px; left:-110px; width: 120px; border-top: solid 1px; font-size:10px; padding-top:10px;}