/* format the main menu --------------------------------------------------------------------*/

#masthead ul {
	width: 140px;
	float:left;
	text-align:left;
	margin-top:52px;
}
#masthead li {
	float:left

}

a.who, a.what, a.where {	
	display: block;
	height:8px;
	padding-right:10px;
	background-repeat: no-repeat;
}

a.who 	{	width: 24px; background-image: url(i/mm_who.png);	}
a.what	{	width: 30px; background-image: url(i/mm_what.png);	}
a.where	{	width: 38px; background-image: url(i/mm_where.png);	}

a.who:hover, a.what:hover, a.where:hover	{ background-position: 0 -8px;	}






/* the submenu in the footer ----------------------------------------------------------*/
#footer ul.submenu {
	width:80px;
	float:left;
	padding-bottom: 18px;
}

a.identity, a.design, a.illustration, a.animation {	
	display: block;
	height:8px;
	padding-bottom:8px;
	margin-bottom:4px;
	background-repeat: no-repeat;
}

a.identity		{	width:47px; background-image: url(i/sm_identity.png);}
a.design			{	width:47px; background-image: url(i/sm_design.png);}
a.illustration	{	width:75px; background-image: url(i/sm_illustration.png);}
a.animation		{	width:75px; background-image: url(i/sm_animation.png);}

a.identity:hover, a.design:hover, a.illustration:hover, a.animation:hover	{ background-position: 0 -12px;	}






/* the project nav circles------------------------------------------------------------------*/

#projectnav {
	float: left;
	clear: none;
	width: 695px;
	height:15px;
	text-align: center;
	overflow: hidden;
}
#projectnav a {
	padding-right: 15px;
	background-image: url(i/p_01.png);
	display: inline;
	height:14px;
	width:25px;
	background-repeat: no-repeat;
}
#projectnav a:hover {
	background-position: 0-15px;
}


#projectnav a.a01 	{ 	background-image: url(i/p_01.png)		}
#projectnav a.a02 	{ 	background-image: url(i/p_02.png)		}
#projectnav a.a03 	{ 	background-image: url(i/p_03.png)		}
#projectnav a.a04 	{ 	background-image: url(i/p_04.png)		}
#projectnav a.a05 	{ 	background-image: url(i/p_05.png)		}
#projectnav a.a06 	{ 	background-image: url(i/p_06.png)		}
#projectnav a.a07 	{ 	background-image: url(i/p_07.png)		}
#projectnav a.a08 	{ 	background-image: url(i/p_08.png)		}
#projectnav a.a09 	{ 	background-image: url(i/p_09.png)		}
#projectnav a.a10 	{ 	background-image: url(i/p_10.png)		}
#projectnav a.a11 	{ 	background-image: url(i/p_11.png)		}
#projectnav a.a12 	{ 	background-image: url(i/p_12.png)		}
#projectnav a.a13 	{ 	background-image: url(i/p_13.png)		}
#projectnav a.a14 	{ 	background-image: url(i/p_14.png)		}
#projectnav a.a15 	{ 	background-image: url(i/p_15.png)		}
#projectnav a.a16 	{ 	background-image: url(i/p_16.png)		}
#projectnav a.a17 	{ 	background-image: url(i/p_17.png)		}
#projectnav a.a18 	{ 	background-image: url(i/p_18.png)		}
#projectnav a.a19 	{ 	background-image: url(i/p_19.png)		}
#projectnav a.a20 	{ 	background-image: url(i/p_20.png)		}





#description, #description2 {
	float: left;
	margin-top:6px;
	clear: none;
	width: 695px;
	text-align: center;
	overflow:hidden;
	line-height:1em;
}
#description2 {
	width: 340px;
}