body {
	margin:0 auto;
	padding:0;
}

#main{
    vertical-align: middle;
	height:625px;
}

#header {
	background: url("../images/cny_draftfcb.jpg") center 0 no-repeat;
	width: 100%;
	height:220px;
	position: fixed;

}

#blackline{
	background-color: #000000;
	width:100%;
	height:10px;
	position: fixed;
	margin-top: 220px;
}

#orangeline{
	background-color: #f68121;
	width:100%;
	height:5px;
	position: fixed;
	margin-top: 230px;
}

#content{
	height:340px;
	margin-top: 235px;
	position: absolute;
}

#loader{
	background: url("../images/loader.gif") center 0 no-repeat;
}

.logo {
	width: 235px;
	height: 32px;
	display: block;
	color: #000000;
	margin-left: auto;
	position: relative;
	margin-top: auto;
	margin-right: 10px;
}

.sound {
	width: 32px;
	height: 32px;
	display: block;
	margin-left: auto;
	position: relative;
	margin-top: auto;
	margin-right: 217px;
}


a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0F0F0;
	text-decoration: none;
}
	
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F37021;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F37021;
	text-decoration: none;
	outline: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0F0F0;
	text-decoration: none;
}

a:focus
{
-moz-outline-style: none;
}


.slide_button {
	background: url("../images/navigate.png") no-repeat left 0px;
	text-align: center;
	width: 70%;
	height: 32px;
	padding: 0px 0px 0px 0px;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	margin-left: 20px;
}

.minus_icon {
	background-position: 0px -32px;
}

#footer{
	position: fixed;
	bottom: 0px;
	/*border: 1px solid #000;*/
	width: 100%;
}

.directory-panel{
	background: #000000;
	filter: alpha(opacity=75);
	opacity: .75;
	width: 100%;
	height:350px;
	overflow:auto;
}

#panel{
	background: #000000;
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 32px;
}
/*************BOXES STYLE******************/
.boxes{
	float: left;
	width: 180px;
	height:200px;
	margin-left: 20px;
	margin-top: 10px;
}

.boxes2{
	float: left;
	width: 380px;
	height:200px;
	margin-left: 20px;
	margin-top: 10px;
}

/*#title{
	display: table;
	background-color: #0033FF;
	height: 40px;
	overflow: hidden;
	width: 180px;
}*/

#title{
	/*display: table;*/
	height: 30px;
	width: 180px;
	/*#position: relative; */
	/*overflow: hidden;*/
}
#title2 {
	/*display: table;*/
	height: 30px;
	width: 380px;
}

#whiteline{
	background-color: #ffffff;
	width:100%;
	height:2px;
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
}

#whiteline2{
	background-color: #ffffff;
	width:200px;
	height:2px;
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
}

#namelist{
	width:180px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	margin-right: 20px;
	float: left;
}

#namelist2{
	width:180px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	float: left;
}

#space{
	width:180px;
	height:27px;
}
#alphabet/*#text_management{
	color: #f37021;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	display: table-cell;
	vertical-align: bottom;
}*/

{
	color: #ff4800;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.style1 {
	font-size: 12px
}

.style5 {
	color: #797979
}


/*----------------------------------------*/
/***********01_MANAGEMENT TEAM*************/
/*----------------------------------------*/

#nathan a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/nathan.jpg") 0 0 no-repeat;
		}
	#nathan a:hover {	
		background-position: -170px 0px;
	}

#mengjit a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/mengjit.jpg") 0 0 no-repeat;
		}
	#mengjit a:hover {	
		background-position: -170px 0px;
	}


#laks a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/laks.jpg") 0 0 no-repeat;
		}
	#laks a:hover {	
		background-position: -170px 0px;
	}
	
#lolo a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/lolo.jpg") 0 0 no-repeat;
		}
	#lolo a:hover {	
		background-position: -170px 0px;
	}
	
#stacey a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/stacey.jpg") 0 0 no-repeat;
		}
	#stacey a:hover {	
		background-position: -170px 0px;
	}

#jenny a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/stacey.jpg") 0 0 no-repeat;
		}
	#stacey a:hover {	
		background-position: -170px 0px;
	}

#alec a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/alec.jpg") 0 0 no-repeat;
		}
	#alec a:hover {	
		background-position: -170px 0px;
	}

#noor a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/01_management/noor.jpg") 0 0 no-repeat;
		}
	#noor a:hover {	
		background-position: -170px 0px;
	}

	
