html, body {
	background: #000 url(/codenavia/portals/msc/images/img/business/bg.jpg) repeat-x top;
	font-family: Geneva, Arial, Verdana, sans-serif; 
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
}

img {border: 0;}

a {color: #0066cc; text-decoration: underline;}

a:hover {color: #2692ff;}

.spacer {height: 1px; font-size: 1px; line-height: 1px; clear: both;}

#wrapper {
	width: 1024px;
	background: #fff;
	margin: 0 auto;
}


/* -------------------------------Header items--------------------------------- */

#header {
	width: 980px;
	height: 130px;
	margin: 0 22px;
}

.logo {
	width: 185px;
	height: 100px;
	float: left;
}

.login {
	width: 755px;
	float: right;
	color: #999;	
	text-align: right;
	padding: 12px 40px 0 0;
}

.welcome {color: #333;}

#maintab {
	width: 405px; height: 39px; float: right; padding: 33px 36px 0 0;
}

.home-btn, .rakyat-btn, .government-btn, .business-btn {
	float: left;
}
	
.home-btn a {
	display: block;
	margin: 0; padding:0;
	width: 69px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-home.jpg) no-repeat 0 0;
}
.home-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-home-hover.jpg) no-repeat 0 0;
}

.government-btn a {
	display: block;
	margin: 0; padding:0;
	width: 110px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-gov-hover.jpg) no-repeat 0 0;
}
.government-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-gov.jpg) no-repeat 0 0;
}

.business-btn a {
	display: block;
	margin: 0; padding:0;
	width: 110px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/business/btn-business.jpg) no-repeat 0 0;
}
.business-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/business/btn-business.jpg) no-repeat 0 0;
}

.rakyat-btn a {
	display: block;
	margin: 0; padding:0;
	width: 116px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-rakyat-hover.jpg) no-repeat 0 0;
}
.rakyat-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-rakyat.jpg) no-repeat 0 0;
}

#topheader {
	background: url(/codenavia/portals/msc/images/img/business/header-bg.jpg) no-repeat;
	height: 100px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#topheader {background: url(/codenavia/portals/msc/images/img/rakyat/header-bg.jpg) no-repeat; height: 89px;}
}

#searchbar {
	background: url(/codenavia/portals/msc/images/_0001_blue.png) no-repeat;
	padding-left: 790px; height:30px;
}

#search_box { display:none;
    width: 190px;
    height: 29px;
    background: url(/codenavia/portals/msc/images/img/government/searchbox.jpg);
}

#search_box #s {
    float: right;
	font-size: 10px;
	color: #999;
    padding: 0;
    margin: 8px 6px 0 0;
    border: 0;
    width: 156px;
    background: none;
}

#search_box #go {
    float: left;
    margin: 6px 0 0 6px;
}


/* -------------------------------Main menu items--------------------------------- */

#menubar {
	background: url(/codenavia/portals/msc/images/img/business/menubar-bg.jpg) no-repeat;
	height: 29px;
	padding-left: 18px;
	*position: relative;
	*z-index: 3;
}

.menu ul li a.About_MSC_Malaysia {width:143px;}

.menu ul li a.MSC_Malaysia_Status {width:145px;}

.menu ul li a.Grow_Your_Business {width:145px;}

.menu ul li a.Invest_in_MSC_Malaysia {width:157px;}

.menu ul li a.Media_&_Resources {width:147px;}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
.menu ul li a.About_MSC_Malaysia {width:149px;}
.menu ul li a.MSC_Malaysia_Status {width:150px;}
.menu ul li a.Grow_Your_Business {width:147px;}
.menu ul li a.Invest_in_MSC_Malaysia {width:164px;}
.menu ul li a.Media_&_Resources {width:150px;}
}


.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

.menu ul li {
	float:left;
	position:relative;
}

/* this is main menu at idle */
.menu ul li a, .menu ul li a:visited {
	display:block; 
	background: url(/codenavia/portals/msc/images/img/business/menu-arrow.png) no-repeat top right;
	*background: url(/codenavia/portals/msc/images/img/business/menu-arrow.jpg) no-repeat top right;	
	text-decoration:none;
	font-weight: bold;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333; 
	height: 21px;
	padding-top:8px;
}

.menu ul li ul {
	display: none;
	z-index:2; /* putting z-index here will help drop down to appear above container */
}

/* this is the table inside the drop down menu */
table {
	margin:0px; 
	border-collapse:collapse;
	border-bottom-color:#000;
	padding:0px;
}

/* specific to non IE browsers */

/* this is main menu when rollover */
.menu ul li:hover a,
.menu ul li a:hover {
	background: #e2e2e2 url(/codenavia/portals/msc/images/img/business/menu-arrow.png) no-repeat top right;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:11px;
	padding-top:8px;
}

/*this the position of the drop down box */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	/*top:86px;*/
	top:29px;
	padding-top:0px;
	left:0; 
	width:85px;
}

* html .menu ul li a:hover ul {
	margin-top:0;
	marg\in-top:0px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}

/*this is the sub menu items*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; 
	background:#eaeaea; 
	color:#333; 
	height:auto; 
	padding:5px 10px; 
	width:140px;
	text-align: left;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
}

/*this one changes the color of the opener of sub submenu
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
	background:#eaeaea;
	color:#8b1219;
	height:auto;
	line-height:10px; 
	padding:5px 10px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}
*/
/*this one changes the color of the submenu*/
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:#dedede; 
	color:#333;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
}

/* this the position of the sub sub menu box */
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	visibility:visible; 
	/*left:161px;*/ 
	left:160px;
	top:0px;
	width:160px;
}

/*this is when sub sub menu is on idle */
.menu ul li:hover ul li ul li a {
	background:#eaeaea; 
	color:#333; 
	width:160px;
	line-height:11px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}

.menu ul li a:hover ul li a:hover ul li a,
.menu ul li a:visited ul li a:visited ul li a:visited {
	background:#eaeaea; 
	color:#333; 
	width:160px;
	line-height:11px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}


/*this is when u roll over sub sub menu*/
.menu ul li a:hover ul li a:hover ul li a:hover {
	background:#dedede; 
	color:#FFFFFF; 
	line-height:11px;
	width:160px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
	left:-450px;
}

.menu table table {
	margin:-1px;
	border-collapse:collapse;
	padding-top:0px;
}


/* -------------------------------Main Content items--------------------------------- */

#flash {margin: 0 22px;}

#main {
	height: 650px;
	margin: 0 22px;
}

#main01 {
	width: 680px;
	float: left;
}

#main02 {
	width: 299px;
	float: right;
}

.font9 {
	font-size: 9px;
}

.font10 {
	font-size: 10px;
}

.title16 {
	font-size: 15px;
	font-weight: bold;
}

.smalltitle {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

a.smalltitle {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.smalltitle:hover {color: #666;}

.smalltext {font-size: 9px;}


/* -------------------------------Apply MSC Status items--------------------------------- */

.apply {
	width: 354px;
	height: 327px;
	background: url(/codenavia/portals/msc/images/img/business/apply-bg.jpg) repeat-x top;
	float: left; 
	padding: 18px 13px 0 13px;
}

.applystatus {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/business/applystatus-bg.png) no-repeat;
	padding: 16px 20px 0 95px;
}

.statusco {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/business/statusco-bg.png) no-repeat;
	padding: 16px 20px 0 95px;
}

.statuscheck {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/business/statuscheck-bg.png) no-repeat;
	padding: 16px 20px 0 95px;
}


/* -------------------------------Latest News items--------------------------------- */

.latestnews {
	width: 654px; 
	height: 210px;
	clear: both;
	padding: 10px 13px 10px 13px;
}

.news {
	width: 190px;
	float: left;
	padding: 24px 28px 0 0;
}

.newsdate {
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
}

p.newstitle {
	margin: 0;
	padding: 0;
}

.newstitle a {
	color: #000;
	text-decoration: none;
}	

.newstitle a:hover {text-decoration: underline;}

p.newscontent {
	margin-top: 12px;
	font-size: 10px;
	color: #666;
}

.allnews {
	background: url(/codenavia/portals/msc/images/img/business/arrow.gif) no-repeat top right;
	width: 600px; 
	padding: 20px 15px 0 0; 
	float: left; 
	text-align: right;
}


/* -------------------------------Why MSC items--------------------------------- */

.whymsc {
	width: 273px; 
	float: right; 	
	padding: 18px 13px 0 13px;
}

.whymsc p {
	color: #666;
	line-height: 14px; 
	margin: 8px 0 6px 0;
}


/* -------------------------------MSC links items--------------------------------- */

.link {
	background: url(/codenavia/portals/msc/images/img/business/link-bg.jpg) repeat-x top; 
	padding: 18px 10px 20px 13px;
}

ul.pencil {
	margin: 0;
	padding: 16px 0 0 20px;
}

.pencil li {
	background: url(/codenavia/portals/msc/images/img/business/smallpencil.png) no-repeat left;
	padding: 2px 0 2px 25px;
	font-size: 12px;
	list-style: none;
	display: block;
	margin: 0;
}

.pencil a {
	font-weight: bold;
	color: #0066cc;
	text-decoration: none;
}

.pencil a:hover {color: #2692ff;}


/* -------------------------------Showcase & Programme items--------------------------------- */

.showcase {
	background: url(/codenavia/portals/msc/images/img/business/showcase-bg.jpg) no-repeat; 
	padding: 16px 16px 0 88px; 
	height: 78px;
}

.programme {
	background: url(/codenavia/portals/msc/images/img/business/programme-bg.jpg) no-repeat; 
	padding: 14px 16px 0 88px; 
	height: 78px;
}

.cybercity {
	background: url(/codenavia/portals/msc/images/img/business/cybercity-bg.jpg) no-repeat; 
	padding: 14px 16px 0 88px; 
	height: 78px;
}


.showcase p, .programme p, .applystatus p, .statusco p, .statuscheck p, .cybercity p  {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}
	
	
/* -------------------------------Related links items--------------------------------- */

.relatedlinks {
	background: url(/codenavia/portals/msc/images/img/business/relatedlinks.jpg) no-repeat; 
	padding: 25px 0 10px 65px; 
	height: 90px;
}

.relatedlinks form {
	margin: 0;
	padding: 12px 0 0 10px;
}

.relatedtxtlinks {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}


/* -------------------------------Footer items--------------------------------- */

#footer {
	background: url(/codenavia/portals/msc/images/img/footer-bg.gif) no-repeat top;
	height: 51px;
	margin: 0 22px;
	padding-bottom: 25px;
}

.footer-txt {
	width: 330px;
	padding: 26px 0 0 80px;
	color: #666;	
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.footer-txt {width: 360px;}
}

.footer-txt a {
	color: #666;
	text-decoration: none;
}

.footer-txt a:hover {text-decoration: underline;}

.footer-txt-small {
	font-size: 10px;
	color: #b9b7b7;
}

.bigfooter{
margin-top:-25px;
margin-left:22px;
}