Резервный код с горизонтальным меню N 1-2

<div id="container">
<div id="header">
<img src="http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i9a75c7d2c5b9ff30/1294085168/std/image.jpg" width="606" height="296" alt="" />
</div>
<br />

<div style="background: #202020; padding:3px 0 3px 0;">
&#160;
</div>

<div style="margin: -23px 0 23px 15px">
<var>navigation[1|2|3]</var>
</div>

<div id="content">
<var>content</var>
</div>

<div id="footer">
<div class="gutter">
<var>footer</var>
</div>
</div>
</div>
<br />

<div id="sidebar">
<var>sidebar</var>
</div>


/* Typo
----------------------------------------------- */

a:link, a:visited
{
text-decoration: underline;
color:#333;
}
a:active { text-decoration: underline; }
a:hover { text-decoration: underline; color:#ddffff;}


h1 { font:bold 16px/140% Verdana, sans-serif, "Trebuchet MS"; }
h2 { font:bold 15px/140% Verdana, sans-serif, "Trebuchet MS"; }

p { font: 12px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* Layout
----------------------------------------------- */

body {
background-color: #040404;
padding:0;
margin:0;
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.rssFeed img{padding:26px 0 10px 0;}
#container
{
margin:0 auto; margin-bottom:32px;
width:1224px;
background:#000; border: 1px solid #111;
}

#header
{
padding:10px 17px 11px 17px;
}

#header h1,
#header a
{
padding:0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
color:#666666;
text-align:right;
}

#header a:hover { text-decoration:none; color:#ddffff; }

#navigation
{ margin-top:0px;
float:left;
width:1180px;
padding: 0 22px 0 22px;

}
#sidebar
{margin:0 auto;text-align:center;margin-top:566px;
width:193px;
padding: 0 22px 0 22px;
}
#sidebar a:hover { text-decoration:none; color:#ddffff; }

#content
{
float:left;

width:1178px;margin-top:70px;
padding:0 0px 0px 23px;
}
#content a:hover { text-decoration:none; color:#ddffff; }
#footer
{
clear:both;
margin-top:30px;
background:url(http://qwery.org.ru/bans/footer2.png) repeat-x top;
height:115px;
}

#footer .gutter
{
height:30px;
padding:45px 45px 0 90px;
}

/* Navigation
----------------------------------------------- */

ul.mainNav1

{
margin:0;
padding: 0;
}
ul.mainNav2
{
margin:0;
padding: 0;
}
ul.mainNav1 li

{ display:inline; float:left; width:138px; list-style:none; text-align:center;

}
ul.mainNav2 li

{display: inline;
margin:26px 138px -28px -138px;
padding: 0;}


ul.mainNav1 li a,
ul.mainNav2 li a
{
font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;

text-decoration: none;
display: block;
color:#888;
border-bottom:1px solid #000;
}


ul.mainNav1 li a { padding:4px 4px 4px 0px; }
ul.mainNav2 li a { padding:4px 4px 4px 0px; }
ul.mainNav3 li a { padding:4px 4px 4px 0px; }


ul.mainNav1 a:hover
{ padding-left:0px;

color:#dff;
}

  ul.mainNav1 a.current { font-weight:bold; }

 

 

 

 

Рабочий код.

 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 

<div id="header" style="margin:0 auto; width:870px; height:212px; background:url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i0e8a62e9c9f13a9e/1323347117/std/image.png)">
<div id="blancc" style="width:0px; height:8px;">
</div>
<img src="http://u.jimdo.com/www29/o/s0fae7e09cc49c534/img/ifaf11734d5db6c41/1323263718/std/image.png" alt="" /> <img style="margin:-234px 0 0 430px" src=
"http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i7bc97dc81e12b31d/1324343027/std/image.png" alt="" />
</div>

<div id="shadd" style="margin:0 auto; width:870px; height:40px; background:url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i0eaf5afbfd0ee07a/1323350920/std/image.png)">
</div>

<div id="container" style="margin-top:0px">

<div id="content">
<div id="navigation">
<div id="topmen" style="width:181px; height:24px; background:#222 url()">
</div>
<var>navigation[1|2|3]</var>
<div style="padding-left:77px;padding-top:48px">
<a href="http://jifix.jimdo.com/" target="_blank"><img src="http://u.jimdo.com/www12/o/sbdc521d25787341e/img/i92c2ff8588f788a1/1315226545/std/image.png" border="0" alt=
"elfix flash" /></a>
</div>
<br />

<p style="padding-left: 50px;">
<a href="http://elfixbox.blogspot.com/" target="_blank"><img border="0" src="http://lfx.weebly.com/uploads/6/4/6/7/6467435/elbox-red88.png" alt="" /></a>
</p>
<br />

<p style="padding-left: 15px;">
<a href="http://elco.jimdo.com/" target="_blank"><img src="http://box.elfix.jino.ru/bans/elcolinks3wb.png" border="0" alt="Elcolinks" /></a>
</p>
</div>
<var>content</var>
</div>
</div>

<div id="footer">
<div style="margin: 0; background: url(https://lh6.googleusercontent.com/-TLgCjxNSSb0/TScHZlLsfJI/AAAAAAAAAOc/fv4eQmh-G4g/s954/sad-blg1.png) no-repeat center top;">
&#160;<br />
<br />
</div>

<div class="gutter01">
<div id="sidebar">
<var>sidebar</var>
</div>
</div>

<div style="clear: both">
</div>

<div class="gutter01">
<var>footer</var>
</div>
</div>

 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 

 

 /* Typo
----------------------------------------------- */

a:link, a:visited
{
text-decoration: underline;
color:#337BFF;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; color:#9300EF }


h1 { font:bold 16px/140% Verdana,"Trebuchet MS", sans-serif;}
h2 { font:bold 16px/140% Verdana,"Trebuchet MS", sans-serif; }

/* Layout
----------------------------------------------- */

body
{
background:url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i7c87ff07492378bb/1323347587/std/image.png) #eeeeee repeat-x;
padding: 0;
margin:0;
}
#container
{
margin:0 auto;
width:1020px;
background:#F2F2FF;

}

#header
{
margin:0 auto;
width:870px;
padding:0px;
}


#header h1,
#header a
{
padding:0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
color:#4E8CE2;
text-align:right;
}

 

 #header a:hover { text-decoration:none; }


#navigation


{
float:right;
width:181px;

padding:0px 8px 0 28px;
margin:-60px 0 0 0;
}
#sidebar

{margin:0 auto;text-align:center;
float:left;

width:736px;
padding:28px 0 18px 0;
}
#sidebar img {margin:0 auto}

#content
{
float:left;

width:978px;
padding:20px 19px 60px 19px;
}
#content a:hover { text-decoration:none; }
#footer
{
clear:both;
margin-top:10px;
background:url(https://lh6.googleusercontent.com/-1_VY4aD8OLg/Tt0TmQ8bhqI/AAAAAAAABAg/6nZmgO6KpK0/s500/bw001-bg.png) top;
height:477px;
}

.gutter01
{
margin:0 auto;
width:736px;

}

 

 


#footer a {font-size:10px; color:#7a7a7a}

/* Navigation
----------------------------------------------- */


ul#mainNav1,
ul#mainNav2
{
margin:0;
padding: 0;
}


ul#mainNav1 li,
ul#mainNav2 li
{
display: inline;
margin: 0;
padding: 0;
}


ul#mainNav1 li a

{
font:normal 13px/140% Verdana,Arial;
text-decoration: none;
display: block;
color:#1E6CE2;
border:1px solid #404040; background:#404040;
margin-bottom:-1px;
}
ul#mainNav2 li a
{
font:normal 10px/140% Verdana,Aria;
text-decoration: none;
display: block;
color:#8295aa;
border:1px solid #000;background:#000;
margin-bottom:-1px;
}

ul#mainNav1 li a { padding:4px 4px 4px 8px; }

ul#mainNav2 li a { padding:3px 4px 5px 34px; }


ul#mainNav1 a:hover
{
background:#262626;
color:#aff;
}

ul#mainNav1 a.current {
background: #58c444 url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/i451056a4af0c809e/1323602171/std/image.png);
font-weight:bold;
color:#ddf;
}

 

 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HEADER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

 

 

<style type="text/css">
/*<![CDATA[*/


div#jimdobox
{
width:176px;
height:350px;
border:0;
background-image: url(http://u.jimdo.com/www20/o/s6e50dee99e9b941a/img/iee592a0d116c04b4/1323068946/std/image.png);
background-color: #fff;
padding:3px;

font: 10px/140% Verdana,Arial;
overflow:hidden;
color:#333;
text-align:left;
}
div#jimdobox span.title {
margin:3px 0 0 28px;
color: #555; line-height:25px;
} /* Строка Pages to the People */
div#jimdobox hr {
background-color:#ddd;
color:#fff;
border: #fff;
height: 1px;
}
div #systemWorking p{width:170px;padding:20px 5px;}

div.n clearover j-blogarticle{padding: 44px 0}
.blogselection h1 {text-align:left;}
.blogselection h1 a{ font-size:13px;}
.blogselection a{font-size:11px; padding:0;}
.c{float:left}
p.day{padding-top:4px;font-size:17px;color:#ddf;}


.com-meta span {font-size:10px;color: #75A4A3}


div #contentfooter{margin-left:23px; width:680px;}

/* JimdoFriends
----------------------------------------------- */
div.jimdofriends {margin-right: -33px}
div.jimdofriends .vcard
{float:left;width:212px;height:56px;padding:3px 5px;margin:0
25px 25px 0;border-width:0px 0px 0px 0px;
border-color:#fff #fff #fff #fff;
background:#63AE32;color:#333;overflow:hidden
}
div.jimdofriends .vcard img
{border:1px solid #96F977;height:50px;width:50px;padding:2px}

div.jimdofriends .vcard a{color:#def !important;}

.gor img {float:left; padding:4px 8px 14px 0}
.gor a {float:left; padding: 0 24px 0 0; color: #dff;}



/*]]>*/
</style>

 

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^