body { background-image:url(graphics/bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;}
a:visited { color:#666;}
a:link, a:active { color:#234696; }
a:hover { color:#3771DA; font-weight:normal; }
#main { position:relative; left:30%; margin-left:-500px; width:932px; text-indent:-9999px; background-image:url(graphics/main.jpg);
    height:395px;
}
#content { position:absolute;  left:435px; top:1px; width:371px; height:147px; z-index:2; text-indent:0;
    padding:20px; padding-top:28px; background-image:url(graphics/homebg.gif); background-repeat:no-repeat; line-height:19px;
}
#content ul { margin-top:15px;}
ul li { list-style: circle; margin-left:50px; margin-bottom:5px; font-size:11px;}
#menu { position:absolute; top:195px; left:336px;}
#menu a { display:block; text-indent:-9999px; position:absolute; top:0px; height:28px;}
#m-home {
    left:1px;
    width:70px;
    z-index:1;
    visibility:visible;
}
.m-home-class { background-image: url(graphics/m-home.gif);}
.m-home-classHover { background-image: url(graphics/m-home_f2.gif);}
#m-about {
    left:92px;
    width:87px;
    z-index:2;
    visibility:visible;
}
.m-about-class { background-image: url(graphics/m-about.gif); }
.m-about-classHover { background-image: url(graphics/m-about_f2.gif);}
#m-port {
    left:197px;
    width:135px;
    z-index:3;
    visibility:visible;
}
.m-port-class { background-image: url(graphics/m-port.gif);}
.m-port-classHover { background-image: url(graphics/m-port_f2.gif);}
#m-serv {
    left:346px;
    width:110px;
    z-index:4;
    visibility:visible;
}
.m-serv-class { background-image: url(graphics/m-serv.gif);}
.m-serv-classHover { background-image: url(graphics/m-serv_f2.gif);}
#m-contact {
    left:471px;
    width:109px;
    z-index:5;
    visibility:visible;
}
.m-contact-class { background-image: url(graphics/m-contact.gif);}
.m-contact-classHover { background-image: url(graphics/m-contact_f2.gif);}
.medium { font-size:11px; }