@charset "utf-8";
/* 
	web: http://www.irda.com.my
	author: ikram hakimi @ optima
*/

@import "header.css";
@import "news.css";
@import "search.css";
@import "bullet.css";

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	background: #fff;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	}

p {
	font-size: 11px;
	margin: 0 0 18px 0;
		
	padding: 0;
	display: inline-block;
	line-height: 18px;
	}

#splash img {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	}

/*#container img {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	}*/

a, a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #00a7e5;
	text-decoration: none;
	}

a img, a:visited img {
	text-decoration: none;
	border:none;
	display: inline-block;
	}
	
a:hover img{
	border:none;
	display: inline-block;
	}

h3 {
	color:#333;
	margin: 20px 0 5px 0;
	}


span.select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	color: #636363;
	
  position: absolute;
  width: 40px; 
  height: 20px;
  padding: 4px 100px 0 8px;
  color: #111;
  background: url(../images/select.png) left no-repeat;
  overflow: hidden;
  cursor: pointer;
	}
	
	#content_search {
		width: 690px;
		height: 40px;
		
		padding: 2px 0 0 0px;
		margin: 10px 20px 0px 0;
		float: right;
		background: #e3e3e3 url(../images/search_bullet2.png) left no-repeat;
		display: inline-block;
		}
	
	#content_search #lefts{
		font-size:14px;
		font-weight: bold;
		width:270px;
		height: 20px;
		
		margin: 5px 0 0 0;
		padding: 3px 0 0 20px !important;
		
		display: inline;
		float: left;
		text-align: right;
		}
		
	#content_search #rights{
		width:250px;
		height: 20px;
		
		padding: 0;
		margin: 5px 0 0 0;
		
		display: inline;
		float: left;
		}
		
	#searchinput{
			width: 195px;
			height: 16px;
			padding: 2px 25px 2px 5px;
			margin: 2px 0 0 10px;
			
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 11px;
			color: #959595;
			
			border: 1px solid #ccc;
			background: url(../images/search.png) right no-repeat #fff;
			}
	

#wrap {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	}
	
#container {
	width: 960px;
	padding: 0 0 0 0;
	margin: 0px;
	float: left;
	background: url(../images/contentbg.png) center repeat-y;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	}
	
	#container #breadcrumbs {
		width: 690px;
		line-height: 30px;
		padding: 0px;
		margin: 4px 0 0 20px;
		float: left;
		
		border-bottom: 1px solid #e7e7e7;
		}
		
	#container #breadcrumbs a {
		color: #666;
		text-decoration: none;
		font-weight: normal;
		}
	
	#container h1{
			color: #333;
			padding: 0;
			margin: 10px 0;
			font-size:24px !important;
			line-height: 35px;
			font-weight: 100;
			display: inline-block;
			}

	
	#container #splash {
		width: 960px;
		padding: 0px;
		margin: 0px;
		float: left;
		}
	
	#container #text {
		width: 958px;
		
		float: right;
		
		border-top: none;
		border-right: 1px solid #ccc;
		border-left: none;
		}
	
			
			#container #cube_1 {
				background: url(../images/cube-btm2.png) left top no-repeat;
				
				width: 960px;
				float:left;
				padding: 0 0 0 0 !important;
				margin: 0px !important;
				display: inline-block;
				z-index: 900;
				}
			
			#container #cube_2 {				
				background: url(../images/cube-btm-green.png) left top no-repeat;
				
				width: 959px;
				float:left;
				padding: 0 0 0 1px !important;
				margin: 0px !important;
				}
			
			#container #cube_3 {				
				background: url(../images/cube-btm-purple.png) left top no-repeat;
				
				width: 959px;
				float:left;
				padding: 0 0 0 1px !important;
				margin: 0px !important;
				}
	
	#container #text #center {
	width: 660px;
	float: left;
	padding: 0;
	margin: 20px 0 0 79px;
	background:#fff;
	border: none;
		}
	
	#container #text #thumbs20090 {
		width: 880px;
		float: left;
		padding: 0 0 10px 0 !important;
		margin: 20px 0 0 75px;
		border: none;
		display: inline;
		}
			
			#container #text #thumbs20090 #story{
				width: 200px;
				float: left;
				padding: 0;
				margin: 0 19px 0 0;
				border: none;
				}
			
			#container #text #thumbs20090 h2 {
				font-size: 14px;
				color: #000;
				margin: 0 0 10px 0;
				padding: 0;

				display: inline-block;
				line-height: 18px;
				}