/*----------------------------------------*/
/***********02_SECRETARIAL*************/
/*----------------------------------------*/
#maureen a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/02_secretarial/maureen.jpg") 0 0 no-repeat;
		}
	#maureen a:hover {	
		background-position: -170px 0px;
	}


	
/*----------------------------------------*/
/***********03_NEW BIZ*************/
/*----------------------------------------*/
	
#jo a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/03_newbiz/jo.jpg") 0 0 no-repeat;
		}
	#jo a:hover {	
		background-position: -170px 0px;
	}
	
/*----------------------------------------*/
/***********RECEPTIONIST*************/
/*----------------------------------------*/
#liza a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/23_others/liza.jpg") 0 0 no-repeat;
		}
	#liza a:hover {	
		background-position: -170px 0px;
	}
/*----------------------------------------*/
/***********DESPATCH*************/
/*----------------------------------------*/	
#raju a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/23_others/raju.jpg") 0 0 no-repeat;
		}
	#raju a:hover {	
		background-position: -170px 0px;
	}

/*----------------------------------------*/
/***********04_AM-TM*************/
/*----------------------------------------*/
#fel a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/04_am-tm/fel.jpg") 0 0 no-repeat;
		}
	#fel a:hover {	
		background-position: -170px 0px;
	}
	
#imran a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/04_am-tm/imran.jpg") 0 0 no-repeat;
		}
	#imran a:hover {	
		background-position: -170px 0px;
	}
	
#mervin a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/04_am-tm/mervin.jpg") 0 0 no-repeat;
		}
	#mervin a:hover {	
		background-position: -170px 0px;
	}
	        
#ayu a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/04_am-tm/ayu.jpg") 0 0 no-repeat;
		}
	#ayu a:hover {	
		background-position: -270px 0px;
	}
	
#teckseng a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/04_am-tm/teckseng.jpg") 0 0 no-repeat;
		}
	#teckseng a:hover {	
		background-position: -170px 0px;
	}
/*----------------------------------------*/
/***********05_AM-CELCOM*************/
/*----------------------------------------*/
#elsa a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/05_am-celcom/elsa.jpg") 0 0 no-repeat;
		}
	#elsa a:hover {	
		background-position: -170px 0px;
	}

#amos a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/05_am-celcom/amos.jpg") 0 0 no-repeat;
		}
	#amos a:hover {	
		background-position: -170px 0px;
	}
	
#lauren a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/05_am-celcom/lauren.jpg") 0 0 no-repeat;
		}
	#lauren a:hover {	
		background-position: -170px 0px;
	}

#ivan a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/05_am-celcom/ivan.jpg") 0 0 no-repeat;
		}
	#ivan a:hover {	
		background-position: -170px 0px;
	}

#rachel a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/05_am-celcom/rachel.jpg") 0 0 no-repeat;
		}
	#rachel a:hover {	
		background-position: -170px 0px;
	}
	   
#mel a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/05_am-celcom/mel.jpg") 0 0 no-repeat;
		}
	#mel a:hover {	
		background-position: -170px 0px;
	}
	
/*----------------------------------------*/
/***********06_AM-CIMB*************/
/*----------------------------------------*/   
#jac a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/06_am-cimb/jac.jpg") 0 0 no-repeat;
		}
	#jac a:hover {	
		background-position: -170px 0px;
	}
	
#alfie a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/06_am-cimb/alfie.jpg") 0 0 no-repeat;
		}
	#alfie a:hover {	
		background-position: -170px 0px;
	}
	
#nicol a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/06_am-cimb/nicol.jpg") 0 0 no-repeat;
		}
	#nicol a:hover {	
		background-position: -170px 0px;
	}
	
#michelle a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/06_am-cimb/michelle.jpg") 0 0 no-repeat;
		}
	#michelle a:hover {	
		background-position: -170px 0px;
	}

/*----------------------------------------*/
/***********07_AM-TAKAFUL*************/
/*----------------------------------------*/ 
#june a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/07_am-takaful/june.jpg") 0 0 no-repeat;
		}
	#june a:hover {	
		background-position: -170px 0px;
	} 

/*----------------------------------------*/
/***********08_FINANCE*************/
/*----------------------------------------*/   
#surene a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/08_finance/surene.jpg") 0 0 no-repeat;
		}
	#surene a:hover {	
		background-position: -170px 0px;
	} 

