/*YAHOO! RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/

html{
	font-size:100%;
}
body{
	font-size:62.5%;
	margin:50px 0 0 50px;
}
ul#nav{
	width:932px;
	height:409px;
	background:url(images/bg.jpg) top left no-repeat;
	position:relative;
}
/*HOME
--------------------------------------*/
#nav #home a{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:98px;
	left:245px;
	width:70px;
	height:45px;
}
#nav #home a span{
	z-index:100;
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:-98px;
	left:-187px;
	width:313px;
	height:409px;
	background:url(images/01.jpg) top left no-repeat;
	display:none;
}
#nav #home a:hover *{
	display:block;
}
/*WORK
--------------------------------------*/
#nav #work a{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:97px;
	left:377px;
	width:70px;
	height:45px;
}
#nav #work a span{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:-97px;
	left:-57px;
	width:263px;
	height:409px;
	background:url(images/02.jpg) top left no-repeat;
	display:none;
}
#nav #work a:hover *{
	display:block;
}
/*CONTACT
--------------------------------------*/
#nav #contact a{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:97px;
	left:572px;
	width:70px;
	height:45px;
}
#nav #contact a span{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:-97px;
	left:-97px;
	width:247px;
	height:409px;
	background:url(images/03.jpg) top left no-repeat;
	display:none;
}
#nav #contact a:hover *{
	display:block;
}
/*WHATEVER
--------------------------------------*/
#nav #whatever a{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:97px;
	left:716px;
	width:70px;
	height:45px;
}
#nav #whatever a span{
	position:absolute;
	text-indent:-99999em;
	background:none;
	top:-97px;
	left:-114px;
	width:330px;
	height:409px;
	background:url(images/04.jpg) top left no-repeat;
	display:none;
}
#nav #whatever a:hover *{
	display:block;
}