#transitionEffect {
  width: 980px;
  height: 330px;
  overflow: hidden;
}
.slide {
  position: relative;
  width: 980px;
  background: #fff;
  text-align: center;
  height:328px;
}
.r1 {
  background:url(../images/banner-01.png) bottom left no-repeat;
}
.r2 {
  background:url(../images/banner-02.png) bottom left no-repeat;
}
.r3 {
  background:url(../images/banner-03.png) bottom left no-repeat;
}
.r4 {
  background:url(../images/banner-04.png) bottom left no-repeat;
}
.r5 {
  background:url(../images/banner-05.png) bottom left no-repeat;
}
#introslide {
  background: #000;
  color: #eee;
  text-align: center;
  z-index: 500;
}
#introslide p {
  padding-top: 50px;
  font-size: 0.9em;
  margin: 0;
}
div.fadenav {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
div.fadenav a {
  display: block;
  width: 10px;
  height: 10px;
  float: left;
  overflow: hidden;
  background: url(../images/bullet.png) top no-repeat;
  margin:0px 10px 0px 0px;
  text-decoration:none;
  outline: none;
  border:none;
}
div.fadenav a:hover {
  text-decoration: none;
  background: url(../images/bullet.png) bottom no-repeat;
  height:10px;
  width:10px;  
  outline: none;
  border:none;
}
div.fadenav a.current {
  background: url(../images/bullet.png) bottom no-repeat;
  height:10px;
  width:10px;
  outline: none;
  border:none;
}
.banner_text {
  float:right; width:350px; margin:110px 80px 0px 0px; 
}
.banner_text h2 { font-size:22px; color:#008e3a; font-family:DIN; padding:0px 0px 10px 0px;}
.banner_text p { font-size:13px; color:#738379; line-height:22px; font-family:Helvetica; }