#meiyen a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/08_finance/meiyen.jpg") 0 0 no-repeat;
		}
	#meiyen a:hover {	
		background-position: -170px 0px;
	}

#sara a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/08_finance/sara.jpg") 0 0 no-repeat;
		}
	#sara a:hover {	
		background-position: -170px 0px;
	}  

#belinda a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/08_finance/belinda.jpg") 0 0 no-repeat;
		}
	#belinda a:hover {	
		background-position: -170px 0px;
	} 
	
#mandy a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/08_finance/mandy.jpg") 0 0 no-repeat;
		}
	#mandy a:hover {	
		background-position: -170px 0px;
	}    

      
/*----------------------------------------*/
/***********09_IT*************/
/*----------------------------------------*/  
#frankie a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/09_it/frankie.jpg") 0 0 no-repeat;
		}
	#frankie a:hover {	
		background-position: -170px 0px;
	}  
 
#yap a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/09_it/yap.jpg") 0 0 no-repeat;
		}
	#yap a:hover {	
		background-position: -170px 0px;
	} 

/*----------------------------------------*/
/***********10_DIGITAL*************/
/*----------------------------------------*/ 
#ridhuan a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/ridhuan.jpg") 0 0 no-repeat;
		}
	#ridhuan a:hover {	
		background-position: -170px 0px;
	} 

#andrew a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/andrew.jpg") 0 0 no-repeat;
		}
	#andrew a:hover {	
		background-position: -270px 0px;
	}
	
#khylvern a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/khylvern.jpg") 0 0 no-repeat;
		}
	#khylvern a:hover {	
		background-position: -170px 0px;
	}  
	
#weinee a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/weinee.jpg") 0 0 no-repeat;
		}
	#weinee a:hover {	
		background-position: -170px 0px;
	} 

#simon a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/simon.jpg") 0 0 no-repeat;
		}
	#simon a:hover {	
		background-position: -170px 0px;
	}
	 
#alvin a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/alvin.jpg") 0 0 no-repeat;
		}
	#alvin a:hover {	
		background-position: -170px 0px;
	} 

#pohli a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/pohli.jpg") 0 0 no-repeat;
		}
	#pohli a:hover {	
		background-position: -170px 0px;
	} 

#khairul a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/khairul.jpg") 0 0 no-repeat;
		}
	#khairul a:hover {	
		background-position: -170px 0px;
	} 

#travis a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/travis.jpg") 0 0 no-repeat;
		}
	#travis a:hover {	
		background-position: -170px 0px;
	}

#edmund a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/edmund.jpg") 0 0 no-repeat;
		}
	#edmund a:hover {	
		background-position: -270px 0px;
	} 

#nyin a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/nyin.jpg") 0 0 no-repeat;
		}
	#nyin a:hover {	
		background-position: -270px 0px;
	} 

#merry a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/merry.jpg") 0 0 no-repeat;
		}
	#merry a:hover {	
		background-position: -170px 0px;
	}  

#edwin a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/edwin.jpg") 0 0 no-repeat;
		}
	#edwin a:hover {	
		background-position: -170px 0px;
	} 
       
#yan a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/yan.jpg") 0 0 no-repeat;
		}
	#yan a:hover {	
		background-position: -270px 0px;
	} 

#eliza a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/eliza.jpg") 0 0 no-repeat;
		}
	#eliza a:hover {	
		background-position: -170px 0px;
	} 

#alisha a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/10_digital/alisha.jpg") 0 0 no-repeat;
		}
	#alisha a:hover {	
		background-position: -170px 0px;
	}          
 
/*----------------------------------------*/
/***********11_CREATIVE-DIRECTOR*************/
/*----------------------------------------*/  
#richard a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/11_creative-director/richard.jpg") 0 0 no-repeat;
		}
	#richard a:hover {	
		background-position: -170px 0px;
	} 

#jam a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/11_creative-director/jam.jpg") 0 0 no-repeat;
		}
	#jam a:hover {	
		background-position: -270px 0px;
	}       
	
/*----------------------------------------*/
/***********12_CREATIVE-WRITERS*************/
/*----------------------------------------*/   
#kim a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/kim.jpg") 0 0 no-repeat;
		}
	#kim a:hover {	
		background-position: -170px 0px;
	}  
	
#chinjin a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/chinjin.jpg") 0 0 no-repeat;
		}
	#chinjin a:hover {	
		background-position: -170px 0px;
	} 

#shai a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/shai.jpg") 0 0 no-repeat;
		}
	#shai a:hover {	
		background-position: -170px 0px;
	} 
	
#toh a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/toh.jpg") 0 0 no-repeat;
		}
	#toh a:hover {	
		background-position: -170px 0px;
	}

#ida a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/ida.jpg") 0 0 no-repeat;
		}
	#ida a:hover {	
		background-position: -170px 0px;
	}     

#dave a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/dave.jpg") 0 0 no-repeat;
		}
	#dave a:hover {	
		background-position: -170px 0px;
	} 

#aniza a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/aniza.jpg") 0 0 no-repeat;
		}
	#aniza a:hover {	
		background-position: -170px 0px;
	}

#kamil a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/12_creative-writers/kamil.jpg") 0 0 no-repeat;
		}
	#kamil a:hover {	
		background-position: -170px 0px;
	}                       

/*----------------------------------------*/
/***********13_CAD_VISUALIZERS*************/
/*----------------------------------------*/  
#lawrence a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/lawrence.jpg") 0 0 no-repeat;
		}
	#lawrence a:hover {	
		background-position: -170px 0px;
	}  

#rizal a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/rizal.jpg") 0 0 no-repeat;
		}
	#rizal a:hover {	
		background-position: -270px 0px;
	}  
	
#yewmeng a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/yewmeng.jpg") 0 0 no-repeat;
		}
	#yewmeng a:hover {	
		background-position: -170px 0px;
	}  
	
#ken a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/ken.jpg") 0 0 no-repeat;
		}
	#ken a:hover {	
		background-position: -170px 0px;
	}  

#yk a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/yk.jpg") 0 0 no-repeat;
		}
	#yk a:hover {	
		background-position: -270px 0px;
	} 

#nizam a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/nizam.jpg") 0 0 no-repeat;
		}
	#nizam a:hover {	
		background-position: -170px 0px;
	}
	
#bryan a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/bryan.jpg") 0 0 no-repeat;
		}
	#bryan a:hover {	
		background-position: -170px 0px;
	} 

#ting a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/ting.jpg") 0 0 no-repeat;
		}
	#ting a:hover {	
		background-position: -170px 0px;
	} 

#fadzli a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/fadzli.jpg") 0 0 no-repeat;
		}
	#fadzli a:hover {	
		background-position: -170px 0px;
	} 

#steven a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/steven.jpg") 0 0 no-repeat;
		}
	#steven a:hover {	
		background-position: -270px 0px;
	} 

#jovi a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/13_cad_visualizers/jovi.jpg") 0 0 no-repeat;
		}
	#jovi a:hover {	
		background-position: -170px 0px;
	}      
	         
/*----------------------------------------*/
/***********14_DIRECT-MARKETING-UNIT*************/
/*----------------------------------------*/ 
#bonita a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/14_direct-marketing-unit/bonita.jpg") 0 0 no-repeat;
		}
	#bonita a:hover {	
		background-position: -170px 0px;
	}

#hweelim a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/14_direct-marketing-unit/hweelim.jpg") 0 0 no-repeat;
		}
	#hweelim a:hover {	
		background-position: -170px 0px;
	}    

/*----------------------------------------*/
/***********15_CREATIVE-DESIGN-UNIT*************/
/*----------------------------------------*/ 
#wahheng a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/15_creative-design-unit/wahheng.jpg") 0 0 no-repeat;
		}
	#wahheng a:hover {	
		background-position: -170px 0px;
	}
	
#erisca a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/15_creative-design-unit/erisca.jpg") 0 0 no-repeat;
		}
	#erisca a:hover {	
		background-position: -270px 0px;
	} 

#jin a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/15_creative-design-unit/jin.jpg") 0 0 no-repeat;
		}
	#jin a:hover {	
		background-position: -170px 0px;
	}

#joejune a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/15_creative-design-unit/joejune.jpg") 0 0 no-repeat;
		}
	#joejune a:hover {	
		background-position: -270px 0px;
	} 
	
#puffy a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/15_creative-design-unit/puffy.jpg") 0 0 no-repeat;
		}
	#puffy a:hover {	
		background-position: -170px 0px;
	}         

/*----------------------------------------*/
/***********16_STUDIO*************/
/*----------------------------------------*/
#zai a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/16_studio/zai.jpg") 0 0 no-repeat;
		}
	#zai a:hover {	
		background-position: -170px 0px;
	} 
	
