body 
{
    background-color: #cccccc;   
    margin-top: 0px;    
}

img
{
    border: 0px;   
}


h1
{
    font: 15px arial;
    font-weight: bold;
    color: #5A351A;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;            
}

/*----------------------------------------------------*/
/*These header classes are used for generating a random
  header image per page. right now there are only three
  but this could easily be extended to include more - aleah 2.5.07*/
/*----------------------------------------------------*/
.header1
{
    width: 981px;
    height: 72px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;     
}

    .header1 .left
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float:left;
        width: 17px;
        height: 72px;
        background-image: url('../images/headerleft.jpg');
        background-repeat: no-repeat;
    }
    
    .header1 .middle
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;  
        float:left;      
        width: 947px;
        height: 72px;
        background-image: url('../images/headermiddle1.jpg');
        background-repeat: no-repeat;
    }
    
    .header1 .right
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;    
        float: left;    
        width: 17px;
        height: 72px;
        background-image: url('../images/headerright.jpg');
        background-repeat: no-repeat;
    } 
    
.header2
{
    width: 981px;
    height: 72px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;     
}

    .header2 .left
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float:left;
        width: 17px;
        height: 72px;
        background-image: url('../images/headerleft.jpg');
        background-repeat: no-repeat;
    }
    
    .header2 .middle
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;  
        float:left;      
        width: 947px;
        height: 72px;
        background-image: url('../images/headermiddle2.jpg');
        background-repeat: no-repeat;
    }
    
    .header2 .right
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;    
        float: left;    
        width: 17px;
        height: 72px;
        background-image: url('../images/headerright.jpg');
        background-repeat: no-repeat;
    }     
    
.header3
{
    width: 981px;
    height: 72px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;     
}

    .header3 .left
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float:left;
        width: 17px;
        height: 72px;
        background-image: url('../images/headerleft.jpg');
        background-repeat: no-repeat;
    }
    
    .header3 .middle
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;  
        float:left;      
        width: 947px;
        height: 72px;
        background-image: url('../images/headermiddle3.jpg');
        background-repeat: no-repeat;
    }
    
    .header3 .right
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;    
        float: left;    
        width: 17px;
        height: 72px;
        background-image: url('../images/headerright.jpg');
        background-repeat: no-repeat;
    }      
/*----------------------------------------------------------------------*/


#mainnav
{
    width: 981px;
    height: 41px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
    
    #mainnav .left
    {
        width: 50px;
        height: 41px;
        background-image: url('../images/navleft.jpg');
        background-repeat: no-repeat;
        float: left;
    }

    #mainnav .home
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .home a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .home a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }
    
    
    #mainnav .company
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .company a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .company a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }    
        
    #mainnav .services
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .services a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .services a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }   
        
    #mainnav .clients
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .clients a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .clients a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }         
        
    #mainnav .casestudies
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .casestudies a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .casestudies a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }              

    #mainnav .news
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .news a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .news a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }
 
    #mainnav .careers
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .careers a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .careers a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }

    #mainnav .software
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .software a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .software a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }


    #mainnav .contact
    {
        background-image: url('../images/navoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:83px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .contact a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .contact a:hover { 
            background-image: url('../images/navon.jpg');
            background-repeat: no-repeat;
        }
    
    #mainnav .middle
    {
        width: 28px;
        height: 41px;
        background-image: url('../images/navmiddle.jpg');
        background-repeat: no-repeat;
        float: left;  
    }
    
    
    #mainnav .presentation
    {
        background-image: url('../images/presoff.jpg');
        background-repeat: no-repeat;   
        float: left;   
        width:114px;
        height:41px;
        text-align:left;                  
    }

        #mainnav .presentation a
        {
            padding: 5px 0px 0px 5px;
            font: 10px arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            display:block;
            height: 36px;
        }

        #mainnav .presentation a:hover { 
            background-image: url('../images/preson.jpg');
            background-repeat: no-repeat;
        }    
     
    
    #mainnav .right
    {
        width: 42px;
        height: 41px;
        background-image: url('../images/navright.jpg');
        background-repeat: no-repeat;
        float: left;           
    } 
    
