.boxbg {
	width: 999px;
	height: 666px;
	background: url(images/hp-bg.jpg);
	margin: 0px auto;
	padding: 0;
	position: relative;
	top: 0px;
	}

#blobs {
	width: 520px;
	height: 325px;
	background: url(images/hp-buttonsonly.gif);
	margin: 0px auto;
	padding: 0;
	position: relative;
	top: 164px;
	left:8px;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;text-indent: -100em; overflow: hidden;}

#blobs a {display: block;}



#bloba {
	left: 123px;
	top: 2px;
	width:232px;
	height:47px;
}
#blobb {
	left: 8px;
	top: 80px;
	width:168px;
	height:45px;
}
#blobc {
	left: 317px;
	top: 77px;
	width:133px;
	height:44px;
}
#blobd {
	left: 30px;
	top: 173px;
	width:139px;
	height:41px;
}
#blobe {
	left: 309px;
	top: 174px;
	width:184px;
	height:40px;
}
#blobf {
	left: 85px;
	top: 278px;
	width:102px;
	height:46px;
}
#blobg {
	left: 287px;
	top: 272px;
	width: 202px;
	height: 39px;
}


#bloba a {height: 45px;}
#blobb a {height: 40px;}
#blobc a {height: 46px;}
#blobd a {height: 40px;}
#blobe a {height: 44px;}
#blobf a {height: 40px;}
#blobg a {
	height: 45px;
}


#bloba a:hover {
	background: url(images/hp-buttonsonly.gif) no-repeat -123px -327px;
}
#blobb a:hover {background: url(images/hp-buttonsonly.gif) -8px -405px no-repeat;}
#blobc a:hover {background: url(images/hp-buttonsonly.gif) -317px -403px no-repeat;}
#blobd a:hover {background: url(images/hp-buttonsonly.gif) -30px -498px no-repeat;}
#blobe a:hover {background: url(images/hp-buttonsonly.gif) -309px -500px no-repeat;}
#blobf a:hover {background: url(images/hp-buttonsonly.gif) -85px -603px no-repeat;}
#blobg a:hover {background: url(images/hp-buttonsonly.gif) -287px -597px no-repeat;}

 body {
	background-image: url(images/bg.jpg);
}

.joc {
	margin: 11px auto 0;
	width:350px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.joc img {border:none}