/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	background:#fff;
	text-align:center;
	}
#header-wrap
	{
	width:750px;
	margin:0 auto;
	text-align:left;
	}
#header{width:750px;}
#header h1
	{
	font:14px "Arial Black", Arial, sans-serif;
	color:#3F6EB2;
	margin:10px 0 0 0;
	}
#header h1 span
	{
	font:9px Arial, Helvetica, sans-serif;
	color:#3F6EB2;
	}
#header h2
	{
	font:12px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#000;
	}
#header .lft
	{
	float:left; 
	margin:3px 10px 0 0;
	}
#banner
	{
	width:750px;
	height:250px;
	background:url(../images/banner.jpg) 150px 0 no-repeat;
	}
#banner h1
	{
	width:388px;
	height:103px;
	background:url(../images/title.jpg) no-repeat;
	float:left;
	margin:55px 0 0 35px;
	}
#banner h1 span{display:none;}
#content-wrap
	{
	width:100%;
	background:url(../images/content-bg.jpg) repeat-x;
	}
#nav
	{
	width:750px;
	height:27px;
	margin:0 auto;
	text-align:left;
	}
#nav p
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;	
	padding:5px 0 0 0;
	}
#nav p a
	{
	color:#fff;
	text-decoration:none;
	margin:0 9px;
	}
#nav p a:hover{color:#c5c5c5;}
#content
	{
	width:740px;
	margin:34px auto 0 auto;
	text-align:left;
	padding:0 5px;
	}
#left
	{
	width:190px;
	float:left;
	}
#left p
	{
	font:11px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#000;
	}
#left img{border:none;}
#left img.sirim{margin:0 0 10px 10px;}
#left img.sgs{margin:0 10px 30px 10px;}
#left ul{list-style:none;}
#left ul li
	{
	font:13px Arial, Helvetica, sans-serif;
	color:#3F6EB2;
	height:30px;
	}
#left ul li a
	{
	color:#3F6EB2;
	text-decoration:none;	
	background:url(../images/bullet.gif) left no-repeat;
	padding:0 0 0 15px;
	}
#left ul li a:hover{text-decoration:underline;}
#contact
	{
	width:153px;
	border-top:1px solid #C6CFC3;
	border-bottom:1px solid #C6CFC3;
	background:url(../images/contact-bg.jpg) repeat-x;
	padding:0 10px;
	margin:15px 0 30px 0;
	}
#contact h1
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:10px 0 17px 0;
	}
#contact p
	{
	font:11px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 10px 0;
	}
#contact p a
	{
	font:11px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#3F6EB2;
	text-decoration:none;
	}
#contact p a:hover{text-decoration:underline;}
#right
	{
	width:540px;
	float:right;
	}
#right h1
	{
	font:18px Arial, Helvetica, sans-serif;
	color:#000;
	clear:both;
	margin:0 0 5px 0;
	}
#right h2
	{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	clear:both;
	margin:0 0 10px 0;
	}
#right h3
	{
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	clear:both;
	margin:0 0 10px 0;
	}
#right p
	{
	font:13px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#000;
	line-height:20px;
	margin:0 0 20px 0;
	}
#right p a
	{
	font:13px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#3F6EB2;
	text-decoration:none;
	background:url(../images/bullet.gif) right no-repeat;
	padding:0 10px 0 0;	
	margin:0 0 0 105px;
	}
#right p.fancy
	{
	font:bold 13px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#719f1b;
	margin:0 0 10px 30px;
	}
#right p.fancy strong
	{
	font:bold 22px Georgia, "Times New Roman", Times, serif;
	color:#3F6EB2;
	}
#right p a:hover{text-decoration:underline;}
#right p a.mail
	{
	background:none;
	padding:0;
	margin:0;
	}
#right img {
    border: 1px solid #868585;
    margin: 10px auto 20px auto; /* Centers image horizontally */
    display: block; /* Ensures margin auto works */
    }
      
#right img.imr
	{
	float:right;
	margin:0 0 0 10px;
	border:1px solid #868585;
	}
#right img.chart{margin:10px 0 0 10px;}
#right img.pic{margin:0 10px 10px 0;}
#right img.client{margin:0; border:none;}
#right img.first
	{
	float:left;
	margin:10px 5px 0 5px;
	}
#right img.second{margin:10px 0 0 0;}
#right table
	{
	font:13px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 20px 0;
	clear:both;
	}
#right table tbody a
	{
	color:#3F6EB2;
	text-decoration:none;
	}
#right table tbody a:hover{text-decoration:underline;}
#right table tbody tr.odd{background:#EAE8E8;}
#right table tbody tr.even{background:#DEDCDC;}
#right ul
	{
	list-style:none;
	margin:10px 0 15px 15px;
	}
#right ul li
	{
	font:13px "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#000;
	background:url(../images/bullet2.gif) left no-repeat;
	padding:0 0 0 15px;
	line-height:20px;
	}
#right ul li a
	{
	color:#3F6EB2;
	text-decoration:none;	
	}
#right ul li a:hover{text-decoration:underline;}
#right .w120{width:180px;}
#footer-wrap
	{
	width:100%;
	height:65px;
	background:#080a47 url(../images/footer-bg.jpg) repeat-x;
	margin:30px 0 0 0;
	}
#footer
	{
	width:750px;
	margin:0 auto;
	text-align:center;
	padding:15px 0 0 0;
	}
#footer p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	}
#footer p a
	{
	color:#fff;
	text-decoration:none;
	}
#footer p a:hover{color:#c5c5c5;}

.container {
    width: 400px; /* Adjust container width */
    padding: 1rem;
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    margin: 1rem auto; /* Centers the container itself */
    text-align: center; /* Ensures text inside is centered */
  }
  
.container h1, 
.container h2 {
margin-bottom: 0.5rem;
}

.container img {
display: block; /* Removes extra space below inline images */
margin: 0 auto; /* Centers the image horizontally */
width: 100%;
max-width: 300px;
height: auto;
border-radius: 8px;
}