#header { // width: 820px; position: relative; height: 120px; background: #000011 url(header.jpg) no-repeat center top; // background:black; padding: 0; font-size: 14px; color: #FFF; } #header h1#logo-text { // position: absolute; margin: 0; padding: 0; font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFFFFF; text-transform: none; text-align: center; /* change the values of top and left to adjust the position of the logo*/ top: 28px; left: 50px; } #content { color: #FFFFFF; text-transform: none; text-align: center; } #navcontainer { width: 100%; float: left; background-color: black; } #navcontainer ul { padding: 0; } #navcontainer ul li { display: inline; } #navcontainer ul { margin: 0; padding: 0 0 0 7%; color: #FFFFFF; font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif; //font-size: .65em; letter-spacing: 2px; font-weight: bold; float: right; background:black; } #navcontainer ul li a { padding: 0.2em 12px; background-color: black; color: #FFFFFF; text-decoration: none; float: left; //border-right: 1px solid #94B473; } #navcontainer ul li a:hover { background-color: #ECECEC; color: #333; } #navlist li a:hover, #navlist li a:active { color: #FFFFFF; text-decoration: none; background:black; text-align: right; font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif; }