@import 'modules.css';

/**
 * Header
 */
#header { height: 145px; }

/**
 * Content
 */
#content { background: url(../images/lvl2/bg-content.gif) repeat-y; position: relative; width: 960px; margin: 0 auto 30px auto; z-index: 20; }
    #content .left { position: absolute; top: 0; left: 0; width: 5px; height: 205px; background: url(../images/lvl2/bg-content-left.gif); }
    #content .right { position: absolute; top: 0; right: 0; width: 5px; height: 205px; background: url(../images/lvl2/bg-content-right.gif); }
    
    #content .container { background: url(../images/lvl2/bg-content-container.jpg) repeat-x; border-top: 1px solid #d2d2d2; padding-bottom: 50px; }
        #contentwrapper { float: left; width: 100%; min-height: 500px; margin-top: 20px; background: url(../images/lvl2/bg-contentwrapper.jpg) no-repeat 30px bottom; }
        #IE6 #contentwrapper { height: 500px; }
        #contentcolumn { margin-left: 283px;  }
        
        #contentcolumn h2 { /*color: #78951f;*/ color: #c33212; font-size: 1.8em; border-bottom: 1px solid #d7d7d7; width: 565px; margin-bottom: 30px; text-align: left; }
        #IE6 #contentcolumn h2,
        #IE7 #contentcolumn h2 { margin-bottom: 15px; }
        #content.solutions #contentcolumn h2 { /*color: #c33212;*/ width: 470px; }
        
        #path { font-size: 0.9em; margin-bottom: 25px; }
            #path a { color: #666; text-decoration: none; }
            #path a:hover { text-decoration: underline; }
        
        /* illustrations solutions */
        .illus { float: right; margin: 30px 40px 3px 20px; position: relative; z-index: 10; }
        
        #text { margin-left: 15px; width: 550px; }
        
        /* listing de pages */
        #pages-list { width: 397px; margin: 40px 0 0 34px; }
            #pages-list li { margin: 0 0 1px 0; padding: 0; background: url(../images/lvl2/bg-pages-list-top.jpg) no-repeat top left; }
                #pages-list li div { background: url(../images/lvl2/bg-pages-list-bottom.gif) no-repeat bottom left; padding: 9px 20px 10px 36px; }
                #pages-list li a { font-size: 1.1em; color: #8f8f8f; text-decoration: none; }
                #pages-list li a:hover { text-decoration: underline; }
                #pages-list li.current a { color: #5e5e5e; font-weight: bold; }
        
        /* references */
        #references { width: 630px; background: #f8f7f7; margin-top: 20px; }
            #references h3 { background: #94b0be; border-bottom: 5px solid #fff; font-size: 1.15em; font-weight: bold; color: #fff; line-height: 1.5em; margin: 0; padding: 2px 0 2px 25px; }
            #references p { margin: 5px 0 0 0; }
            #references ul { margin: 0; padding: 10px 0; }
                #references ul li { width: 250px; text-align: left; color: #577685; font-size: 1.1em; background: url(../images/bullet8.gif) no-repeat 0 20px; padding: 10px 0 5px 15px; margin: 0; border-top: 1px dotted #7b9eb0; }
                #IE6 #references ul li,
                #IE7 #references ul li, { display: inline;  }
                #references ul li.floatleft { margin-left: 25px; }
                #references ul li.floatright { margin-right: 25px; }
                #references ul li.first { border: 0; padding-top: 0; background-position: 0 10px; }
                #references ul li.clear { width: auto; height: 10px; background: 0; border: 0; margin: 0; padding: 0; overflow: hidden; }
                    #references ul li a { color: #5f8090; }
            #references div.clear { height: 20px; }
        
        /* left column */
        #leftcolumn { position: relative; float: left; width: 238px; margin: 60px 0 0 -943px; text-align: left; }
            #leftcolumn .content { position: relative; min-height: 145px; background: url(../images/lvl2/bg-leftcolumn.gif) #fff repeat-y right; padding-bottom: 4px; }
            #IE6 #leftcolumn .content { height: 145px; }
            
            #leftcolumn .top { position: absolute; top: 0; right: 0; width: 20px; height: 43px; background: url(../images/lvl2/bg-leftcolumn-top.gif); }
            #content #leftcolumn .bottom { position: absolute; bottom: 0; right: 0; width: 20px; height: 86px; background: url(../images/lvl2/bg-leftcolumn-bottom.gif) bottom; }
            
            #leftcolumn h2 { /*color: #78951f;*/ color: #c33212; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; width: 176px; padding-left: 33px; }
            /*#content.solutions #leftcolumn h2 { color: #c33212; }*/
            #leftcolumn ul { margin: 0; width: 214px;  }
                #leftcolumn ul li { background: url(../images/lvl2/bg-leftcolumn-li.gif) repeat-y right; margin-bottom: 3px; padding: 0 0 0 23px; list-style: none; }
                    #leftcolumn ul li a { display: block; padding: 3px 0 3px 11px; background: url(../images/bullet3.gif) no-repeat 0 10px; color: #444; text-decoration: none; }
                    #IE6 #leftcolumn ul li a { display: inline-block; }
                    #leftcolumn ul li a.current { background: url(../images/bullet4.gif) no-repeat 0 10px; /*color: #899759;*/ color: #c7310e; font-weight: bold; }
                    /*#content.solutions #leftcolumn ul li a.current { color: #c7310e; }*/
                    #leftcolumn ul li a:hover { text-decoration: underline; }
                
                #leftcolumn ul ul.submenu { position: relative; background: url(../images/lvl2/bg-leftcolumn-submenu.gif) #f8f8f8 repeat-y left; margin-left: -23px; margin-bottom: 15px; }
                    #leftcolumn ul ul.submenu li.submenu-top { background: url(../images/lvl2/bg-leftcolumn-submenu-t.gif) no-repeat top; height: 16px; overflow: hidden; margin: 0; padding: 0; }
                    #leftcolumn ul ul.submenu li.submenu-bottom { background: url(../images/lvl2/bg-leftcolumn-submenu-b.gif); height: 13px; overflow: hidden; margin: 0; padding: 0; }
                    
                    #leftcolumn ul ul.submenu li { background: 0; padding: 0 0 0 13px; }
                        #leftcolumn ul ul.submenu li a { background: url(../images/bullet2.gif) no-repeat 0 10px; color: #666; padding: 0 0 3px 9px; }
                        #leftcolumn ul ul.submenu li a.current { font-weight: bold; color: #c7310e; }
            
            /* sidebar content */
            #leftcolumn #sidebar { margin: 30px 0 0 8px; width: 206px; }
                #sidebar h4 { padding: 2px 10px; margin: 25px 0 10px 0; width: auto; }
    
    #content .bottom { background: url(../images/lvl2/bg-content-bottom.gif); height: 6px; overflow: hidden; }