@media screen, projection {

#navigation { height: 240px; overflow: hidden; }

 #navigation #banner { margin: 0; }
  #navigation #banner img { display: block; }

 #navigation p.more { position: absolute; top: 145px; left: 585px; font-size: 1.1em; }
  #navigation p.more a { color: #22609f; background: transparent url(../img/bullets/arrow-large.gif) no-repeat 100% 2px; padding: 0 17px 0 0; height: 2em; display: block; line-height: 2em; }
  #navigation p.more a:hover { color: #000; background-position: 100% -179px; }

 #navigation ul { position: absolute; left: 0; bottom: 10px; height: 40px; overflow: visible; }
  #navigation ul li { bottom: 0; height: 40px; }

   #navigation #nav-1 a { border-top: 10px solid #e67a0c; border-bottom: none; }
   #navigation #nav-2 a { border-top: 10px solid #009ca9; border-bottom: none; }
   #navigation #nav-3 a { border-top: 10px solid #ad379c; border-bottom: none; }
   #navigation #nav-4 a { border-top: 10px solid #e1b000; border-bottom: none; }
   #navigation #nav-5 a { border-top: 10px solid #39b300; border-bottom: none; }

#navigation div.close { height: 10px; background: #fff url(../img/backgrounds/navigation-back.gif) repeat-x 0 0; position: relative; top: 30px; }

#side { margin: 0 0 20px 16px; padding: 15px 0 0 0; width: 230px; position: static; }
 #side .links a { padding-left: 0; padding-right: 0; }

#main { clear: both; float: none; width: auto; }

}