#breadcrumb
{
    width: 981px;
    height: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}    

    #breadcrumb .leftbc
    {
        width: 50px;
        height: 13px;
        background-image: url('../images/navleftbc.jpg');
        background-repeat: no-repeat;
        float: left;
        overflow: hidden;
    }
    
    #breadcrumb .middlebc
    {
        width: 889px;
        height: 12px;
        background-image: url('../images/breadcrumbbg.jpg');
        background-repeat: no-repeat;
        float:left;   
        font: 9px arial;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
        font-style: italic;
        padding-top: 1px;
        overflow: hidden;
    }
    
        #breadcrumb .middlebc a
        {
            font: 9px arial;
            font-weight: bold;
            color: #ffffff;   
            text-decoration: none;  
            font-style: italic;
            padding: 2px;       
        }
        
        #breadcrumb .middlebc a:hover
        {
            text-decoration: underline;   
        }
    
    #breadcrumb .rightbc
    {
        width: 42px;
        height: 13px;
        background-image: url('../images/navrightbc.jpg');
        background-repeat: no-repeat;
        float: left; 
        overflow: hidden;            
    }
    
#mainTbl
{
    width: 981px;
    height: 469px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;      
}    

#mainTbl .maincol1
{
    width: 17px;
    height: 469px;
    background-image: url('../images/contentleft.jpg');
    background-repeat: repeat-y;
    vertical-align: top;    
}

#mainTbl .maincol2
{
    width: 947px;
    height: 469px;
    vertical-align: top;   
}

#mainTbl .maincol3
{
    width: 17px;
    height: 469px;
    background-image: url('../images/contentright.jpg');
    background-repeat: repeat-y; 
    vertical-align: top;    
} 
    
#main
{
    width: 981px;
    min-height: 469px;
    _height: 469px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
}      

    /*left drop shadow */
    #main .leftshadow
    {
        float:left;
        width: 17px;
        height:auto !important;
        min-height: 469px;
        _height: 469px;
        background-image: url('../images/contentleft.jpg');
        background-repeat: repeat-y;
    }
    
    /*middle content*/
    #main .middlecontent
    {
        float:left;
        width: 947px;
        height:auto !important;
        min-height: 469px;
        _height: 469px;
    }
        
    /*right drop shadow*/    
    #main .rightshadow
    {
        float:left;
        width: 17px;
        height:auto !important;  
        min-height: 469px;
        _height: 469px;
        background-image: url('../images/contentright.jpg');
        background-repeat: repeat-y;
    }
    
#footer
{
    width: 981px;
    height: 35px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
    text-align: left;  
}

    #footer .left
    {
        float:left;
        width: 50px;
        height: 35px;
        background-image: url('../images/footerleft.jpg');
        background-repeat: no-repeat;
    }
    
    #footer .sitemap
    {
        float: left;
        width: 83px;
        height: 35px;
        background-image: url('../images/footersite.jpg');
        background-repeat: no-repeat;   
    }
    
        #footer a
        {
            font: 9px arial;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;           
        }
        
        #footer a:hover
        {
            text-decoration: underline;   
        }    
    
    #footer .privacy
    {
        float:left;
        width: 115px;
        height: 35px;
        background-image: url('../images/footerprivacy.jpg');
        background-repeat: no-repeat;   
    }
    
    #footer .terms
    {
        float:left;
        width: 83px;
        height: 35px;
        background-image: url('../images/footerterms.jpg');
        background-repeat: no-repeat;
    }
    
    #footer .right
    {
        float:left;
        width: 650px;
        height: 35px;
        background-image: url('../images/footerright.jpg');
        background-repeat: no-repeat;   
    }
    
        #footer .right .address
        {
            margin-top: 5px;
            margin-left: 50px; 
            float:left;
            width: 220px; 
            font: 8px arial;
            color: #ffffff;
            text-transform: uppercase; 
            letter-spacing: 1px;
            text-align: left;
        }
        
        #footer .right .phone
        {
            margin-top: 5px;
            margin-left: 25px;
            float:left;
            width: 100px;
            font: 8px arial;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 1px; 
            text-align: left;            
        }
        
        #footer .right .fax
        {
            margin-top: 5px;
            margin-left: 15px;
            float:left;
            width: 100px;
            font: 8px arial;
            color: #ffffff;
            text-transform: uppercase;  
            letter-spacing: 1px; 
            text-align: left;             
        }
    
    #footer a
    {
        padding: 5px 0px 0px 5px;
        font: 8px arial;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;  
        display:block;
        height: 30px; 
        letter-spacing: 1px;                
    }
    
    #footer a:hover
    {
        text-decoration: underline;   
    }