Shift Main Navigation Text Up

Hello,

I am making some changes to WP theme's main menu navigation,
but the text will not go up, leaving a gap.

Any ideas how can I fix this?

/*
Theme Name: Engineering and Machinering
Version: 1.6.3
License: GNU General Public License
License URI: license.txt
Description: Engineering and Machinering for Wordpress. Widgets areas.
Author: GlobalOutsourcingService
Author URI: http://www.globaloutsourcingservice.com/wp-themes
Tags: blue, white, two-columns, right-sidebar, fixed-width, custom-menu, theme-options, threaded-comments
*/


* {
margin: 0 auto;
padding: 0;
}

body {
font: 16px Arial, Helvetica, sans-serif;
background: #122330 url(images/bg.png) repeat;
color: #2d2d2d;
line-height: 20px;
}

a {color: #00b2db; text-decoration: none; outline: none;}
a:hover {color: #182c3b; text-decoration: none;}

#content p {padding: 0 0 15px 0; line-height: 21px; font-size: 14px}
img {border: none;}


.container {width: 920px;}
#page-container {width: 920px; background: #ffffff; border: 1px solid #e8e8e8; padding: 25px; position: relative; float: left;}

ul, ol, li {list-style-type: none;}

/* Header */

#header {width: 920px; height: 109px; background: url(images/bg-header.png) no-repeat;}
h1#blog-title a {color: #1d1717; text-shadow: #cccccc 0 1px 10px; display: inline; width: 540px; margin: 12px 0 0 20px; position: absolute; font: bold 36px "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1#blog-title a:hover {color: #1d1717; text-shadow: #999999 0 1px 10px;}
h2#site-description {color: #ffffff; text-shadow: #b4bec5 0 1px 3px; text-transform: uppercase; display: inline; width: 540px; margin: 70px 0 0 20px; position: absolute; font-size: 15px;}


/* Main Menu Navigation */

#top-menu {width: 350px; float: right; margin: 0 10px 0 0; color: #7d7d7d;}
#top-menu .widgettitle {text-indent: -9999px; position: absolute;}
#top-menu ul {text-align: right; width: 350px; float: right;}
#top-menu li {color: #7d7d7d; display: inline; padding: 0 5px;} #top-menu li a {color: #7d7d7d; display: inline;} #top-menu li a:hover {color: #666666;}

/* Search */

#search {margin: 15px 7px 0 0; float: right; height: 26px; float: right;}
#searchtext {width: 135px; font: 11px Arial, Helvetica, sans-serif; padding: 0 10px; height: 25px; border: none !important; background: #ebebeb; color: #666666; vertical-align: middle; margin-right: 2px;}
.button {border: 0 !important; height: 25px !important; vertical-align: middle;}
#search p {text-align: right; font-size: 10px;}

/* Main Menu Navigation */

#main-menu {display: block; width: 920px; height: 20px; float: left; background: url(images/bg-menu.png) repeat-x; margin: 12px 0 12px 0;}
#main-menu .menu-header,
div.menu {width: 930px; float: left; margin: 16px 0 0 0;}
#main-menu .menu-header ul,
div.menu ul {list-style: none;}

#main-menu li {display: inline; float: left;}
#main-menu li a {font-size: 18px; color: #fff4ea; letter-spacing: 0.02em; font-weight: bold; display: inline; padding: 8px 10px 8px 10px; line-height: 15px; background: url(images/menu-div.png) repeat-y right;}
#main-menu a:hover {color: #182c3b; text-decoration: underline;}

#main-menu .menu-header li,
div.menu li {position: relative;}

#main-menu ul ul {display: none; position: absolute; top: 37px; text-align: left; left: 0; float: left; z-index: 99999;}
#main-menu ul ul ul {left: 100%;top: -7px;}
#main-menu ul ul a {background: line-height: 1em; padding: 15px; height: 44px; width: 200px; float: left;}
#main-menu li:hover > a,
#main-menu ul ul :hover > a {color: #233c50;}
#main-menu ul li:hover > ul {display: block;}

#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-ancestor > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current-menu-parent > a {
color: #233c50;
}

#themeimage {width: 625px; height: 205px; overflow: hidden; float: left; margin: 0 0 12px 0;}
#themeimage img {border: none !important; padding: 0 0 !important;}

/* content-post */

#content {width: 625px; overflow: hidden; float: left; padding: 0 0 20px 0; display: inline;}
#content hr {margin: 8px 0 15px 0; height: 30px; clear: both;}
.pagetitle {font-size: 16px !important; padding: 10px; width: 96%; float: left; background: #f3f3f3; border: 1px solid #e9e9e9; text-transform: uppercase; margin: 12px 0;}
a.pdf-icon {background: url(images/pdf_icon.gif) no-repeat 0 0; padding: 10px 0 0 50px; height: 32px; float: left; width: 100%;}

#content ul {margin: 5px 15px 5px 5px; display: block;}
.hentry ul li {background: url(images/listmark.png) no-repeat 0px 9px; padding: 3px 0 3px 12px; display: block;}
.hentry li a {color: #3b5c7d;} .hentry li a:hover {color: #3b5c7d; text-decoration: underline;}
.hentry ol {margin-bottom: 10px;}
.hentry ol li {list-style-type: decimal !important; background: none; margin: 4px 0 4px 20px;}

/* Headings */
#content h1, h2, h3, h4, h5, h6 {clear: both; margin-bottom: 8px; color: #122330;}
#content h1 {font-size: 24px; line-height: 115%;}
#content h2 {font-size: 20px; line-height: 115%;}
#content h3 {font-size: 18px; line-height: 115%;}
#content h4 {font-size: 15px; line-height: 120%; color: #f1871c;}
#content h5 {font-size: 13px; line-height: 120%; }
#content h6 {font-size: 11px; line-height: 90%;}

blockquote {font-style: italic; padding: 1em 1em 0 1em; background: #eff1f3; border: 1px solid #e9e9e9; margin-bottom: 10px;}
.post {margin-bottom: 12px; float: left; width: 95%; padding: 8px 15px; background: #ffffff url(images/bg-shadow.png) repeat-x top; border: 1px solid #e9e9e9;}

/* Images */

#content embed {width: 590px !important;}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
.alignright,
img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft,
img.alignright,
img.aligncenter {margin-bottom: 12px;}
.wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; padding: 2px 6px 2px 2px; text-align: center; border: 1px solid #dcdcdc;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888888; font-size: 12px; margin: 5px 5px 0 5px;}
.wp-smiley {margin: 0;}

#content .gallery {margin: 0 auto 18px;}
#content .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
#content .gallery img {max-width: 170px !Important; width: auto !Important; width: 170px;}
#content .gallery .gallery-caption {color: #888888;font-size: 12px;margin: 0 0 12px;}
#content .gallery dl {margin: 0;}
#content .gallery img {border: 1px solid #e1e1e1; padding: 3px; margin: 8px 0;}
#content .gallery br+br {display: none;}

/* Attachments */
#content .attachment {width: 90%; float: left;}
#content .attachment img {max-width: 920px !Important; border: 1px solid #d8d8d8; padding: 3px;}
#content .attachment img {display: block;margin: 0 auto;}
.attachment #content {width: 100% !important;} .attachment #content img {float: left; clear: both}
.navigation {width: 100%; float: left; margin: 10px 0 20px 0;} .previous-attach{float: left;} .next-attach{float: right;}

/* Sidebar */

#sidebar {width: 270px; float: right;}

.widget-container {float: right; width: 240px; margin-bottom: 12px; min-height: 40px; height: auto !important; height: 40px; padding: 8px 15px; background: #ffffff url(images/bg-shadow.png) repeat-x top; border: 1px solid #e9e9e9;}
h3.widget-title {color: #122330; font-size: 15px; text-align: left; font-weight: bold; text-transform: uppercase; width: 100%;}
#sidebar .widget-container li {list-style-type: none; padding: 1px 0 1px 12px; width: 100%; clear: both; display: block; color: #818181; font-size: 12px; background: url(images/listmark.png) no-repeat 0 9px;}

#sidebar .sub-menu {margin-left: 15px;}
#sidebar .children {margin-left: 15px; display: none;}
#sidebar .current_page_item .children {display: block;}
#sidebar .current_page_ancestor .children {display: block;}
#sidebar .current-cat .children {display: block;}
#sidebar .current-cat-parent .children {display: block;}

#sidebar ul li.current_page_item > a,
#sidebar ul li.current-cat > a,
#sidebar ul li.current-menu-ancestor > a,
#sidebar ul li.current-menu-item > a,
#sidebar ul li.current-menu-parent > a {
color: #24ab35 !important; font-weight: bold;
}

/* Search widget */
#s {background: #eff1f3; width: 65%; height: 14px; padding: 5px;font: 13px Arial, Helvetica, sans-serif; border: 1px solid #e9e9e9 !important; color: #121212;}
label.screen-reader-text {position: absolute; left: -9000px;}
#searchsubmit{width: 55px; height: 26px; border: 1px solid #e9e9e9; margin-left: 2px; background: #eff1f3; color: #121212; cursor: pointer;}

/* Calendar */
#wp-calendar {width: 100%;}
#wp-calendar a {font-weight: bold;}
#wp-calendar caption {font-size: 12px; font-weight: lighter; font-style: italic; padding-bottom: 4px;text-align: center;text-transform: uppercase; color: #999;}
#wp-calendar thead {font-size: 11px;}
#wp-calendar thead th {}
#wp-calendar tbody {color: #121212;}
#wp-calendar tbody td {background: #eff1f3; border: 1px solid #e7eef5; padding: 3px 0 2px;text-align: center;}
#wp-calendar tbody .pad {background: none;}
#wp-calendar tfoot #next {text-align: right;}

.post-nav {width: 100%; float: left ;font-size: 13px; margin-bottom: 10px;}
.previous-post {float: left;}
.next-post {float: right; padding-right: 10px;}

/* Single */

h2.entry-title {font-size: 18px !important; padding-top: 5px; margin-bottom: 2px;}
h2.entry-title a:hover {color: #0287c0;}

.entry-meta {color: #8b8b8b; font-size: 11px; margin-bottom: 10px;}
.entry-utility {color: #8b8b8b; font-size: 11px; margin: 10px 0 5px 0; clear: left;}
.entry-caption {clear: left;}
#entry-author-info {padding: 10px; width: 96%; float: left; background: #f3f3f3; border: 1px solid #e9e9e9; margin: 12px 0;}



/* Footer */

#footer {width: 880px; height: 20px; background: #f3f3f3; border: 1px solid #e9e9eb; clear: both; color: #122330; margin: 20px 0 0 0; padding: 10px 20px; float: left; font-size: 11px;}
#footer a {color: #1281e0;}
#footer a:hover {color: #1281e0; text-decoration: underline;}
#footer #webdesign {float: left;}
#footer #copyright {float: right;}


/* Comments */

#comments {width: 100%; float: left;}

ol.commentlist {
margin:0;
padding: 0;
}

.commentlist li {
margin: 15px 0;
padding: 20px;
background: #f6f6f6;
list-style:none;
width: 95%;
float: left;
}

.commentlist .commenttext {padding:22px 0 50px 0;}

.commentlist cite {
display:block;
font-weight:bold;
text-transform:uppercase;
font-style:normal;
padding-bottom:12px;
font-size:1.1em;
}

.commentlist .date {background:#930e27; padding:3px;}
.comment-meta {margin-top: -35px; float: right; font-size: 11px; font-style: italic;}
.comment-body {border-top: 1px solid #cccccc; padding: 10px 0;}
.comment-body img {border: none;}
.comment-body li {border: none; background: url(images/listmark.png) no-repeat 0 8px; padding: 0 0 0 12px; margin: 0 0 2px 0;}
.comment-body ol {margin-bottom: 10px;}
.comment-body ol li {list-style-type: decimal !important; background: none; margin: 2px 0 2px 20px; padding: 0;}

ol.commentlist li ul.children li {margin: 25px 0 0 0; width: 95% !important; float: left;}
ol.commentlist li div.reply {text-align: left; padding: 15px 0;}
li.alt {background: #f0f0f0;}

li.alt .date {background:#67421c;padding:3px;}
.says{display: none;}
.commentlist .bypostauthor {}

/* Input */

h3#comments-title {font-size: 20px !important; margin-top: 10px;}
h3#reply-title {font-size: 20px !important;}

#respond p, .cancel-comment-reply {
color: #121212;
line-height: 1.4em;
margin: 10px 0 0 0;
}

.text {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 2px;
color: #121212;
width: 200px;
}

#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}

.comment-notes .required {
color: #ff4b33;
font-weight: bold;
}

.comment-notes .required {
color: #ff4b33;
font-weight: bold;
width: 100%;
float: none !important;
top: 0px !important;
}

#respond .required {
color: #ff4b33;
font-weight: bold;
padding-top: 2px;
float: left;
margin: -20px 0 0 0;
}

#respond label {
color: #000000;
font-size: 12px;
margin: -20px 0 0 10px;
float: left;
}
#respond input {
width: 60%;
height: 18px;
padding: 5px;
font-size: 13px;
background: #f3f3f3;
clear: both;
border: 1px solid #e1e1e1;
color: #000000;
margin: 0 70% 0 0;
font-family: Arial, Helvetica, sans-serif;
}
#respond .form-allowed-tags {
color: #000000;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}

#respond textarea {
background: #f3f3f3;
border: 1px solid #e1e1e1;
color: #000000;
margin-top: 5px;
width: 98%;
font: 12px Arial, Helvetica, sans-serif;
padding: 8px;
}

#respond .form-submit input {
display:inline-block;
background: url(images/btn-submit.png) repeat-x top;
padding: 10px 18px 28px 18px;
font-size: 13px;
width: 270px;
line-height:1.2307em;
border: 1px solid #e6e6e6;
border-bottom:1px solid #c9c9c9;
text-decoration:none;
font-weight:bold;
color:#999999;
text-transform:uppercase;
cursor: pointer;
margin-top:10px;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
position: relative;
}

.form-submit #submit:hover {
background: url(images/btn-submit.png) repeat-x bottom;
border:1px solid #e6e6e6;
border-bottom: 1px solid #bebcbc;
color: #333333;
}


/* comment navigation */
.commentnav {
display: block;
}

.commentnav a {
padding: 4px;
font-size: 1.2em;
border: 1px solid #ddd;
color: #999;
}

.commentnav a:hover {
border: 1px solid #bbb;
color: #ff8a00;
}

.commentnavleft {
float: left;
display: inline;
}

.commentnavright {
float: right;
display: inline;
}

.commentnavleft a {
float: left;
display: block;
margin: 15px 0 15px 0;
}

.commentnavright a {
float: right;
display: block;
margin: 15px 0 15px 0;
}

/* end comments */


.home .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
padding: 18px;
}

.edit-link {width: 100%; float: left;}

.page-link {
clear: both;
color: #000;
margin: 0 0 22px 0;
}

/* Tables */

table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
#content table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
#content tr th,
#content thead th {color: #888; font-size: 12px; font-weight: bold; line-height: 18px;padding: 9px 24px;}
#content tr td {border-top: 1px solid #e7e7e7;padding: 6px 24px;}
#content tr.odd td {background: #f2f7fc;}

 

Do you have the site online?

 

not yet, need to fix these problems first,
but the demo is here wordpress.org/extend/themes/engineering-and-machinering

 

I recommend using firefox and the firebug plugin for firefox to tamper with the CSS onsite.

http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/