/* Screen Layout*/

body {padding:0; margin:0; font:76% tahoma, verdana, sans-serif; background:#e0e0e0; color:#303030;}

/* General */

a {text-decoration:none; color:#286ea0;}
a:hover {text-decoration:underline;}
a img {border:0;}

p {margin:0 0 15px 0; line-height:1.5em; text-align:justify;}

h1 {margin:0 0 20px 0; font-size:2.1em; font-weight:normal;}
h2 {margin:0 0 20px 0; font-size:1.6em; font-weight:normal;}
h3 {margin:20px 0 10px 0; font-size:1.4em; font-weight:normal;}


	/* Align */
    
    .align_left {text-align:left;}
    .align_center {text-align:center;}
    .align_right {text-align:right;}
	.align_justify {text-align:justify;}

	/* Width */	
    
    .w100px {width:100px;}
    .w300px {width:300px;}
    .w450px {width:450px;}
    .w100p {width:100%;}
    
    /* Margins */
    .margin-o {margin:0;}
    
	/* Visualisation */
	
    .block {background:#f0f0f0; border:#f0f0f0 1px solid;}    
	.hide {display:none;}	
	.hidden {display:none;}
	.no_border {border:none;}

/* Top side */

#toptabs {margin:10px auto -13px auto; font-size:0.8em; width:760px;}
#toptabs p {text-align:right; color:#808080;}

.toptab {padding:3px 5px 3px 5px; margin:0 0 0 4px; text-decoration:none; background:#f0f0f0 url(../../images/corner2.gif) top right no-repeat; color:#808080; border-bottom:1px solid #e0e0e0;}
.toptab:hover {background:#fafafa url(../../images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}

.activetoptab {padding:3px 5px 3px 5px; margin:0 0 0 4px; color:#505050; text-decoration:none; background:#ffffff url(../../images/corner2.gif) top right no-repeat; border-bottom:1px solid #ffffff;}
.activetoptab:hover {text-decoration:none;}


/* Logo part */

#logo {margin:15px 0 0 0;}
#logo h1 a {color:#303030;}
#logo h1 a:hover {text-decoration:none;}



/* Header */

	/* Navigation tab */

	#navitabs {clear:both;}
	.navitab {padding:4px 8px 4px 8px; margin:0 0 4px 0; text-decoration:none; letter-spacing:1px; background:#e0e0e0 url(../../images/corner.gif) top right no-repeat; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff;}
	.navitab:hover {text-decoration:none; background:#d0d0d0 url(../../images/corner.gif) top right no-repeat;}

	.activenavitab {padding:4px 8px 5px 8px; color:#ffffff; margin:0 0 5px 0; text-decoration:none; background:#505050 url(../../images/corner.gif) top right no-repeat;}
	.activenavitab:hover {text-decoration:none;}


	/* Banner part */

	#desc {height:200px; color:#ffffff; padding:0; background:#505050 url(../../images/front3.jpg) top left no-repeat; clear:both; margin:5px 0 0 0;}
	#desc p {width:290px; font-size:1em; line-height:1.3em; padding:0 0 0 15px;}
	#desc h2 {padding:15px 15px 0 15px; color:#ffffff;}
	#desc a {color:#ffffff; text-decoration:underline;}


#container {margin:0 auto 15px auto; width:730px; padding:5px 20px 20px 20px; background:#ffffff;}
#main {width:510px; float:left; padding:0 15px 0 0; border-right:1px solid #d0d0d0;}


/* Side bar */

#sidebar {width:190px; float:right;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 12px 0;}

.sidelink {text-align:left; display:block; width:170px; background:#f0f0f0 url(../../images/corner.gif) top right no-repeat; padding:3px 4px 3px 8px; margin:5px 10px 5px 0;}
.sidelink:hover {background:#e0e0e0 url(../../images/corner.gif) top right no-repeat; text-decoration:none;}

.sidelink2 {text-align:left; display:block; width:170px; background:#f0f0f0 url(../../images/corner.gif) top right no-repeat;}


/* Pages */

	/* Services */
	
	.dock {position: relative; height: 70px; text-align: center;background-color:#E4EFF4; border:#D5E6EB 1px solid;}
	.dock-container {position: absolute; height: 50px; background: url(images/dock-bg2.gif); padding-left: 20px;}
	
	a.dock-item { display: block; width: 40px;	color:#000; position: absolute;	top: 0px; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif;}

	.dock-item img {border: none; margin: 5px 10px 0px; width: 100%;}
	.dock-item span {display: none; padding-left: 20px;}
	
	.intern_services {}
	
	/* Portofolio */
	
	div.scroller {		
	width: 100%; 
	height: 600px;
	overflow: hidden;
	border:1px dotted #cccccc;
	}
	div.scroller div.section {		
		width:475px;
		height:600px;
		overflow:hidden;
		padding:1em;
		padding-left:1.7em;		
		}
	.portofolio_content img {border:#e0e0e0 5px solid;margin:2px;}

	/* Contact */
        
    .contact_form {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url("../../images/office_mail.png") top right no-repeat;}
    .contact_form_input {padding:2px; border:1px solid #CCCCCC; width:180px;}
    .contact_form_buton {margin-top:10px; display:block; border:1px solid #000000; height:20px; padding:0 2px 2px 2px; line-height:14px; background-color:#EFEFEF;}
	.contact_text textarea {padding:2px; border:1px solid #CCCCCC; height:100px;}
	
	img { border: 1px solid #eee; }
	p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
	p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
	fieldset label { display: block; }
	fieldset div#captchaimage { float: left; margin-right: 15px; cursor:pointer; }
	fieldset input#captcha { width: 25%; border: 1px solid #ddd; padding: 2px; }
	fieldset input#submit { display: block; margin: 2% 0% 0% 0%; }

/* Others */

	/* Search */
	
	.search {float:right;}
	.search input {border:1px solid #D9D9D9;color:#666666;}

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}


.photo {padding:5px; display:block; margin:0 auto 15px auto; background-color:#f0f0f0;}

.error-box { background:#FBE6F2; border:#D893A1 1px solid; padding:10px; }
.message-box { background:#E1EBFF; border:#B1CAFF 1px solid; padding:10px; }
.green-box { background: #D7FFD5; border:#9CD580 1px solid; padding:10px; }


/* Footer */

#footer {clear:both; background:#fafafa; color:#808080; font-size:0.9em; padding:8px 0 8px 0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:center;}
#footer a {color:#808080;}