body {
    background: #dadada;
    font:10px/1.0 Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px; }
#frame {
    width:800px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    padding:0px;
    text-align:left; }
#logo {
    width:238px;
    height:41px;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    padding:0px;
    text-align:left;
    background: transparent url(logo.jpg)
    no-repeat; }   
#menu {
    width:234px;
    margin-right:auto;
    margin-left:auto;
    margin-top:-10px;
    padding:0px;
    text-align:left; }
#contentframe {
    width:800px;
    float: left;
    margin-bottom: 10px; }
#copyright {
    width:200px;
    margin-right:auto;
    margin-left:auto;
    padding: 0px;
    text-align:center; }
p {
    margin-top:10px; }
a {
	color:#565656;
	decoration:none; }

/*BEGIN NAVIGATION MENU*/
#nav {
    width: 234px; height: 14px;
    background: url(rollovers.jpg);
    margin: 10px auto; padding: 0;
    position: relative;}
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#nav li, #nav a {
    height: 14px; display: block;}
#portfolio {left: 0; width: 71px;}
#projects {left: 72px; width: 70px;}
#bio {left: 142px; width: 30px;}
#contact {left: 173px; width: 61px;}
#portfolio a:hover {
    background: transparent url(rollovers.jpg)
    0 -14px no-repeat;}
#projects a:hover {
    background: transparent url(rollovers.jpg)
    -72px -14px no-repeat;}
#bio a:hover {
    background: transparent url(rollovers.jpg)
    -142px -14px no-repeat;}
#contact a:hover {
    background: transparent url(rollovers.jpg)
    -173px -14px no-repeat;}
/*END NAVIGATION MENU*/