
.container { position: relative; width: 950px; margin: 0 auto; }

/**
 * Header
 */
#header { position: relative; z-index: 30; text-align: left; }

    /* logo */
    #header h1 { position: absolute; top: 24px; left: 10px; width: 175px; height: 54px; background: url(../images/logo.gif); }
        #header h1 a { height: 54px; }
    
    #header #baseline { position: absolute; top: 47px; left: 225px; /*color: #949393;*/ color: #c91616; font-size: 1.7em; }
    #header #download-brochure { position: absolute; top: 8px; right: 1px; width: 174px; height: 46px; background: url(../images/btn-download-brochure.gif); }
    #header #all-solutions { position: absolute; top: 99px; left: 0; width: 203px; height: 45px; background: url(../images/btn-all-solutions.jpg); }
    
    #header #menu { position: absolute; top: 103px; left: 203px; width: 748px; margin: 0; z-index: 30; }
        #menu ul.level2 { position: absolute; display: none; margin: 0; }
        
        #menu li { position: relative; float: left; height: 41px; padding: 0; margin: 0; background: url(../images/bg-menu.jpg); list-style: none; }
            #menu li a { height: 41px; }
        
        #menu li#menu2 { width: 121px; background-position: 0 0; }
        #menu li#menu2:hover, #menu li#menu2.current { background-position: 0 bottom; }
        #menu li#menu3 { width: 113px; background-position: -121px 0; }
        #menu li#menu3:hover, #menu li#menu3.current { background-position: -121px bottom; }
        #menu li#menu4 { width: 113px; background-position: -234px 0; }
        #menu li#menu4:hover, #menu li#menu4.current { background-position: -234px bottom; }
        #menu li#menu5 { width: 114px; background-position: -347px 0; }
        #menu li#menu5:hover, #menu li#menu5.current { background-position: -347px bottom; }
        #menu li#menu6 { width: 118px; background-position: -466px 0; margin-left: 5px; }
        #menu li#menu6:hover, #menu li#menu6.current { background-position: -466px bottom; }
        #menu li#menu7 { width: 158px; background-position: -590px 0; margin-left: 6px; }
        #menu li#menu7:hover, #menu li#menu7.current { background-position: -590px bottom; }
        
        #menu ul.level2 { top: 40px; left: 1px; background: #fff; width: 160px; border: 1px solid #6d6d6d; border-top: 9px solid #b5b5b6; padding-bottom: 5px; }
            #menu ul.level2 li { float: none; height: auto; background: url(../images/bullet1.gif) no-repeat 15px 11px; font-size: 0.9em; line-height: 1.4em; }
                #menu ul.level2 li a { display: block; height: auto; padding: 5px 5px 5px 25px; text-decoration: none; color: #666; }
                #menu ul.level2 li a:hover { text-decoration: underline; }
        
        #menu li:hover ul.level2 { display: block; }

/**
 * Footer
 */
#footer { text-align: left; }

    /* Solutions */
    #footer h2 { color: #575757; font-size: 1.3em; padding-left: 36px; line-height: 30px; background: url(../images/bg-footer-title.gif) no-repeat left; margin: 15px 0 16px 0; }
        #footer h2 a { color: #575757; text-decoration: none; }
    
    #solutions { background: url(../images/bg-footer-solutions.gif) repeat-y 204px 0; padding-bottom: 10px; margin-bottom: 45px; }
        #solutions h3 { color: #c91616; font-size: 1em; font-weight: bold; margin: 0 0 10px 0; line-height: 1.6em; }
            #solutions h3 a { color: #c91616; }
        #solutions .col1 { float: left; width: 190px; }
        #solutions .col2 { float: left; width: 270px; margin-left: 36px; }
        #solutions .col3 { float: left; width: 225px; margin-left: 38px; }
        #solutions .col4 { float: left; width: 150px; margin-left: 38px; }
        #solutions ul { margin: 0 0 20px 0; }
            #solutions li { list-style: none; padding: 0 0 3px 10px; margin: 0; background: url(../images/bullet2.gif) no-repeat 0 10px; }
            #solutions a { color: #666; text-decoration: none; }
            #solutions a:hover { text-decoration: underline; }
    
    #bottom { position: relative; border-top: 1px solid #d4d4d4; padding-top: 5px; height: 70px; }
        #bottom a { color: #666; text-decoration: none; }
        #bottom a:hover { text-decoration: underline; }
        
        #bottom #equidisto { position: absolute; top: 20px; left: 5px; }
        #bottom #viziago { position: absolute; top: 17px; left: 118px; }
        #bottom #pyxis { position: absolute; top: 4px; right: 3px; }
