/* frame ------------------------------------ */
#frame {
	width: 800px;
	margin: 0 0 10px 0;
	background:url(../../images/bg.jpg) no-repeat bottom right;
}









/* top ------------------------------------ */

h1 {
	text-indent:-9999px;
	width:271px;
	height:237px;
	background: url(../../images/logo.gif) left top;
	}
	
.menu ul li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	}
	
.menu ul li.profile{
	width:271px;
	height:80px;
	background: url(../../images/m_profile.gif) left top;
	}
	
.menu ul li.profile a:hover{
	background: url(../../images/m_profile_a.gif) left top;
	text-decoration:none;
	}
	
.menu ul li.concept{
	width:271px;
	height:80px;
	background: url(../../images/m_concept.gif) left top;
	}
	
.menu ul li.concept a:hover{
	background: url(../../images/m_concept_a.gif) left top;
	text-decoration:none;
	}
	
.menu ul li.project{
	width:271px;
	height:80px;
	background: url(../../images/m_project.gif) left top;
	}
	
.menu ul li.project a:hover{
	background: url(../../images/m_project_a.gif) left top;
	text-decoration:none;
	}
	
.menu ul li.contact{
	width:271px;
	height:80px;
	background: url(../../images/m_contact.gif) left top;
	}
	
.menu ul li.contact a:hover{
	background: url(../../images/m_contact_a.gif) left top;
	text-decoration:none;
	}
	
.menu p.text{
	text-indent:-9999px;
	margin:65px 0 0 0;
	width:365px;
	height:17px;
	background: url(../../images/text.gif) no-repeat left top;
	}
	
	
	
	
	
	
	
	
	
/* footer ------------------------------------ */
#footer {
	width: 100%;
	border-top: 1px solid #000000;
}

#footer .copyright {
	text-indent:-9999px;
	margin: 10px 0 20px 0;
	width: 282px;
	height: 10px;
	background: url(../images/copyright.gif) no-repeat left top;
}