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

#blobs {
	width: 838px;
	height: 362px;
	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: 610px;
	top: 1px;
	width:185px;
	height:45px;
}
#blobb {
	left: 152px;
	top: 321px;
	width:210px;
	height:43px;
}
#blobc {
	left: 7px;
	top: 104px;
	width:185px;
	height:75px;
}
#blobd {
	left: 634px;
	top: 101px;
	width:191px;
	height:80px;
}
#blobe {
	left: 596px;
	top: 228px;
	width:217px;
	height:40px;
}
#blobf {
	left: 465px;
	top: 321px;
	width:177px;
	height:39px;
}
#blobg {
	left: 36px;
	top: 6px;
	width: 187px;
	height: 40px;
}

#blobh {
	left: 31px;
	top: 227px;
	width: 215px;
	height: 50px;
}

#bloba a {height: 50px;}
#blobb a {height: 50px;}
#blobc a {height: 80px;}
#blobd a {height: 80px;}
#blobe a {height: 50px;}
#blobf a {height: 50px;}
#blobg a {height: 50px;}
#blobh a {height: 50px;}

#bloba a:hover {background: url(images/hp-buttons.png) -610px -363px no-repeat ;}
#blobb a:hover {background: url(images/hp-buttons.png) -152px -683px no-repeat;}
#blobc a:hover {background: url(images/hp-buttons.png) -7px -466px no-repeat;}
#blobd a:hover {background: url(images/hp-buttons.png) -634px -463px no-repeat;}
#blobe a:hover {background: url(images/hp-buttons.png) -596px -592px no-repeat;}
#blobf a:hover {background: url(images/hp-buttons.png) -465px -683px no-repeat;}
#blobg a:hover {background: url(images/hp-buttons.png) -36px -368px no-repeat;}
#blobh a:hover {background: url(images/hp-buttons.png) -31px -589px no-repeat;}

 body {
	background: #240000 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}