#jeni a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/16_studio/jeni.jpg") 0 0 no-repeat;
		}
	#jeni a:hover {	
		background-position: -170px 0px;
	}
	
#faun a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/16_studio/faun.jpg") 0 0 no-repeat;
		}
	#faun a:hover {	
		background-position: -170px 0px;
	} 

#grace a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/16_studio/grace.jpg") 0 0 no-repeat;
		}
	#grace a:hover {	
		background-position: -170px 0px;
	} 
	
#azlan a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/16_studio/azlan.jpg") 0 0 no-repeat;
		}
	#azlan a:hover {	
		background-position: -170px 0px;
	}   

/*----------------------------------------*/
/***********17_AV*************/
/*----------------------------------------*/ 
#ariff a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/17_av/ariff.jpg") 0 0 no-repeat;
		}
	#ariff a:hover {	
		background-position: -170px 0px;
	} 
	
#brandon a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/17_av/brandon.jpg") 0 0 no-repeat;
		}
	#brandon a:hover {	
		background-position: -170px 0px;
	} 

/*----------------------------------------*/
/***********18_PRINT-PRODUCTION*************/
/*----------------------------------------*/ 
#kali a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/18_print-production/kali.jpg") 0 0 no-repeat;
		}
	#kali a:hover {	
		background-position: -270px 0px;
	} 
	
#shaz a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/18_print-production/shaz.jpg") 0 0 no-repeat;
		}
	#shaz a:hover {	
		background-position: -170px 0px;
	} 

/*----------------------------------------*/
/***********19_TRAFFIC*************/
/*----------------------------------------*/ 
#may a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/19_traffic/may.jpg") 0 0 no-repeat;
		}
	#may a:hover {	
		background-position: -170px 0px;
	} 

#parames a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/19_traffic/parames.jpg") 0 0 no-repeat;
		}
	#parames a:hover {	
		background-position: -270px 0px;
	} 

/*----------------------------------------*/
/***********20_MEDIA-DEPARTMENT*************/
/*----------------------------------------*/ 
#ciayi a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/20_media-department/ciayi.jpg") 0 0 no-repeat;
		}
	#ciayi a:hover {	
		background-position: -270px 0px;
	} 
	
#julee a {
	display:block;
	width:270px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/20_media-department/julee.jpg") 0 0 no-repeat;
		}
	#julee a:hover {	
		background-position: -270px 0px;
	} 

/*----------------------------------------*/
/***********21_MDW*************/
/*----------------------------------------*/ 
#helen a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/21_mdw/helen.jpg") 0 0 no-repeat;
		}
	#helen a:hover {	
		background-position: -170px 0px;
	} 

/*----------------------------------------*/
/***********22_IGNITE*************/
/*----------------------------------------*/ 
#zuraida a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/22_ignite/zuraida.jpg") 0 0 no-repeat;
		}
	#zuraida a:hover {	
		background-position: -170px 0px;
	} 

#keatwei a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/22_ignite/keatwei.jpg") 0 0 no-repeat;
		}
	#keatwei a:hover {	
		background-position: -170px 0px;
	} 

#sue a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/22_ignite/sue.jpg") 0 0 no-repeat;
		}
	#sue a:hover {	
		background-position: -170px 0px;
	} 

#andreana a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/22_ignite/andreana.jpg") 0 0 no-repeat;
		}
	#andreana a:hover {	
		background-position: -170px 0px;
	}
	
#fanessa a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/22_ignite/fanessa.jpg") 0 0 no-repeat;
		}
	#fanessa a:hover {	
		background-position: -170px 0px;
	}

/*----------------------------------------*/
/***********23_OTHERS*************/
/*----------------------------------------*/ 
#ana a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/23_others/ana.jpg") 0 0 no-repeat;
		}
	#ana a:hover {	
		background-position: -170px 0px;
	}
	
#ani a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/23_others/ani.jpg") 0 0 no-repeat;
		}
	#ani a:hover {	
		background-position: -170px 0px;
	}

#tahir a {
	display:block;
	width:170px;
	height:340px;
	margin: 0;
	padding:0 0 0px 0px;
	background: url("../images/cards/23_others/tahir.jpg") 0 0 no-repeat;
		}
	#tahir a:hover {	
		background-position: -170px 0px;
	}

#white{
	width:170px;
	height:340px;
	}