#main {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 600px;
	z-index: 1;
	background-image: url(../images/BG_main.jpg);
}

#mainbox {
	position: absolute;
	left: 70px;
	top: 0px;
	width: 760px;
	height: 1600px;
	z-index: 2;
	background-color: #FFCC00;
}

#shader1 {
	position: absolute;
	left: 830px;
	top: 0px;
	width: 16px;
	height: 1600px;
	z-index: 3;
	background-image: url(../images/BG_shader1.png);
}

#shader2 {
	position: absolute;
	left: 54px;
	top: 0px;
	width: 16px;
	height: 1600px;
	z-index: 4;
	background-image: url(../images/BG_shader2.png);
}

#logo {
  position: absolute;
  left: 5px;
  top: 46px;
  width: 412px;
  height: 208px;
  z-index: 5;
}

#textbox {
	position: absolute;
	width: 700px;
	height: 154px;
	background-image: url(../images/BG_textbox_small.png);
	left: 25px;
	top: 840px;
}

#bigimage {
	position: absolute;
	width: 700px;
	height: 154px;
	left: 25px;
	top: 840px;
}

#Layer-6 {
  position: absolute;
  left: 192px;
  top: 24px;
  width: 552px;
  height: 233px;
  z-index: 6;
}

#Layer-7 {
  position: absolute;
  left: 675px;
  top: 132px;
  width: 78px;
  height: 101px;
  z-index: 7;
}

#Layer-8 {
  position: absolute;
  left: 224px;
  top: 114px;
  width: 76px;
  height: 88px;
  z-index: 8;
}

#Layer-9 {
  position: absolute;
  left: 310px;
  top: 129px;
  width: 79px;
  height: 83px;
  z-index: 9;
}
#Layer-9b {
  position: absolute;
  left: 420px;
  top: 920px;
  width: 79px;
  height: 83px;
  z-index: 9;
}

#Layer-10 {
  position: absolute;
  left: 399px;
  top: 100px;
  width: 73px;
  height: 84px;
  z-index: 10;
}

#Layer-11 {
  position: absolute;
  left: 20px;
  top: 295px;
  width: 77px;
  height: 97px;
  z-index: 11;
}

#images1 {
	position: absolute;
	left: 32px;
	top: 339px;
	width: 696px;
	height: 463px;
	z-index: 12;
	background-image: url(../images/BG_textbox.png);
}
#images2 {
	position: absolute;
	left: 32px;
	top: 1020px;
	width: 696px;
	height: 463px;
	z-index: 12;
	background-image: url(../images/BG_textbox.png);
}

#Layer-13 {
  position: absolute;
  left: 97px;
  top: 11px;
  width: 175px;
  height: 54px;
  z-index: 13;
}

#Layer-14 {
  position: absolute;
  left: 406px;
  top: 253px;
  width: 101px;
  height: 42px;
  z-index: 14;
}

#Layer-15 {
  position: absolute;
  left: 487px;
  top: 268px;
  width: 101px;
  height: 42px;
  z-index: 15;
}

#Layer-16 {
  position: absolute;
  left: 571px;
  top: 241px;
  width: 101px;
  height: 42px;
  z-index: 16;
}

#Layer-17 {
  position: absolute;
  left: 737px;
  top: 261px;
  width: 101px;
  height: 42px;
  z-index: 17;
}

#Layer-18 {
  position: absolute;
  left: 18px;
  top: 278px;
  width: 398px;
  height: 48px;
  z-index: 18;
}

#Layer-19 {
  position: absolute;
  left: 55px;
  top: 300px;
  width: 648px;
  height: 75px;
  z-index: 19;
}

#Layer-20 {
  position: absolute;
  left: 630px;
  top: 394px;
  width: 118px;
  height: 52px;
  z-index: 21;
}

#Layer-21 {
  position: absolute;
  left: 675px;
  top: 368px;
  width: 70px;
  height: 31px;
  z-index: 22;
}

#Layer-22 {
  position: absolute;
  left: 13px;
  top: 11px;
  width: 79px;
  height: 93px;
  z-index: 22;
}
#imageblock {
	position: absolute;
	top: 25px;
	width: 530px;
	height: 430px;
	background-color: #FFFFFF;
	left: 70px;
	z-index: 20;
}
#footer {
	position: absolute;
	top: 1580px;
	width: 760px;
	height: 20px;
	background-color: #000000;
}
#footer_logo1{
  position: absolute;
  left: 25px;
  top: -70px;
}
#footer_logo2{
  position: absolute;
  left: 125px;
  top: -40px;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}
body {
	background-color: #663398;
}