body { background-color: #000000; color: #000000; font-family: tahoma, verdana, sans-serif; font-size: 100%; }
a:link, a:visited { color: #009; text-decoration: none; }
a:hover { color: #FC0; text-decoration: underline; }
#hello { text-align: center; width: 100%; height: 145px; }
#head { width: 800px; height: 135px; border: 0; }
#everything { position: relative; width: 800px; margin-left: auto; margin-right: auto; }
/* menu system */
#navcontainer { width: 135px; float: left; border: 1px solid #000; background-color: #FFF; margin-right: 15px; }
#navcontainer ul { margin: 5px; padding: 5px; list-style-type: none; }
#navcontainer a { display: block; padding: 3px; padding-left: 27px; height: 25px; border-bottom: 1px solid #EEE; }
#navcontainer a:link, #navlist a:visited { color: #009; text-decoration: none; width: 90px; }
#navcontainer a:hover { color: #FC0; width: 90px; }
.menu-pricelist { background-image: url(menu-bg-pricelist-off.gif); }
.menu-pricelist a:hover { background-image: url(menu-bg-pricelist-on.gif); }
.menu-portfolio { background-image: url(menu-bg-portfolio-off.gif); }
.menu-portfolio a:hover { background-image: url(menu-bg-portfolio-on.gif); }
.menu-profile { background-image: url(menu-bg-profile-off.gif); }
.menu-profile a:hover { background-image: url(menu-bg-profile-on.gif); }
.menu-links { background-image: url(menu-bg-links-off.gif); }
.menu-links a:hover { background-image: url(menu-bg-links-on.gif); }
.menu-contact { background-image: url(menu-bg-contact-off.gif); }
.menu-contact a:hover { background-image: url(menu-bg-contact-on.gif); }
/* end menu */
#content { position: relative; float: right; width: 620px; border: 1px solid #000; background-color: #FFF; padding: 10px 10px 10px 10px; margin: 0; height: 99%; }
h1 { font-family: tahoma, verdana, sans-serif; font-size: 150%; font-weight: bold; color: #48900A; padding: 0; margin: 0; }
h2 { font-family: tahoma, verdana, sans-serif; font-size: 120%; font-weight: bold; color: #CF9436; padding: 0; margin: 0; }