body { 
  margin: 0; padding: 0;
  background: url(grfx/tile.gif) 0 0 repeat;
  font-family: Arial, arial, sans-serif;
  font-size: 14px;
 }
#grad { background: url(grfx/gradient.gif) 0 220px repeat-x; }
#frame { 
  margin: 0; padding: 0;
  text-align: center; 
  width: 663px;
 }
#ban {  
  margin: 0; padding: 0; margin-top: 100px; 
  width: 663px; height: 120px;
  background: url(grfx/title.gif)  0 50px no-repeat;
  text-align: left;
 }
#ban img { margin: 0; padding: 0; float: left; }
#ban table, #ban table td { margin: 0; padding: 0; }
#ban a { margin: 0; padding: 0; text-decoration: none; }
#ban a img { border: 0; display: inline;}
a.one {  top: 0; left: 0px; background: url(grfx/messaging_off.gif) 0 0 no-repeat; display: block; width: 105px; height: 56px;}
a.one:hover {  top: 0; left: 0px; background: url(grfx/messaging_on.gif) 0 0 no-repeat; display: block; width: 105px; height: 56px;}
a.two { position: relative; top: 0px; left: 0px; background: url(grfx/examples_off.gif) 0 0 no-repeat; display: block; width: 100px; height: 56px;}
a.two:hover { position: relative; top: 0px; left: 0px; background: url(grfx/examples_on.gif) 0 0 no-repeat; display: block; width: 100px; height: 56px;}
a.three { position: relative; top: 0px; left: 0px; background: url(grfx/about_off.gif) 0 0 no-repeat; display: block; width: 70px; height: 56px;}
a.three:hover { position: relative; top: 0px; left: 0px; background: url(grfx/about_on.gif) 0 0 no-repeat; display: block; width: 70px; height: 56px;}
a.four { position: relative; top: 0px; left: 0px; background: url(grfx/contact_off.gif) 0 0 no-repeat; display: block; width: 101px; height: 56px;}
a.four:hover { position: relative; top: 0px; left: 0px; background: url(grfx/contact_on.gif) 0 0 no-repeat; display: block; width: 101px; height: 56px;}

#main { margin: 0; padding: 0;  width: 663px; height: 347px; background: url(grfx/body.gif) 0 0 no-repeat; text-align: left;  }
#main img { margin: 0; padding: 10px; padding-top: 20px; float: left;  }
#main h4 { margin: 0; padding: 0; font-size: 14px; padding-top: 20px; margin: 20px; margin-top: 0; margin-bottom: 5px; }
#main p { margin: 0; padding: 0; margin-left: 240px; margin-right: 20px; line-height: 16px; }
#main p.jc {text-align: right; font-weight: bold; font-style: italic; font-size: 14px; margin-bottom: 12px; }
#foot {  clear: both; margin: 0; padding: 0; margin-top: -13px; width: 663px; height: 60px; background: url(grfx/foot.gif) 0 0 no-repeat; }
#foot p { text-align: left; margin-left: 240px; color: #dacbb4; line-height: 50px; font-size: 11px; }
#frame img.ftr {  position: relative; right: 3px;  }
a.one { 
voice-family:  "\"}"\"";
voice-family: inherit;
position: relative;
}
#grad { background: url(grfx/gradient.gif) 0 120px repeat-x; }
#main { height: 336px;}