@charset "utf-8";
/* CSS Document */
/*about page*/
/*#######################################
############################################
*/
.about1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/about.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.about1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -115px;
}
.about1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -230px;
}
.about2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/about.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.about2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -134px;
}
.about2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -249px;
}
.about3
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/about.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}
.about3:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -153px;
}
.about3_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -268px;
}
.about4
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/about.gif);
	background-repeat: no-repeat;
	background-position: 0px -57px;
}
.about4:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -172px;
}
.about4_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -287px;
}
.about5
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/about.gif);
	background-repeat: no-repeat;
	background-position: 0px -76px;
}
.about5:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -191px;
}
.about5_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -306px;
}
.about6
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/about.gif);
	background-repeat: no-repeat;
	background-position: 0px -95px;
}
.about6:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -211px;
}
.about6_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/about.gif) no-repeat 0px -325px;
}
/*news page*/
/*#######################################
############################################
*/
.news1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/news.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.news1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/news.gif) no-repeat 0px -57px;
}
.news1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/news.gif) no-repeat 0px -114px;
}
.news2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/news.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.news2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/news.gif) no-repeat 0px -76px;
}
.news2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/news.gif) no-repeat 0px -133px;
}
.news3
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/news.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}
.news3:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/news.gif) no-repeat 0px -95px;
}
.news3_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/news.gif) no-repeat 0px -152px;
}
/*projects page*/
/*#######################################
############################################
*/
.projects1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/projects.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.projects1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/projects.gif) no-repeat 0px -57px;
}
.projects1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/projects.gif) no-repeat 0px -114px;
}
.projects2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/projects.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.projects2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/projects.gif) no-repeat 0px -76px;
}
.projects2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/projects.gif) no-repeat 0px -133px;
}
.projects3
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/projects.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}
.projects3:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/projects.gif) no-repeat 0px -95px;
}
.projects3_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/projects.gif) no-repeat 0px -152px;
}
/*pgame page*/
/*#######################################
############################################
*/
.pgame1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/pgame.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.pgame1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/pgame.gif) no-repeat 0px -57px;
}
.pgame1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/pgame.gif) no-repeat 0px -114px;
}
.pgame2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/pgame.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.pgame2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/pgame.gif) no-repeat 0px -76px;
}
.pgame2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/pgame.gif) no-repeat 0px -133px;
}
.pgame3
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/pgame.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}
.pgame3:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/pgame.gif) no-repeat 0px -95px;
}
.pgame3_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/pgame.gif) no-repeat 0px -152px;
}
/*core concepts page*/
/*#######################################
############################################
*/
.core1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/core.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.core1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -86px;
}
.core1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -174px;
}
.core2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/core.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
}
.core2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -108px;
}
.core2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -196px;
}
.core3
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/core.gif);
	background-repeat: no-repeat;
	background-position: 0px -44px;
}
.core3:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -130px;
}
.core3_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -218px;
}
.core4
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/core.gif);
	background-repeat: no-repeat;
	background-position: 0px -66px;
}
.core4:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -152px;
}
.core4_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/core.gif) no-repeat 0px -241px;
}


/*library concepts page*/
/*#######################################
############################################
*/

.lib1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/library.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.lib1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/library.gif) no-repeat 0px -38px;
}
.lib1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/library.gif) no-repeat 0px -76px;
}
.lib2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/library.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.lib2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/library.gif) no-repeat 0px -57px;
}
.lib2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/library.gif) no-repeat 0px -95px;
}

/*the board page*/
/*#######################################
############################################
*/
.b1
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.b1:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -171px;
}
.b1_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -342px;
}
.b2
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.b2:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -190px;
}
.b2_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -361px;
}
.b3
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}
.b3:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -209px;
}
.b3_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -380px;
}
.b4
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -57px;
}
.b4:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -228px;
}
.b4_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -399px;
}
.b5
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -76px;
}
.b5:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -247px;
}
.b5_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -418px;
}
.b6
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -95px;
}
.b6:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -266px;
}
.b6_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -437px;
}
.b7
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -114px;
}
.b7:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -285px;
}
.b7_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -456px;
}
.b8
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -133px;
}
.b8:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -304px;
}
.b8_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -475px;
}
.b9
{
	display: block;
	width: 168px;
	height: 19px;
	background-image: url(../images/gfx/theboard.gif);
	background-repeat: no-repeat;
	background-position: 0px -152px;
}
.b9:hover
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -323px;
}
.b9_active
{
	display: block;
	width: 168px;
	height: 19px;
	background: url(../images/gfx/theboard.gif) no-repeat 0px -494px;
}