﻿


    body
    {
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-size:0.72em;
    width:100%;
    background-color:#ffffff;
    margin:0;
    padding:0;
    }
    

/* defaults */
    html, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td
    {
    border:0 none;
    font-size:100%;
    font-family:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline;
    }
    
/* general styles */
  
    .left{float:left;}
    .right{float:right;}
    .clearLeft{clear:left;}
    .clearRight{clear:right;}
    .clearNone{clear:none;}
    p.intro{font-weight:bold;margin-top:20px;}
    .hide{display:none;}
    .topPad10{padding-top:10px;}
    .topPad20{padding-top:20px;}
    .rightPad10{padding-right:10px;}
    .bold{font-weight:bold;}

    p 
    {
    clear:both;
    font-weight:normal;
    line-height:1.22em;
    padding:0 0 0 0.2em;
    margin:5px 4px 10px 1px
    }
    
    #divSurround
    {
    background-color:#fff;
    border-left:solid 35px #f4f4f5;
    border-right:solid 55px #f4f4f5;
    width:960px;
    margin:0 auto;
    clear:both;
    height:600px;    
    }
    
    /* Lists */
    
    /* Standard, no bullet list */
    ul#noBulletList 
    {
    list-style-type:none;
    padding:0 0 2.5em 0.2em;    
    }
    
    ul#noBulletList li
    {
    font-weight:normal; 
    color:#A62D38;
    }
    
    ul#noBulletList li.selected
    {
    color:#A62D38;
    font-weight:bold;
    }
    
    ul#noBulletList li a:hover
    {
    font-weight:bold;
    }
    
    /* List of links (appears in some left content) */
    ul#LeftNavLinks
    {
    list-style-type:none;
    position:absolute;
    bottom:3px;
    right:1px;
    }
    ul#LeftNavLinks li
    {
    font-weight:normal; 
    color:#A62D38;
    text-align:right;
    padding-right:4px;
    float:right;
    clear:both;
    width:100%;
    }
    ul#LeftNavLinks li a
    {
    text-align:right;
    color:#A62D38;
    }
    ul#LeftNavLinks li.selected
    {
    color:#A62D38;
    font-weight:bold;
    /*float:right;*/
    }
    
    ul.thumbnails
    {
    list-style-type:none;
    padding-left:243px;
    }
    ul.thumbnails li
    {
    float:left;
    padding:4px 5px 0 0;
    height:51px;
    }
    ul.thumbnails li a
    {
    display:block;
    border:1px solid #fff;
    height:51px;
    width:67px;
    float:left;
 
    }    
    ul.thumbnails li a:hover, ul.thumbnails li a.selected
    {
    border:1px solid #69686A;
    }
    a:active {color:#0000FF}  /* selected link */
    

/*  Header Section Starts   */
    #divHeader
    {
    width:960px;
    height:75px;
    background-color:White;
    padding-top:15px;
    position:relative;
    clear:both;
    }

        /* Logo */
        .Logo
        {
        width:106px;
        height:73px;
        float:left;
        }

        /* Viewing Options start*/
        #ulViewingOptions ul
        {
        z-index:9999;
        }

        #ulViewingOptions, #ulViewingOptions ul 
        {
        padding: 0;
        margin: 0;
        list-style: none;
        z-index:9999;
        }
        
        #ulViewingOptions
        {
        float:right;
        padding-right:3px;
        }

        #ulViewingOptions a 
        {
        color:#9a9b9d;
        display:block;
        padding:4px 5px 5px 8px; 
        text-decoration:none;
        white-space:nowrap;
        height:14px;
        }
 
        #ulViewingOptions li 
        {
        float: left;
        width: 132px;
        font-size:0.9em;
        background:url(../Images/BGViewingOptions.gif) no-repeat right 0;
        }
        
       
        #ulViewingOptionLinks li 
        {
        float: left;
        width: 132px;
        font-size:0.9em;
        background:#fff none;
        }

        #ulViewingOptions li ul 
        {
        position: absolute;
        width: 132px;
        left: -999em;
        }

        #ulViewingOptions li:hover ul, #ulViewingOptions li.sfhover ul 
        {
        left: auto;     
        }

        #ulViewingOptions li ul a:hover, #ulViewingOptions a.sfhover 
        {
        z-index:999;
        background-color:#F4F4F5;
        color:#575b5d;
        }

        #ulViewingOptions li ul li:first-child
        {
        border-top:1px solid #F4F4F5;
        }
        
        #ulViewingOptions li ul li:last-child
        {
        border-bottom:2px solid #F4F4F5;
        }
 
        #ulViewingOptions li ul a
        {
        border-bottom:1px solid #F4F4F5;
        border-left:5px solid #F4F4F5;
        border-right:5px solid #F4F4F5;
        border-collapse:collapse;
        background-color:#ffffff;
        padding-left:5px;
        cursor:pointer;
        }
        
 
 
        /* Viewing Options end*/

/*  Header Section Ends   */


/*  Content Section Starts  */ 
   /* 
    #divContentSurround
    {
    width:900px;
    background-color:#fff;
    margin:0 auto;
    border-top:0;
    border-bottom:0;
    border-left:solid 32px #f4f4f5;
    border-right:solid 52px #f4f4f5;    
    }
    */
    
    #divBreadCrumb
    {
    width:960px;
    float:left;
    height:25px;
    background-color:#DFE0E1;
    border-bottom:3px solid #fff;
    font-size:12px;
    }
    
    .breadcrumbFirst
    {
    padding-left:243px;
    }
    
    .SIFR-breadcrumb
    {
    float:left;
    margin-top:5px;
    }

    .SIFR-breadcrumb a
    {
    margin:13px 0 0 0;
    padding:0 5px 0 0;
    font-size:12px;
    color:#757477;
    text-decoration:none;
    }
    span.separator
    {
    padding:4px 5px 0 5px;
    float:left;
    font-weight:bold;
    font-size:15px;
    color:#A1A0A3;
    display:block;
    }
    #divContentLeft p.SIFR
    {

    line-height:1.3em;
    padding:8px 2px 0 20px;
    }
    
    .maincontent
    {
    width:960px;
    height:380px;
    margin:0 auto;
    position:relative;
    clear:both;
    }
    
    div.contactInfo
    {
    width:160px;
    }
    
    div.greyBG
    {
    background-color:#ECEDED;
    width:auto;
    }
        
    
    #newsItemList
    {
    padding-left:10px;
    list-style-type:none;
    }
    
    #newsItemList h2
    {
    padding-top:10px;
    }

    #newsItemList p
    {
    padding:0;
    margin:0;
    }
    

    
    #newsItemList a:hover
    {
    font-weight:bold;
    }
    
    
    
    div.bgImageIcon
    {
    position:absolute;
    left:250px;
    padding-top:5px;
    }
    
    /*default class for middle container - applies regardless of viewing option selected*/
    .middleContainer
    {
    float:right;
    height:100%;
    border-left:3px solid #ffffff;
    overflow-y:auto;
   
    }
    
    .middleContainer p
    {
    padding-right:5px;
    }
    .middleContainer .imgLinkContainer
    {
    position:absolute;
    bottom:10px;
    }
    .imgLinkContainer a
    {
    padding:0 10px;    
    }
    
    
    /*depending on how many menu items we have, the middle width differs*/
    .middleWidthSevenMenuItems
    {
    width:549px;    
    }
    .middleWidthSixMenuItems
    {
    width:573px;    
    }
    .middleWidthFiveMenuItems
    {
    width:597px;    
    }
    .middleWidthFourMenuItems
    {
    width:621px;    
    }    
    .middleWidthThreeMenuItems
    {
    width:645px;    
    }
    .middleWidthTwoMenuItems
    {
    width:669px;    
    }
    .middleWidthOneMenuItems
    {
    width:693px;    
    }
    .middleWidthNoMenuItems
    {
    width:717px;    
    }

    #divContentLeft
    {
    height:380px;
    float:left;
    overflow-y:auto;    
    background-color:Transparent;
    }
    
    #divContentLeft p
    {
    margin:0 4px 0 1px;
    padding:0 0 0 0.2em
    }


    .divContentLeftAll
    {
    height:100%;
    width:240px;
    float:left;
    overflow-y:auto;
    border-right:3px solid #fff;
    }
    
    /*extra surrounding div is so IE6 png fix places background in correct place*/
    #divContentLeftHomepageSurround
    {
    height:124px;
    width:480px;
    position:absolute;
    bottom:0;
    left:0; 
    }
    
    .divContentLeftHomepage
    {
    height:124px;
    width:480px;
    position:absolute;
    bottom:0;
    left:0; 
    overflow-y:auto;       
    }
    
    .divContentLeftHomepage p
    {
    padding:0.5em;
    font-size:1.3em;
    }

    .divContentLeftUpper
    {
    height:50%;
    width:240px;
    float:left;
    overflow-y:auto;
    clear:both;
    position:relative;
    border-right:3px solid #fff;
    }
    
    .divContentLeftLower
    {
    height:50%;
    width:240px;
    float:left;
    overflow-y:auto;
    clear:both;
    border-right:3px solid #fff;
    }
    
    .projectSummary
    {
    position:absolute;
    bottom:3px;
    width:237px;        /*absolute relative to divContentUpperLeft to avoid png image placement in IE6 */
    }

    .divContentRightNav
    {
    height:380px;
    float:right;
    }

    #rightnavourservices li, #rightnavourservices li a, 
    #rightnavaboutus li, #rightnavaboutus li a, 
    #rightnavportfolio li, #rightnavportfolio li a,
    #rightnavcareers li, #rightnavcareers li a
    #rightnavcontactus li, #rightnavcontactus li a
    {
    background-repeat:no-repeat;
    width:24px;
    float:left;
    }

/*  Content section ends  */

/*  News/Images Bar starts  */
    .divNewsThumbnails, .divContentNewsItems
    {
    background-color:#ECEDED;
    width:960px;
    height:59px;
    border-bottom:10px solid #fff;
    }
    .NewsItem
    {
    float:left;
    width:233px;    
    color:#fff;
    padding:0 3px;
    margin:0;
    overflow-y:auto;
    }
    
    .NewsItem h2
    {
    color:#fff;
    font-weight:normal;
    padding:1px 0 0 0;
    }
    .NewsItem p, .NewsItem a, .NewsItem a:hover
    {
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    padding:0;
    margin:0;
    }
    
    .IntroText {background-color:#d2d3d4; width:237px; height:59px;}
    .IntroText p {font-size:1.2em; float:right;margin:0; padding:20px 5px 0 0;font-weight:normal;}  
    .News1 {background-color:#c7c9ca; height:59px;}
    .News2 {background-color:#d2d3d4; height:59px;}
    .News3 {background-color:#c7c9ca; height:59px;}
    
    
/*  News/Images Bar starts  */



/*  Footer starts       */ 
    #divFooter
    {
    float:left;
    border-top:3px solid #fff;
    width:100%;
    position:absolute;
    bottom:-91px;       /* height of office links + footer + top border - 1 (this then moves footer up 1px over the main content which covers up uneven rightnav png bottoms in IE6 */       
    }
    
    .imgVisionFormAndFunction
    {
    float:right;
    padding-right:3px;
    }


/*  Footer end          */ 