#container #text #thumbs20090 h2.invest {
	color: #074986;
}
#container #text #thumbs20090 h2.work {
	color: #0097b6;
}
#container #text #thumbs20090 h2.live {
	color: #778e1d;
}
#container #text #thumbs20090 h2.play {
	color: #4b0055;
}


		
	#container #text #divider {
		width: 860px;
		height: 1px;
		margin: 10px 20px 10px 0;
		padding: 0;
		float: right;
		display: inline;
		}
		
	#container #text #thumbs6060 {
		width: 880px;
		float: left;
		padding: 0 0 0 0;
		margin: 10px 0px 0 75px;
		background:#fff;
		display: inline-block;
		}
			
			#container #text #thumbs6060 #story{
				width: 200px;
				height: 80px;
				float: left;
				padding: 0 0 0 0;
				margin: 0 20px 10px 0;
				border: none;
				
				display: inline;
				}
			
			#container #text #thumbs6060 h1 {
				font-size: 11px !important;
				color: #000;
				margin: 0 0 5px 0;
				padding: 0;
				
				width: 130px;
				float: left;
				display: inline-block;
				line-height: 15px;
				}
			
			#container #text #thumbs6060 h2 {
				font-size: 14px;
				color: #333;
				margin: 0 0 20px 0;
				padding: 0;
				width: 100%;
				display: inline-block;
				line-height: 18px;
				}
				
			#container #text #thumbs6060 img {
				padding: 0;
				margin: 0 10px 0 0;
				float: left;
				}
	
	#container #text #center h1 {
		font-size: 12px !important;
		line-height: 16px !important;
		color: #000;
		margin: 0px 0 5px 0;
		}
		
		#container #text #center h1 a, #container #text #center h1 a:visited {
			color: #333;
			font-weight: bold;
			text-decoration: none;
			}
			
		#container #text #center h1 a:hover {
			color: #00a7e5;
			text-decoration: none;
			}
	
	#container #text #center h4 {
		font-size: 11px;
		color: #a1a1a1;
		margin: 0 0 5px 0;
		}
		
		#container #text #center #head{
			width: 650px;
			height: 25px;
			float: left;
			padding: 0;
			margin: 0 0 10px 0;
			border: none;
			}
		
		#container #text #center #story{
			width: 210px;
			float: left;
			padding: 0;
			margin: 0 10px 0 0;
			border: none;
			}
	
	#container #text #right {
	width: 200px;
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
	color: #000;
		}
		
		#container #text #right #top{
			width: 100px;
			float: left;
			padding: 0;
			margin: 0 0 0 0;
			}
	
	#sidebar {
		width: 230px;
		float: left;
		padding: 0;
		margin: 0;
		background: url(../images/1px_ccc.jpg) left repeat-y;
		}
		
		#sidebar h1{
			color: #fff;
			padding: 85px 0 10px 0;
			margin: 0 0 0 10px;
			font-size:16px !important;
			font-weight: 100;
			line-height: 20px;
			display: inline-block;
			}
		
			#sidebar #head1 {
				width: 230px;
				float: left;
				padding: 0 0 20px 0;
				margin: 0;
				
				background: #074986;
				}
		
			#sidebar #head1 ul{
				background: #074986;
				padding: 0;
				margin:0;
				list-style-type: none;
				}
			
			#sidebar #head1 ul li a, #sidebar #head1 ul li a:visited{
				width: 190px;
				/*background: url(../images/ul_li.png) 0 8px no-repeat #074986;*/
				text-decoration:none;
				padding: 5px 0 5px 40px;
				margin: 0;
				border: none;
				color: #FFFFFF;
				}
				
			#sidebar #head1 ul li a:hover{
				border:none;
				text-decoration:none;
				background: url(../images/ul_li.png) 0 8px no-repeat #396D9D;
				}
				
		#sidebar #head2 {
			width: 230px;
			float: left;
			padding: 0 0 20px 0;
			margin: 0;
			
			background: #0097B6;
			}
	
		#sidebar #head2 ul{
			background: #0097B6;
			padding: 0;
			margin:0;
			list-style-type: none;
			}
		
		#sidebar #head2 ul li a, #sidebar #head2 ul li a:visited{
			width: 190px;
			background: url(../images/ul_li.png) left no-repeat #0097B6;
			text-decoration:none;
			padding: 5px 0 5px 40px;
			margin: 0;
			border: none;
			color: #FFFFFF;
			}
			
		#sidebar #head2 ul li a:hover{
			border:none;
			text-decoration:none;
			background: url(../images/ul_li.png) left no-repeat #34ACC5;
			}
			
			#sidebar #head3 {
				width: 230px;
				float: left;
				padding: 0 0 20px 0;
				margin: 0;
				
				background: #C3CF21;
				}
		
			#sidebar #head3 ul{
				/* background: #C3CF21; */
				padding: 0;
				margin:0;
				list-style-type: none;
				}
			
			#sidebar #head3 ul li a, #sidebar #head3 ul li a:visited{
				width: 190px;
				/* background: url(../images/ul_li.png) left no-repeat #C3CF21; */
				text-decoration:none;
				padding: 5px 0 5px 40px;
				margin: 0;
				border: none;
				color: #FFFFFF;
				}
				
			#sidebar #head3 ul li a:hover{
				border:none;
				text-decoration:none;
				background: url(../images/ul_li.png) left no-repeat #CED94E;
				}
				
				#sidebar #head4 {
					width: 230px;
					float: left;
					padding: 0 0 20px 0;
					margin: 0;
					
					background: #4B0055;
					}
			
				#sidebar #head4 ul{
					background: #4B0055;
					padding: 0;
					margin:0;
					list-style-type: none;
					}
				
				#sidebar #head4 ul li a, #sidebar #head4 ul li a:visited{
					width: 190px;
					background: url(../images/ul_li.png) left no-repeat #4B0055;
					text-decoration:none;
					padding: 5px 0 5px 40px;
					margin: 0;
					border: none;
					color: #FFFFFF;
					}
					
				#sidebar #head4 ul li a:hover{
					border:none;
					text-decoration:none;
					background: url(../images/ul_li.png) left no-repeat #703378;
					}
		
		#newsletter {
			width: 229px;
			height: 100px;
			margin: 0;
			padding: 43px 0 0 0;
			float: left;
			display: inline-block;
			
			background: url(../images/newsletter_bg.png) right no-repeat;
			}
			
			#inputnewsletter{
				width: 120px;
				height: 16px;
				padding: 2px 5px 2px 5px;
				margin: 2px 0 0 20px;
				
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 11px;
				color: #959595;
				
				border: 1px solid #ccc;
				}
			
			#btnnewsletter {
				width: 65px;
				height: 20px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #fff;
				
				text-transform: uppercase;
				float: left;
				letter-spacing: 1px;
				padding: 2px 5px 2px 5px;
				margin: 4px 0 0 21px;
				background: #0065a4;
				
				border: none !important;
				}
			
		/*images link purpose*/
		#sidebar a , #sidebar a:visited {
			float: right;
			border-bottom: 1px solid #ccc;
			}
			
		#sidebar a:hover img {
			}
	
	/*content purpose*/
	#container #content_right {
	width: 730px;
	float: right;
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 20px;
		}
		
					#container #content_right #contexts {
						width: 690px;
						float: right;
						margin: 0 20px 0 0;
						text-align: left;
						display: inline;
						}
					
					#container #content_right #contexts_tab {
						width: 710px;
						float: right;
						margin: 0;
						padding: 0;
						text-align: left;
						display: inline;
						}
		
		#container #content_right  #content6060 {
	border-top: 1px solid #ccc;
	width: 690px;
	height:auto;
	float: left;
	padding: 20px 0 0 0;
	margin: 20px 0 0 20px;
	display: inline;
			}
			
			#container #content_right  #content6060 #story{
				width: 200px;
				float: left;
				padding: 0 0 0 0;
				margin: 0 20px 20px 0;
				border: none;
				display: inline-block;
				}
			
			#container #content_right  #content6060 h1 {
				font-size: 11px !important;
				color: #000;
				margin: 0 0 5px 0;
				padding: 0;
				line-height: 15px;
				}
			
			#container #content_right  #content6060 h2 {
				font-size: 14px;
				color: #636363;
				font-weight: bold;
				margin: 0 0 20px 0;
				padding: 0;
				line-height: 18px;
				width: 100%;
				display: inline-block;
				}
				
			#container #content_right  #content6060 img {
				padding: 0;
				margin: 0 10px 0 0;
				float: left;
				}
				
			#container #content_right  #content6060 h1 {
				font-size: 12px;
				color: #636363;
				margin: 1px 0;
				}
				
				#container #content_right  #content6060 h1 a, #container #content_right  #content6060 h1 a:visited {
					color: #333;
					font-weight: bold;
					text-decoration: none;
					}
					
				#container #content_right  #content6060 h1 a:hover {
					color: #00a7e5;
					text-decoration: none;
					}
			
			
			
			
			
			
			
			#content_zone {
				border-top: 1px dashed #ccc;
				width: 690px;
				float: left;
				padding: 20px 0 0 0;
				margin: 20px 0 0 0 !important;
				display: inline;
				
				}
			
			#content_zone div{
				width: 690px;
				float: left;
				padding: 0 0 0 0;
				margin: 0 0 10px 0 !important;
				display: inline;
				}
			
			#content_zone h2 {
				font-size: 14px;
				color: #636363;
				font-weight: bold;
				margin: 0 0 20px 0;
				padding: 0;
				line-height: 18px;
				width: 100%;
				display: inline-block;
				}
				
			#content_zone ul {
				width: 130px;
				float: left;
				padding: 0;
				margin: 0 8px 0 0;
				display: inline-block;
				
				color: #0065a4;
				list-style-type: none;
				
				}
			
			#content_zone ul .head  {
				font-size:12px;
				font-weight: bold;
				padding: 0 0 0 13px;
				margin: 0 0 5px 0 !important;
				line-height:16px;
				color: #0065a4;
				
				background: url(../images/bullet_zones.png) 0 2px no-repeat;
				}
				
			#content_zone ul .head a, #content_zone ul .head a:active{
				line-height:16px;
				color: #0065a4;
				}
			
			#content_zone ul .head a:hover {
				color: #111;
				}
			#content_zone ul li {
				margin: 0 0 0 12px;
				padding: 0 0 0 13px;
				line-height: 18px;
				background:url(../images/bullet_invest.gif) 2px 7px no-repeat;
				}
			
				#content_zone ul li a, #content_zone ul li a:visited {
					color: #0065a4;
					text-decoration: none;
					font-weight: normal !important;
					}
					
				#content_zone ul li a:hover {
					color: #111;
					text-decoration: none;
					font-weight: normal !important;
					}
	
	
	
	
	
	
	
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	width: 960px;
	padding: 10px 0 00;
	margin: 0px auto 10px auto !important;
	line-height:60px;
	height:60px !important;
	display: block;
	}

#footer table {
	float: left;
	}

#left_foot {
	width: 790px;
	padding: 0;
	margin: 4px 0 0 0;
	line-height: 40px;
	float: left;
	display: inline-block;
	}

	/*#left_foot img {
		float: left;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 17px 0 0 0;
		display: inline;
		}*/

#right_foot {
	width: 160px;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 44px;
	float: right;
	text-align: right;
	display: inline-block;
	}
	
	#right_foot img {
		padding: 0 !important;
		margin: 2px 0 10px !important;
		float: right;
		text-align: right;
		display: inline-block;
		}








/*extras */
a.b, a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #00a7e5;
	text-decoration: none;
	}
	
a.link_web:link{ color:#0065a4;}	
a.link_web:Active{ color:#0065a4;}	
a.link_web:visited{ color:#0065a4;}	
a.link_web:hover{ color:#0065a4; text-decoration:underline;}

a.link_an:link{ color:#0065a4; font-size:12px;}	
a.link_an:Active{ color:#0065a4; font-size:12px;}	
a.link_an:visited{ color:#0065a4; font-size:12px;}	
a.link_an:hover{ color:#0065a4; text-decoration:underline; font-size:12px;}		

.header_in { color:#074986; font-size:14px; font-weight:bold;}
.header_in2 { color:#FFFFFF; font-size:14px; font-weight:bold;}
.header_work{ color:#0097b6; font-size:14px; font-weight:bold;}
.header_live { color:#b8d30c; font-size:14px; font-weight:bold;}
.header_play { color:#4b0055; font-size:14px; font-weight:bold;}
.pdf_txt{ font-size:10px; color:#999999;}