@charset "UTF-8";
/*======= 
Author: Sean Sean Tan (sean@motionworks.com.my)
======*/

/*=== reset ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border: none;
	outline: 0;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font: 62.5% arial, helveitca, sans-serif; line-height: 1; text-align: center; margin: 0 auto; background: #000 url(../images/iibbg.jpg) center top no-repeat; color: #000; }
a, a:visited { text-decoration: none; color: #666; }
#wrapper { width: 920px; text-align: left; margin: 0 auto; }
#header { width: 920px; height: 53px; background: transparent url(../images/header.png) left top no-repeat; opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); color: #fff; position: relative; z-index: 500; }
#content { width: 920px; height: 580px; opacity: .95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); color: #fff; position: relative; z-index: 50; }
#footer { width: 920px; background: url(../images/iskandar-investment.png) right 75px no-repeat; min-height: 135px; height: auto !important; height: 135px; }

/*=== header ===*/
#header h1 { float: left; text-indent: -9999px; font-size: .1em; line-height: .1em; font-weight: normal; margin: 3px 0 0 0; width: 170px; }
#header h1 a, #header h1 a:visited { display: block; width: 170px; height: 50px; margin: 0 0 0 10px; }

	/*=== oh-so-super sexy navigation ===*/

#header ul { float: left; width: auto; position: absolute; margin: 0 0 0 177px; padding: 0; font-size: 1.155em; top: 16px; left: auto; font-weight: bold; color: #fff; }
#header ul li { float: left; height: 20px; line-height: 20px; padding: 0 5px; }
#header ul ul li.last { background: url(../images/dropdown-bottom.png) left bottom no-repeat; padding: 0 0 13px 0; }
#header ul ul li { display: block; width: 198px; height: auto; position: relative; line-height: 1em; padding: 0; }
#header a, #header a:visited { display: block; float: left; height: 100%; text-decoration: none; color: #fff; background: none; padding: 0 15px 7px 15px; font-size: .96em; text-align: center; margin: 0 auto; }
#header ul ul a, #header ul ul a:visited { display: block; background: #000; color: #fff; width: 178px; height: 100%; line-height: 1.12em; padding: 5px 10px; font-size: .96em; font-weight: normal; margin: 0 0 0 6px; text-align: left; vertical-align: middle; margin: 0 auto; }
	#header ul ul a img, #header ul ul a:visited img { float: left; margin: 0 5px 0 0; }
#header ul table ul a, #header ul table ul a:visited { width: 188px;  w\idth: 168px; }
#header table { position: absolute;  left: 0;  top: 0;  font-size: 1em;  z-index: -1; }
#header ul ul table { lef\t: 2px; }
#header li:hover { position: relative; }
* html #header a:hover { position: relative; }

#header ul a:hover, #header ul :hover > a { color: #f00; text-decoration: none; }
#header ul ul a:hover, #header ul ul :hover > a { font-weight: bold; color: #fff; text-decoration: none; }
#header ul ul { visibility: hidden; position: absolute; height: 0; top: 24px; left: /*.1em*/-30px; width: 198px; margin: 0; padding: 25px 0 0 0; background: #000; background: url(../images/dropdown-cap.png) left top no-repeat; }
	#header ul ul#developers { left: -50px; }
	#header ul ul#media { left: -63px; }

#header ul ul ul { background: none; display: block; position: relative; margin: -49px 0 24px 0; font-size: 12px; left: 0; }
#header ul ul ul a, #header ul ul ul a:visited { padding: 5px 10px 5px 25px; width: 163px; }
#header ul li:hover ul, #main-nav ul a:hover ul { visibility: visible;  height: auto; }

/*=== content ===*/

	/*=== breadcrumb ===*/
	ul#breadcrumb { width: 920px; padding: 5px 0 10px 0; margin: 0 0 0 10px; color: #000; }
	ul#breadcrumb li { display: inline; }
	ul#breadcrumb li a, #breadcrumb ul li a:visited { color: #06f; }
	ul#breadcrumb li a:hover { text-decoration: underline; }
	
	/*=== content holder ===*/
	#content h2 { width: 880px; background: url(../images/content-cap.png) left top no-repeat; color: #f00; font: lighter 22px/1 "trebuchet ms", trebuchet, helvetica, sans-serif; padding: 20px 0 4px 20px; }
	#content #holder { width: 900px; background: url(../images/content-bottom.png) left bottom no-repeat; height: 465px; }
	#holder .board { width: 860px;  padding: 0 20px 10px 20px; background: #000; height: 440px;  }
	#holder .board p { font-size: 12px; line-height: 1.25; padding: 10px 0; width: 500px; text-align: justify; }
	#holder .board p.tabs a, #holder .board p.tabs a { font-weight: lighter; font-size: 16px; letter-spacing: -.01em; color: #06f; text-transform: lowercase; }
	#holder .board p.tabs a:hover { text-decoration: underline; }
	#holder .board p.tabs a:last-child { float: right; margin: -25px 0 0 0; }
	
	#holder ul#business-navi { float: left; color: #fff; font-size: 13px; padding: 0 20px 10px 0; border-right: 1px solid #333; width: 200px; margin: 10px 0 0 0; }
	#holder ul#business-navi li { display: block; text-align: right; margin: 5px 0; }
	#holder ul#business-navi li a, #holder ul#business-navi li a:visited { color: #666; font-size: 11px; }
	#holder ul#business-navi li a:hover { color: #06f; text-decoration: underline; }
	
	#holder .pane { float: left; width: 590px; margin: 15px 0 0 20px; height: 405px; overflow: auto; padding: 0 50px 20px 0; }
	#holder h3 { font-weight: lighter; font-size: 18px; color: #aaa; letter-spacing: -.01em; padding: 10px 0; }
	#holder .pane h3:first-child { padding: 0 0 10px 0; }
	#holder .pane h4 { font-size :12px; padding: 10px 0 0 0; }
	#holder .pane h5 { font-size :11px; margin: 0 0 10px 0; }
	#holder .pane p { font-weight: lighter; letter-spacing: .01em; width: auto; text-align: left; }
	#holder .pane img { float: left; margin: 0 10px 10px 0; }
	#holder .pane p a:hover { text-decoration: underline; color: #666; }
	#holder ul.phase { font-size: 12px; }
	#holder ul.phase li { margin: 3px 0; line-height: 1.22; }

/*=== flash ===*/
#flashcontent{
	position:absolute;
	width: 80%;
	height:580px;
	z-index:1;
	margin: 3px 0 0 0;
}
	
	
/*=== footer ===*/
#footer ul { float: left; padding: 20px 0 0 0; }
#footer ul li { float: left; display: block; padding: 0 15px; }
#footer ul li a, #footer ul li a:visited { color: #fff; font-weight: bold; font-size: 11px; }
#footer ul li a:hover { color: #f00; }

#footer form { float: right; width: 190px; }
#footer form fieldset legend { padding: 0 0 10px 0; color: #fff; }

#footer p, #footer div.v-card { color: #ccc; font-size: 10px; line-height: 2; text-align: center; margin: 0 auto; }
#footer div.v-card { border-top: 2px solid #333; padding: 10px 0 0 0; margin: 10px 0 0 0; }

/*=== clearfix ===*/
.clearfix:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
	}  

.clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }