/* CSS Document */


#header {
	width:157px;
	height:33px;
	position:absolute;
	top:0;
	left:0;}

#main {
	width:950px;
	height:auto;
	position:absolute;
	top:120px;
	left:0;}

/*here's where it gets tricky*/

ul {
	width:950px;
	height:546px;
	position:absolute;
	top: 53px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position:relative;
	background-image: url(../images/talent/bg.jpg);
	background-repeat: no-repeat;}

a em{
	visibility: hidden;}

/* Define each space as a block */
#one{
	width: 308px;
	height: 266px;
	position: absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;}
	
#two{
	width: 308px;
	height: 266px;
	position: absolute;
	top:0;
	left:320px;
	margin:0;
	padding:0;}
	
#three{
	width: 308px;
	height: 266px;
	position: absolute;
	top:0;
	left:641px;
	margin:0;
	padding:0;}
	
#four{
	width: 308px;
	height: 266px;
	position: absolute;
	top:279px;
	left:0px;
	margin:0;
	padding:0;}
	
#five{
	width: 308px;
	height: 266px;
	position: absolute;
	top:279px;
	left:320px;
	margin:0;
	padding:0;}
	
/* Define the space for the link */
#pix #one a {
	width: 308px;
	height: 266px;
	display:block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}
	
#pix #two a {
	width: 308px;
	height: 266px;
	display:block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}
	
#pix #three a {
	width: 308px;
	height: 266px;
	display:block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}
	
#pix #four a {
	width: 308px;
	height: 266px;
	display:block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}
	
#pix #five a {
	width: 308px;
	height: 266px;
	display:block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}

/* The hover state */
#one a:hover {
	background-image:url(../images/talent/hover_catalina.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
	
#two a:hover {
	background-image:url(../images/talent/hover_vasco.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}

#three a:hover {
	background-image:url(../images/talent/hover_kunle.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
	
#four a:hover {
	background-image:url(../images/talent/hover_akpo.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}
	
#five a:hover {
	background-image:url(../images/talent/hover_mac.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;}