body { background-image:url('bgrd.jpg'); background-color: #000000; }

.img1 { position:absolute; left:200px; top:110px; z-index:+3; border:0; }
.img1b { position:absolute; left:155px; top:110px; z-index:+3; border:0;}
.img2 { position:absolute; left:306px; top:110px; z-index:+3; border:0;}
.img3 { position:absolute; left:457px; top:110px; z-index:+3; border:0;}
.img4 { position:absolute; left:608px; top:110px; z-index:+3; border:0;}
.img4b { position:absolute; left:759px; top:110px; z-index:+3; border:0;}
.img5 { position:absolute; left:125px; top:480px; z-index:+3; border:0;}
.img1c { position:absolute; left:200px; top:110px; z-index:+1; border:0; }
.img1d { position:absolute; left:155px; top:110px; z-index:+1; border:0;}
.img2c { position:absolute; left:306px; top:110px; z-index:+1; border:0;}
.img3c { position:absolute; left:457px; top:110px; z-index:+1; border:0;}
.img4c { position:absolute; left:608px; top:110px; z-index:+1; border:0;}
.img4d { position:absolute; left:759px; top:110px; z-index:+1; border:0;}
.img5c { position:absolute; left:125px; top:480px; z-index:+1; border:0;}

.nav-img1 { position:absolute; left:520px; top:62px; border:0;}
.nav-img1a { position:absolute; left:518px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img2 { position:absolute; left:560px; top:62px;border:0; }
.nav-img2a { position:absolute; left:558px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img3 { position:absolute; left:600px; top:62px;border:0; }
.nav-img3a { position:absolute; left:598px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img4 { position:absolute; left:640px; top:62px; border:0;}
.nav-img4a { position:absolute; left:638px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img5 { position:absolute; left:680px; top:62px; border:0;}
.nav-img5a { position:absolute; left:678px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img6 { position:absolute; left:720px; top:62px; border:0;}
.nav-img6a { position:absolute; left:718px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img7 { position:absolute; left:760px; top:62px; border:0;}
.nav-img7a { position:absolute; left:758px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img8 { position:absolute; left:800px; top:62px; border:0;}
.nav-img8a { position:absolute; left:798px; top:60px; border: 2px solid; border-color: #ffffff;}
.nav-img9 { position:absolute; left:840px; top:62px; border:0;}
.nav-img9a { position:absolute; left:838px; top:60px; border: 2px solid; border-color: #ffffff;}

.site { position:absolute; horizontal-align: middle; vertical-align: middle; height: 650px; width: 950px; margin: 0px;}

.text1 { position:absolute; left:164px; top:430px; z-index:+2; }
.text2 { position:absolute; left:315px; top:430px; z-index:+2; }
.text3 { position:absolute; left:465px; top:430px; z-index:+2; }
.text4 { position:absolute; left:618px; top:430px; z-index:+2; }
.text4a { position:absolute; left:772px; top:430px; z-index:+2; }

.text5 { position:absolute; left:410px; top:670px; color:#fff; font-size: 14px; font-family:"Arial",verdana, sans-serif;}
.text5a { position:absolute; left:435px; top:510px; color:#fff; font-size: 14px; font-family:"Arial",verdana, sans-serif;}
.text5b { position:absolute; left:435px; top:660px; color:#fff; font-size: 14px; font-family:"Arial",verdana, sans-serif;}
.text6 { position:absolute; left:435px; top:685px; color:#fff; font-size: 14px; font-family:"Arial",verdana, sans-serif; }
.text6a { position:absolute; left:462px; top:528px; color:#fff; font-size: 14px; font-family:"Arial",verdana, sans-serif; }
.text6b { position:absolute; left:462px; top:675px; color:#fff; font-size: 14px; font-family:"Arial",verdana, sans-serif; }
.text7 { position:absolute; left:155px; top:25px; color:#cfcfff; font-size: 24px; font-family:"Arial",verdana, sans-serif; z-index:+9; }
.text8 { position:absolute; left:665px; top:25px; color:#ffffff; font-size: 13px; font-family:"Arial",verdana, sans-serif; z-index:+9; }
.text9 { color:#ffccff; font-size: 10px; font-family:"Arial",verdana, sans-serif; z-index:+9; }
.text10 { color:#ffffff; font-size: 12px; font-family:"Arial",verdana, sans-serif; z-index:+9; }

.nav { position:absolute; left:465px; top:32px; z-index:+2; }
.link { font-size: 14px; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #990000; }

.link2 { position:absolute; left:155px; top:55px; color:#cfcfff; font-size: 12px; font-family:"Arial",verdana, sans-serif; z-index:+9; }
.link2 a { font-family:Arial,sans-serif; font-weight:bold; color:#dfdfff; }
.link2 a:visited { font-weight:bold; 	color:#9a9aaa; }
.link2 a:hover { font-family:Arial,sans-serif; font-weight:bold; color:#acacff; }

.scroll { position:absolute; left:225px; top:520px; height: 115px; width: 488px; overflow: auto; border: 2px solid; background-color: #ffffff; padding: 16px; opacity:0.85; filter:alpha(opacity=85); z-index:20; font-size: 14px; font-family:"Arial",verdana, sans-serif; border-top-left-radius: 10px; border-bottom-left-radius: 6px; }

.buttons1 { display: inline-block; padding: 12px;  background: #ffffff; border: 2px solid #ffffff; position:absolute; left:815px; top:185px; height: 80px; width: 30px; opacity:0.33; filter:alpha(opacity=33); margin: 0px; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #000000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 10px; }

.buttons1:before
{
width: .5px;
horizontal-align: center;
vertical-align: center;
font-size: 28px;
pointer-events: none;
}

.right_arrow:before { content: "\2192";}

.buttons2 { display: inline-block; padding: 12px;  background: #ffffff; border: 2px solid #ffffff; position:absolute; left:75px; top:185px; height: 80px; width: 30px; opacity:0.33; filter:alpha(opacity=33); margin: 0px; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #000000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 10px; }

.buttons2:before
{
width: .5px;
horizontal-align: center;
vertical-align: center;
font-size: 28px;
pointer-events: none;
}

.left_arrow:before { content: "\2190";}

#block-a-top {
	display: block;
	position:absolute;
	top: 90px;
	left: 155px;
	width: 280px;
	height: 188px;
	font-size: 12px;
	font-family:"Eras", Arial, sans-serif;
	color: #cfcfff;
	}
#block-b-top {
	display: block;
	position:absolute;
	top: 135px;
	left: 323px;
	width: 375px;
	height: 260px;
	font-size: 12px;
	font-family:"Eras", Arial, sans-serif;
	color: #cfcfff;
	}
#block-c-top {
	display: block;
	position:absolute;
	top: 90px;
	left: 500px;
	width: 375px;
	height: 260px;
	font-size: 12px;
	font-family:"Eras", Arial, sans-serif;
	color: #cfcfff;
	}
#block-c-mid {
	display: block;
	position:absolute;
	top: 290px;
	left: 500px;
	width: 375px;
	height: 360px;
	font-size: 12px;
	font-family:"Eras", Arial, sans-serif;
	color: #cfcfff;
	}

.some {
	display: block;
	float:left;
	width: 6px;
	height: 6px;
	background:#cc6600;
	border-style:solid;
	border-color:#fff;
	border-width:0px;
	margin: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.fair {
	display: block;
	float:left;
	width: 6px;
	height: 6px;
	background:#cccc00;
	border-style:solid;
	border-color:#555500;
	border-width:1px;
	margin: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.good {
	display: block;
	float:left;
	width: 7px;
	height: 7px;
	background:#66ff00;
	border-style:solid;
	border-color:#3c0;
	border-width:1px;
	margin: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.better {
	display: block;
	float:left;
	width: 8px;
	height: 8px;
	background:#00aa00;
	border-style:solid;
	border-color:#090;
	border-width:1px;
	margin: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.great {
	display: block;
	float:left;
	width: 8px;
	height: 8px;
	background:#006600;
	border-style:solid;
	border-color:#3a3;
	border-width:1px;
	margin: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.pro {
	display: block;
	float:left;
	width: 9px;
	height: 9px;
	background:#003300;
	border-style:solid;
	border-color:#9c9;
	border-width:1px;
	margin: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.no {
	display: block;
	float:left;
	width: 8px;
	height: 8px;
	background:#363666;
	border-style:solid;
	margin: 2px;
	border-color:#fff;
	border-width:1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:+4;
	}
.bar {
	display: block;
	width: 125px;
	height: 5px;
	}

.bar2 {
	display: block;
	width: 125px;
	height: 68px;
	}