#why-1 {
  position: absolute;
  margin-left: -490px;
  left: 50%;
  top: +0px;
  width: 980px;
  height: 600px;
  z-index: 1;
}


/* You named this layer main_frame */
#why-7 {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 145px;
	width: 670px;
	height: 325px;
	z-index: 1;
}

/* You named this layer content_text */
.why-8 {
	position: relative;
	left: 7px;
	top: 0px;
	width: 652px;
	z-index: 8;
	/* Here are some suggestions for this area's text settings */
  text-align: justify;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 18px;
	font-weight: 200;
}

.bullets {
	position: relative;
	left: 7px;
	top: 0px;
	width: 652px;
	z-index: 8;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
	font-weight: 100;
}

/* You named this layer Floater_floatright */
#why-9 {
  position: relative;
  float: right;
  margin: 10px;
  width: 173px;
  height: 135px;
  z-index: 9;
}

/* You named this layer whyus_jpg */
#why-10 {
	position: absolute;
	left: 50%;
	margin-left: 226px;
	top: 114px;
	width: 264px;
	height: 187px;
	z-index: 10;
}

/* You named this layer Title */
#why-11 {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 125px;
	width: 131px;
	height: 20px;
	z-index: 11;
}

/* You named this layer why_basename */
#why-12 {
  position: absolute;
  left: 0px;
  top: 106px;
  width: 980px;
  height: 343px;
  z-index: 12;
}

/* You named this layer Frame Top 1000 */
.why-1000 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 670px;
  height: 10px;
  z-index: 1000;
  background-image: url(why-7.png);
}

/* You named this layer Frame Middle 1001 */
.why-1001 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 670px;
  z-index: 1001;
  background-image: url(why-1001.png);
}

/* You named this layer Frame Bottom 1002 */
.why-1002 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 670px;
	height: 60px;
	z-index: 1002;
	background-image: url(why-1002.png);
}

/* 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; */
}