body {
  background: #ffffff;
  font-family: helvetica;
  margin-top: 0; 
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

#greyContainer{ 
  width: 100%;
  height: 450px;
  padding: 0px;
  border: 0;
  background: #eeeeee;
  position: absolute; right: 0px; top: 130px;
}

#thumb01Container{ 
  width: 800px;
  height: 45px;
  padding: 0px;
  border: 0;
  position: absolute; right: 24%; top: 590px;
}

#thumb02Container{ 

  width: 800px;
  height: 45px;
  padding: 0px;
  border: 0;
  position: absolute; right: 24%; top: 639px;
}

#thumb03Container{ 

  width: 800px;
  height: 45px;
  padding: 0px;
  border: 0;
  position: absolute; right: 24%; top: 688px;
}

#loadarea{ 
  align: right;
  width: 770px;
  height: 450px;
  padding: 0px;
  border: 0;
  position: absolute; right: 24%; top: 0%;
}

#logo {
     width: 216px;
     height:21px;
     position: absolute; left: 77%; top: 100px;
}

/* right navigation */

a#nav01 {
    display: block;
    width: 73px;
    height: 35px;
    background-image: url(../images/01_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#nav01:hover {
    background-image: url(../images/01_dwn.gif);
}
a#nav01:active {
    background-image: url(../images/01_dwn.gif);
}

a#nav02 {
    display: block;
    width: 73px;
    height: 34px;
    background-image: url(../images/02_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#nav02:hover {
    background-image: url(../images/02_dwn.gif);
}
a#nav02:active {
    background-image: url(../images/02_dwn.gif);
}

a#nav03 {
    display: block;
    width: 73px;
    height: 34px;
    background-image: url(../images/03_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#nav03:hover {
    background-image: url(../images/03_dwn.gif);
}
a#nav03:active {
    background-image: url(../images/03_dwn.gif);
}

a#nav04 {
    display: block;
    width: 73px;
    height: 34px;
    background-image: url(../images/04_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#nav04:hover {
    background-image: url(../images/04_dwn.gif);
}
a#nav04:active {
    background-image: url(../images/04_dwn.gif);
}

a#nav05 {
    display: block;
    width: 73px;
    height: 33px;
    background-image: url(../images/05_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#nav05:hover {
    background-image: url(../images/05_dwn.gif);
}
a#nav05:active {
    background-image: url(../images/05_dwn.gif);
}

a#navAbout {
    display: block;
    width: 73px;
    height: 35px;
    background-image: url(../images/about_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#navAbout:hover {
    background-image: url(../images/about_dwn.gif);
}
a#navAbout:active {
    background-image: url(../images/about_dwn.gif);
}

a#navReel {
    display: block;
    width: 73px;
    height: 33px;
    background-image: url(../images/reel_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#navReel:hover {
    background-image: url(../images/reel_dwn.gif);
}
a#navReel:active {
    background-image: url(../images/reel_dwn.gif);
}

a#navContact {
    display: block;
    width: 73px;
    height: 33px;
    background-image: url(../images/contact_up.gif);
    position: relative; left: 0%; top: 0%;
}
a#navContact:hover {
    background-image: url(../images/contact_dwn.gif);
}
a#navContact:active {
    background-image: url(../images/contact_dwn.gif);
}

#navContainer {
  width: 100px;
  position: absolute; left: 77%; top: 5%;

}

#image_name {
  font-family: helvetica: sans-serif;
  font-size: 9px;
  line-height: 14px;
  color: #aaaaaa;
  align: left;
  valign: bottom;
  width: 200px;
  height: 30px;
  padding: 0px;
  border: 0;
  position: absolute; left: 77%; top: 92%;
}

#textAbout01 {
  font-family: helvetica: sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
  width: 350px; 
  height: 450px; 
  position: absolute; right: 380px; top: 5%;
}

#textAbout02 {
  font-family: helvetica: sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
  width: 350px; 
  height: 450px; 
  position: absolute; right: 10px; top: 5%;
}

#textAbout03 {
  font-family: helvetica: sans-serif;
  font-size: 12px;
  line-height: 19px;
  color: #666666;
  width: 500px; 
  height: 450px; 
  position: absolute; right: 10px; top: 5%;
}

#textindex {
  font-family: helvetica: sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
}

#textContact {
  text-align: right;  
  font-family: helvetica: sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #888888;
  width: 54%; 
  height: 100%; 
  position: absolute; left: 21%; top: 9%;
}

#textName {
  text-align: right;  
  font-family: helvetica: sans-serif;
  font-size: 22px;
  line-height: 20px;
  color: #888888;
  width: 54%; 
  height: 100%; 
  position: absolute; left: 21%; top: 4%;
}

#reel {
  text-align: right;  
  width: 100%; 
  height: 100%; 
  position: absolute; right: 0%; top: 20px;
}

#textReel {
  font-family: helvetica: sans-serif;
  font-size: 12px;
  line-height: 19px;
  color: #666666;
  width: 320px; 
  height: 450px; 
  position: absolute; right: 350px; top: 5%;
}

a {
  text-align: right;  
  font-family: helvetica: sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #888888;
  text-decoration: none;
}
a:hover {
  text-align: right;  
  font-family: helvetica: sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #888888;
  text-decoration: underline;
}
a:active {
  text-align: right;  
  font-family: helvetica: sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #888888;
}

a:visited {
  text-align: right;  
  font-family: helvetica: sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #888888;
}