Main Menu showing as a list

I'am not sure why but it seams your menu is different form original. Anyway this should work for you:

.nav > li > a, #nav > li > a{
padding: 0 10px;
margin: 0;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 3px solid #262626;
color: #262626;
}


Add it to template_css.css

Hey Ivan,

I put in the code as instructed

.nav > li > a, #nav > li > a{
padding: 0 10px;
margin: 0;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 3px solid #262626;
color: #262626;
}

Enclosed I have attached a screenshot now I have a solid line. I would like to look like the demo with spaces between the menu items. can you please help me out with this.

Try:

.nav > li > a, #nav > li > a{
padding: 0 10px;
margin: 0;
margin-right:6px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 3px solid #262626;
color: #262626;
}

Ivan,

Can you please help me with the left menu joomlademo619.com/llg3/jupgrade/index.ph...ctice/practice-areas . Enclosed please find an image of the website the menu on the left is all jumbled. Please Advise.

Gary

In template_css.css:

.content .nav > li > a {
position: relative;
display: block;
padding: 0;
height: 25px;
line-height: 25px;
margin: 3px 0;
color: #232323;
}

just remove:

height: 25px;
line-height: 25px;

Ivan,

I removed the height: 25px;line-height: 25px; but the line is still on the side menu. Can you please tell me how to remove the underline from the side menu and leave it on the top menu.

Gary