/*-------------------------------------------
Style sheet for centred fixed width site layout
Version: 1
Author: Hannah Watkins | Clear Breeze Design
Email: enquiries@clearbreezedesign.com
Website: http://www.clearbreezedesign.com
-------------------------------------------*/


body 
{
    background-color: #ffffff;
    color: #000000;
    margin-top: 10px;
    margin-left: 0
}

img 
{
    border: 0
}


/* creates centred fixed-width page */

div#wholepage    
{
    width: 760px;
    margin: auto
}


    /* top banner */
    
    div#wholepage div#topbanner 
    {
        width: 760px;
        height: 128px;
        background-image: url('../../images/topbanner.gif');
        background-position: top;
        background-repeat: no-repeat;
    }
    
        /* top level menu */
        
        div#wholepage div#topbanner ul#toplevnav    
        {
            padding-top: 15px;
            margin-left: 0;
            padding-left: 35px;
            margin-bottom: 0;
            padding-bottom: 0
        }
        
            div#wholepage div#topbanner ul#toplevnav li 
            {
                display: inline;
                padding-right: 0;
                padding-left: 0;
                padding-bottom: 0;
                margin-bottom: 0;
                float: left
            }
    
        /* language flags */
        
        div#wholepage div#topbanner ul#languages  
        {
            float: right;
            margin-top: 25px;
            padding-right: 60px;
        }
        
            div#wholepage div#topbanner ul#languages li   
            {
                display: inline;
            }
            
        
        /* logo positioning */
        
        div#wholepage div#topbanner h1  
        {
            margin-top: 0;
            padding-top: 40px;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-left: 20px;
            clear: left;
        }
        


    /* main page area */

    div#wholepage div#main  
    {
        background-image: url('../../images/mainbg.jpg');
        background-position: top;
        background-repeat: no-repeat;
        border-top: 1px solid #ffffff
    }
    
        /* tagline */
        
        div#wholepage div#main div#tagline  
        {
            padding-top: 320px;
            padding-left: 15px;
            float: left;
            width: 390px;
        }
            /* ! tagline text alternative ! */
            
            div#wholepage div#main div#tagline
            {
                color: #ffffff;
                font-weight: bold
            }
        
    
        
        /* ecolab logo */
        
        div#wholepage div#main img#ecolablogo   
        {
            margin-right: 55px;
            margin-top: 20px;
            float: right;
            clear: left
        }
        
        
        /* news items */
        
        div#wholepage div#main ul#newsitems   
        {
            width: 250px;
            margin-left: 450px;
            padding-top: 0;
            padding-left: 0;
            list-style: none;
        }
        
            div#wholepage div#main ul#newsitems li  
            {
                padding-bottom: 10px;
                padding-top: 10px;
                border-bottom: 1px solid #003399;
                background-image: url('../../images/newslistbg.gif');
                background-position: bottom;
                background-repeat: no-repeat
            }
            
               div#wholepage div#main ul#newsitems li a  
               {
                    text-decoration: none;
                    color: #003399;
               } 
               
               div#wholepage div#main ul#newsitems li a:hover   
               {
                    color: #00bbe7
               }
            
                    div#wholepage div#main ul#newsitems li a em  
                    {
                        font-style: normal;
                        font-weight: bold;
                    }
                    
        
        
        
        /* footer */
        
        div#wholepage div#main div#footer   
        {
            padding-top: 80px;
            width: 760px;
            height: 89px;
            clear: left
        }
        
            div#wholepage div#main div#footer p 
            {
                padding-top: 60px;
                margin-top: 0;
                padding-left: 20px
            }