/* menuu */
#menuu {
	height: 30px;
	clear: both;
	margin: 0px 30px 0 30px;
	background: url("./images/bgmenuu.png") repeat-x 0 0;
}
#menuu ul {
	list-style: none;
	display: block;
}
#menuu li {
	float: left;
}

/* Rollover state */
#menuu li span {
	height: 30px;
	margin: 0;
	background-position: 0 -31px;
	display: block;
}

/* Rolloff state */
#menuu li span a, #menuu li span a:link {
	display: block;
	width: 100%;
	height: 30px;
	background-position: 0 0px;
}


/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
#menuu li span a strong { display:none; }
#menuu li span a:hover { background-image: none; }

/* Button images */
li.esileht span,
li.esileht span a {
	background: url("./images/esileht1.png") 0 0 no-repeat;
}
li.vordle span,
li.vordle span a {
	background: url("./images/vordle1.png") 0 0 no-repeat;
}
li.modid span,
li.modid span a {
	background: url("./images/modid1.png") 0 0 no-repeat;
}
li.foorum span,
li.foorum span a {
	background: url("./images/foorum1.png") 0 0 no-repeat;
}
li.failid span,
li.failid span a {
	background: url("./images/failid1.png") 0 0 no-repeat;
}
li.stiilid span,
li.stiilid span a {
	background: url("./images/stiilid1.png") 0 0 no-repeat;
}
li.opetused span,
li.opetused span a {
	background: url("./images/opetused1.png") 0 0 no-repeat;
}

li.esileht span	{ width: 89px; }
li.vordle span	{ width: 69px; }
li.modid span	{ width: 79px; }
li.foorum span	{ width: 87px; }
li.failid span	{ width: 69px; }
li.stiilid span 	{ width: 77px; }
li.opetused span	{ width: 89px; }

/* Always active states */
body.about li.but-about span,
body.development li.but-development span,
body.downloads li.but-downloads span,
body.languages li.but-downloads span,
body.customise li.but-customise span,
body.mods li.but-customise span,
body.styles li.but-customise span,
body.support li.but-support span,
body.community  li.but-community span,
body.shop li.but-shop span,
body.blog li.but-blog span,
body.hosting li.but-hosting span{
	background-position: 0 -31px;
}

/* Always hover for active states */
body.about #navbar li.but-about span:hover,
body.development #navbar li.but-development span:hover,
body.downloads #navbar li.but-downloads span:hover,
body.languages #navbar li.but-downloads span:hover,
body.customise #navbar li.but-customise span:hover,
body.mods #navbar li.but-customise span:hover,
body.styles #navbar li.but-customise span:hover,
body.support #navbar li.but-support span:hover,
body.community #navbar li.but-community span:hover,
body.shop #navbar li.but-shop span:hover,
body.blog #navbar li.but-blog span:hover,
body.hosting #navbar li.but-hosting span:hover {
	background-position: 0 -31px;
}