html {
	width: 100%;
	height:100%;
}

body {
	background-color: white;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: white;
}

#background-1,
#background-2 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.cell {	
	position: absolute;
	z-index: 10;
	width: auto;
	width: 208px;
}

#cell-1 {
	top: 200px;
	left: 40px;
}

#cell-2 {
	top: 100px;
	left: 233px;
}

#cell-3 {
	top: 200px;
	left: 426px;
}

#cell-4 {
	top: 250px;
	left: 619px;
}

.cell .menu {
	width: 208px;
	overflow: auto;
	margin: 0;
	cursor: move;
}

.cell.bg .menu {
	background-image: url(../img/menu_bg_70.png);
}

.cell .menu a:link,
.cell .menu a:visited {
	text-decoration: none;
	color: #c6c6c6;
}

.cell .menu a:hover,
.cell .menu a:active,
.cell .menu a.active {
	text-decoration: none;
	color: white !important;
}

.cell .menu ul,
.cell .menu div {
	list-style: none;
	margin: 12px 7px;
	padding: 0;
}

.cell .menu div ul {
	margin: 0 !important;
}

.cell #level-4.menu ul {
	height: 16px;
	background-position: 172px 0;
	background-repeat: no-repeat;
}

.black,
.cell .menu .black a:link,
.cell .menu .black a:visited {
	color: black !important;
}

.cell .menu .black a:hover,
.cell .menu .black a:active,
.cell .menu .black a.active {
	color: #555555 !important;
}