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

#blobs {
	width: 723px;
	height: 543px;
	background: url(images/hp-buttons.png);
	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: 308px;
	top: 16px;
	width:161px;
	height:48px;
}
#blobb {
	left: 518px;
	top: 303px;
	width:180px;
	height:43px;
}
#blobc {
	left: 225px;
	top: 488px;
	width:165px;
	height:43px;
}
#blobd {
	left: 433px;
	top: 459px;
	width:181px;
	height:45px;
}
#blobe {
	left: 508px;
	top: 142px;
	width:146px;
	height:40px;
}
#blobf {
	left: 138px;
	top: 388px;
	width:102px;
	height:46px;
}
#blobg {
	left: 68px;
	top: 100px;
	width: 200px;
	height: 41px;
}

#blobh {
	left: 20px;
	top: 256px;
	width: 175px;
	height: 42px;
}

#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;}
#blobh a {height: 45px;}

#bloba a:hover {background: url(images/hp-buttons.png) -308px -559px no-repeat ;}
#blobb a:hover {background: url(images/hp-buttons.png) -518px -846px no-repeat;}
#blobc a:hover {background: url(images/hp-buttons.png) -225px -1031px no-repeat;}
#blobd a:hover {background: url(images/hp-buttons.png) -433px -1002px no-repeat;}
#blobe a:hover {background: url(images/hp-buttons.png) -508px -685px no-repeat;}
#blobf a:hover {background: url(images/hp-buttons.png) -138px -931px no-repeat;}
#blobg a:hover {background: url(images/hp-buttons.png) -68px -643px no-repeat;}
#blobh a:hover {background: url(images/hp-buttons.png) -20px -799px no-repeat;}

 body {
	background: #FF9DF4 url(images/bg.jpg) repeat-x;
}

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

.joc img {border:none}