@import "common.css";

#menuBar
{ 
	position: absolute;
	left: 0px; 
	top: 80px;
	padding: 0px; 
	width: 100%; 
	height: 39px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: 0px -114px;
	text-align: left;
}
#news
{
	position: absolute;
	left: 0px; 
	top: 0px;
	padding: 0px; 
	width: 102px; 
	height: 38px;
	background: url('image/es.menuBarButtons.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a.newsButton
{
	position: absolute;
	left: 0px; 
	top: 0px;
	padding: 0px; 
	width: 102px; 
	height: 38px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: 0px -38px;
}
a.newsButton:hover
{
	background-position: 0px -76px;
}
#workAreas
{
	position: absolute;
	left: 103px; 
	top: 0px;
	padding: 0px; 
	width: 173px; 
	height: 38px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: -103px 0px;
	background-repeat: no-repeat;
}
a.workAreasButton
{
	position: absolute;
	left: 103px; 
	top: 0px;
	padding: 0px; 
	width: 173px; 
	height: 38px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: -103px -38px;
}
a.workAreasButton:hover
{
	background-position: -103px -76px;
}
#gallery
{
	position: absolute;
	left: 276px; 
	top: 0px;
	padding: 0px; 
	width: 97px; 
	height: 38px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: -276px 0px;
	background-repeat: no-repeat;
}
a.galleryButton
{
	position: absolute;
	left: 276px; 
	top: 0px;
	padding: 0px; 
	width: 97px; 
	height: 38px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: -276px -38px;
}
a.galleryButton:hover
{
	background-position: -276px -76px;
}
#contact
{
	position: absolute;
	left: 373px; 
	top: 0px;
	padding: 0px; 
	width: 113px; 
	height: 38px;
	background: url('image/es.menuBarButtons.gif');
	background-position: -373px 0px;
	background-repeat: no-repeat;
}
a.contactButton
{
	position: absolute;
	left: 373px; 
	top: 0px;
	padding: 0px; 
	width: 113px; 
	height: 38px; 
	background: url('image/es.menuBarButtons.gif');
	background-position: -373px -38px;
}
a.contactButton:hover
{
	background-position: -373px -76px;
}
a.interactiveMusicButton
{
	position: absolute;
	left: 0px; 
	top: 0px;
	padding: 0px; 
	width: 150px;
	height: 50px;
	background: url('image/es.workAreasButtons.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a.interactiveMusicButton:hover
{
	background-position: -300px 0px;
}
a.synchronizedMusicButton
{
	position: absolute;
	left: 0px;
	top: 50px;
	padding: 0px; 
	width: 150px;
	height: 50px;
	background: url('image/es.workAreasButtons.gif');
	background-position: 0px -50px;
	background-repeat: no-repeat;
}
a.synchronizedMusicButton:hover
{
	background-position: -300px -50px;
}
a.coversAndVersionsButton:visited
{
	position: absolute;
	left: 0px;
	top: 100px;
	padding: 0px; 
	width: 150px;
	height: 50px;
	background: url('image/es.workAreasButtons.gif');
	background-position: 0px -100px;
	background-repeat: no-repeat;
}
a.coversAndVersionsButton:hover
{
	background-position: -300px -100px;
}
a.soundEffectsButton
{
	position: absolute;
	left: 0px;
	top: 150px;
	padding: 0px; 
	width: 150px;
	height: 50px;
	background: url('image/es.workAreasButtons.gif');
	background-position: 0px -150px;
	background-repeat: no-repeat;
}
a.soundEffectsButton:hover
{
	background-position: -300px -150px;
}
a.researchAndDevelopmentButton:visited
{
	position: absolute;
	left: 0px;
	top: 200px;
	padding: 0px; 
	width: 150px;
	height: 50px;
	background: url('image/es.workAreasButtons.gif');
	background-position: 0px -200px;
	background-repeat: no-repeat;
}
a.researchAndDevelopmentButton:hover
{
	background-position: -300px -200px;
}
a.teachingButton
{
	position: absolute;
	left: 0px;
	top: 250px;
	padding: 0px; 
	width: 150px;
	height: 50px;
	background: url('image/es.workAreasButtons.gif');
	background-position: 0px -250px;
	background-repeat: no-repeat;
}
a.teachingButton:hover
{
	background-position: -300px -250px;
}
#interactiveMusic
{
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px; 
	width: 150px; 
	height: 50px; 
	background: url('image/es.workAreasButtons.gif');
	background-position: -150px 0px;
}
#synchronizedMusic
{
	position: absolute;
	left: 0px;
	top: 50px;
	padding: 0px; 
	width: 150px; 
	height: 50px; 
	background: url('image/es.workAreasButtons.gif');
	background-position: -150px -50px;
}
#coversAndVersions
{
	position: absolute;
	left: 0px;
	top: 100px;
	padding: 0px; 
	width: 150px; 
	height: 50px; 
	background: url('image/es.workAreasButtons.gif');
	background-position: -150px -100px;
}
#soundEffects
{
	position: absolute;
	left: 0px;
	top: 150px;
	padding: 0px; 
	width: 150px; 
	height: 50px; 
	background: url('image/es.workAreasButtons.gif');
	background-position: -150px -150px;
}
#researchAndDevelopment
{
	position: absolute;
	left: 0px;
	top: 200px;
	padding: 0px; 
	width: 150px; 
	height: 50px; 
	background: url('image/es.workAreasButtons.gif');
	background-position: -150px -200px;
}
#teaching
{
	position: absolute;
	left: 0px;
	top: 250px;
	padding: 0px; 
	width: 150px; 
	height: 50px; 
	background: url('image/es.workAreasButtons.gif');
	background-position: -150px -250px;
}