/* ##### TAGS ##### */

    body {
        background: #fbe3f1 url(../images/main-bg-x.png) repeat-x left top;
        font-family: Arial;
        padding-bottom: 20px;
    }
    
    a.more, a.apply {
        background: url(../images/b-find-out-more.png) no-repeat left top;
        display: inline;
        float: right;
        height: 26px;
        margin: -11px 11px 1px;
        text-indent: -9999px;
        width: 144px;  
    }
    
    a.apply {
        background-image:  url(../images/b-apply.png);
    }
    
    a.apply:hover {
        background: url(../images/b-apply.png) no-repeat left bottom;
    }
    
    a.more:hover {
        background: url(../images/b-find-out-more.png) no-repeat left bottom;
    }
    
    strong {
        font-weight: bold;
    }
    
    .inner-bubble {
        background: url(../images/bubble-blue-b.png) no-repeat left bottom;
        float: left;
        width: 283px;    
    }
    
/* ##### HEADER ##### */

    #header {
        float: left;
        position: relative;
        width: 1015px;
        z-index: 10;
    }

    #logo {
        background: url(../images/logo.png) no-repeat;
        display: inline;
        float: left;
        height: 66px;
        margin: 14px 0 14px 42px;
        width: 171px;
        text-indent: -9999px;        
    }
    
    #header ul {
        float: left; 
        left: 34px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        top: 94px;
        width: 900px;
    }
    
    #header li {
        float: left;
        font-size: 22px;
        height: 50px;
        margin-right: 13px;
    }
    
    #header li a {
        color: #9c3266;
        text-decoration: none;
    }
    
    #header h1 {
        color: #fff;
    }
    
    #header li.selected {
        background: #f054a8 url(../images/tab-bg-r.png) no-repeat right top;
        margin-right: 12px !important;
        margin-left: -7px;
    }
    
    #header h1 {
        background: url(../images/tab-bg-l.png) no-repeat left top;
    }
    
    #header h1 {
        padding: 15px 26px 11px 25px;
    }
    
    #header li a {
        display: block;
        padding: 15px 0 0 0;
    }
    
    #header #nav1.selected {
        margin-left: 0; 
        margin-right: 25px;   
    }
    
    #header #nav1 {
        margin-right: 26px;
    }
    
    #header #nav1 a {
        padding-left: 35px;
    }
    
    #header #nav2 {
        margin-right: 24px;
    }
    
    #header #nav3 {
        margin-right: 30px;
    }
    
    #header #nav4 {
        margin-right: 24px;
    }
    
    #header p {
        color: #fff;
        float: left;
        left: 44px;
        position: absolute;
        top: 158px;
        width: 650px;
    }
    
    #header p span {
        display: inline;  
        font-size: 125.64px;
        float: left;
        margin-left: -7px;
    }
    
    #header span.smaller {
        font-size: 54.64px;
        margin: 14px 0 -17px 0;
    }
    
    #header p span.quote {
        font-size: 67px;
        margin: 0 16px 0 0;
        opacity: .58;
    }
    
    #header p span.quote.right {
        margin: 15px 0 0 11px;    
    }
    
    #person {
        background: url(../images/person-hello.jpg) no-repeat right top;
        height: 352px;
        left: 650px; /* see ltie7.css */
        position: absolute;
        top: 13px;
        width: 337px;
        z-index: 5;
    }
    
/* ##### LAYOUT ##### */

    #numbers {
        background: url(../images/main-bg.png) no-repeat center top;
        height: 988px;
        left: 0px;
        position: absolute;
        top: 58px;
        width: 100%;
        z-index: 1;
    }
    
    #outer-wrapper {
        margin: 0 auto;
        width: 1015px;
    }
    
    #wrapper {
        background: url(../images/content-bg-t.png) no-repeat center 100px;
        float: left;
        left: 35px;
        position: relative;
        z-index: 5;
    }
    
    #left-col {
        display: inline;
        float: left;
        margin-left: 44px;
        width: 609px;        
    }
    
    #right-col {
        display: inline;
        float: right;
        margin-right: 45px;
        width: 303px;  
    }
    
    #shadow {
        background: url(../images/content-shadow-bg.png) no-repeat; /* see ltie7.css */
        height: 691px;
        left: 0px;
        position: absolute;
        top: 135px;
        width: 1015px; 
        z-index: -1;
    }
    
/* ##### content ##### */

        #content h2 {
            color: #e50976;
            font-size: 1.625em;
        }
        
        #content p, #content ul.bul li, #content #left-col ol li {
            color: #555;
            font: normal 0.8125em/138.46% Arial;
            margin-bottom: 18px;
			clear:both;
        }
        
        #content #left-col ol li {
            list-style: decimal;
            font-weight: bold;
            margin-bottom: 0;
            padding-left: 16px;
        }
        
        #content #left-col ol li span {
            font-weight: normal;
        }
        
        #content #left-col ol {
            margin: 0 0 20px 34px; /* see ltie7.css */
        }
        
        #content {
            float: left;
            margin-top: 283px;
            position: relative;
            width: 100%;
            z-index: 20;
        }
        
        #content a {
            color: #e50976;
            font-weight: bold;
            text-decoration: none;
        }
        
        .bubble {
            background: url(../images/bubble-wide-b2.png) no-repeat left bottom; /* see ltie7.css */
            float: left;
            margin-bottom: 22px;
            padding-bottom: 14px;
            width: 100%; 
        }
        
        .bubble.shorter {
            padding-bottom: 0;
        }
        
        .bubble h2, .bubble-top {
            background: url(../images/bubble-wide-t.png) no-repeat left top; /* see ltie7.css */
            margin-bottom: -11px;
            position: relative;
            padding: 9px 0 4px 13px; 
            top: -12px;
        }
        
        .bubble-top {
             padding: 0;
             height: 12px;
             width: 609px;
        }
            
        .bubble h2.mid {
            background: none;
            margin-bottom: -15px;
            top: -14px;
        }
            
        .bubble p, #right-col li {
            padding: 0 10px 0 14px;
        }

    /* LEFT COL */
    
        #left-col ul.bul {
            padding: 0 20px 20px 16px;
        }
    
        #left-col ul.bul li {
            background: url(../images/bul.png) no-repeat left 7px;   
            padding-left: 35px;
            margin-bottom: 0;
        }

        #managers {
            padding-bottom: 11px; 
        }
        
        #carousel, .manager {
             background: url(../images/managers-t.png) no-repeat left top;
             float: left;
             display: inline; 
             margin: 3px 0 0 0;
             position: relative;
             left: 13px !important;
             width: 582px !important; 
             z-index: 10;  
        }
        
        #carousel li,
        #carousel, .manager {
            min-height: 119px; /* see ltie7.css */
            position: relative;
            width: 582px;
        }
        
        #carousel ul {
            float: left;
        }
        
        #carousel .bottom, .manager .bottom {
            background: url(../images/managers-b.png) no-repeat left bottom;
            bottom: 0px;
            height: 8px;
            left: 0px;
            position: absolute;
            width: 582px; 
        }
        
        #carousel img, .manager img {
            left: 3px;
            position: absolute;
            bottom: 3px;
            z-index: 20;
        }
        
        #carousel h3,
        #carousel h4,
        #carousel p,
        .manager h3,
        .manager h4,
        .manager p {
            color: #fff;
            display: inline;
            float: left;
            padding-left: 146px !important;    
            width: 430px;
        }
        
        #carousel h3, .manager h3 {
            font: normal 1.875em whitney-black, Arial;
            margin-top: 1px;
        }
        
        #carousel h4, .manager h4 {
            font: bold 0.875em Arial;    
            margin-bottom: 3px; 
        }
        
        #carousel p, .manager p {
            margin: 0;
            padding: 0;
        }
        
        #carousel a, .manager a {
            color: #fff;
        }
        
        #paging {
            margin: 4px 0 0 12px;
            width: 580px;
        }
        
        #paging, #paging li {
            display: inline;
            float: left;
        }
        
        #paging #btn-next, #paging #btn-prev {
            background: url(../images/b-back.png) no-repeat;
            display: block;
            height: 24px;
            margin-right: 5px;    
            text-indent: -9999px;
            width: 24px;
        }
        
        #paging #btn-next {
            background-image: url(../images/b-forward.png); 
        }
        
        #paging #view {
            float: right;
            font: bold 0.8125em Arial;
            padding-top: 3px;
        }
            
    /* RIGHT COL */
    
        #right-col .bubble {
            margin-bottom: 21px;
        }
    
        #right-col p, #right-col li {
            color: #1b3e89;
            font: normal .75em/150% Arial;    
        }
    
        #right-col .bubble h2 {
            background-image: url(../images/bubble-narrow-t.png); /* see ltie7.css */ 
            color: #3cf;
        }
        
        #right-col a {
            color: #3eb3dd;
        }
        
        #right-col .bubble {
             background-image: url(../images/bubble-narrow-b.png); /* see ltie7.css */    
        }
        
        #right-col ol, #right-col #ol {
            display: inline;
            float: left;
            width: 283px;
        }
        
        #right-col ol {
            background: url(../images/bubble-blue-t.png) no-repeat left top;   
            float: left;   
        }
        
        #right-col #ol {
            background: url(../images/bubble-blue-b.png) no-repeat left bottom;  
            margin: -1px 0 0 10px;
        }
        
        #right-col ol li {
            background: url(../images/teardrop.png) no-repeat; /* see ltie7.css */
            float: left;
            margin: 5px 0 7px -20px;
            min-height: 57px; /* see ltie7.css */
            padding: 2px 0 0 61px;
            position: relative;
            width: 225px;
        }
        
            #right-col ol li#num3 {
                margin-bottom: 4px;
            }
        
        #right-col ol li span {
            background: url(../images/num1.png) no-repeat;
            height: 19px;
            left: 22px;
            position: absolute;
            top: 17px;
            width: 14px;
        }
        
            #right-col ol li#num2 span {
                background-image: url(../images/num2.png);
            }
            
            #right-col ol li#num3 span {
                background-image: url(../images/num3.png);
            }
            
        #right-col a.more, #right-col a.apply {
            margin: 9px 10px 2px 0;
        }
        
    /* Applying for the role */
    
        #right-col #apply {
            margin-bottom: 0;
        }
    
        #apply .inner-bubble {
            display: inline;
            margin: 0 0 7px 10px;
        }
    
        #apply .inner-bubble p,
        #apply .inner-bubble ul {
            background: url(../images/bubble-blue-t.png) no-repeat;
            float: left; 
            padding: 5px 10px 8px 9px;   
            width: 264px;
        }
        
        #apply .inner-bubble p {
            margin: 0;
        }
        
        #right-col #apply li {
            background: url(../images/i-word.png) no-repeat;
            float: left;
            font: bold .75em/108.33333% Arial;
            margin: 0 18px 0 0;
            min-height: 34px; /* see ltie7.css */
            padding: 2px 0 0 33px;
            width: 90px;
        } 
        
        #apply .inner-bubble ul {
            padding-top: 14px;
            padding-right: 0;
        }                    
    
        #right-col #apply li#pdf {
            background-image: url(../images/i-pdf.png);
            margin-right: 0;
        }
        
        #apply a.more {
        
        }
        
    /* Contact */
    
        #apply #contact {
            margin-bottom: 0;
        }
    
        #contact p span {
            color: #3EB3DD;
            font-weight: bold;
        }
    
        #apply #contact p {
            line-height: 216.666666%;
            padding-bottom: 6px;
        }
        
/* ##### FOOTER ##### */

    #footer {
        background: url(../images/content-bg-b.png) no-repeat left bottom;
        color: white;
        display: inline;
        float: left;
        font: normal 0.6875em Arial; 
        /*margin: -5px 0 0 18px;  see ltie7.css */
		margin-top:-5px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:18px;
		margin-left:expression(17 + "px");
        padding: 0;
        width: 980px;    
    }
    
    #footer p {
        opacity: .6; /* see ltie7.css */
        padding: 0 0 19px 29px;
    }
    
/* ##### PAGE SPECIFIC ##### */

    /* HOME */
    
        body.home #header h1 {
            padding: 15px 36px 11px 35px;
        }

    /* ABOUT */

        body.about #header p span.quote {
            margin-right: 10px;
        }
        
        body.about #header p span.quote.right {
            margin-left: 5px;
        }
        
        body.about #person {
            background: url(../images/person-about.jpg) no-repeat;
            left: 596px;
            width: 391px;  
        }
        
        body.about #header li.selected {
            background: #f25eaf url(../images/tab-bg-r-about.png) no-repeat right top;
        } 
        
        body.about #header h1 {
            background-image: url(../images/tab-bg-l-about.png);
        }
        
    /* ROLE */
        
        body.role #person {
            background: url(../images/person-role.jpg) no-repeat;
            left: 624px;
            height: 323px;
            top: 42px;
            width: 403px;
        }
        
        body.role #header li.selected {
            background: #f77dc3 url(../images/tab-bg-r-role.png) no-repeat right top;
        } 
        
        body.role #header h1 {
            background-image: url(../images/tab-bg-l-role.png);
        }
        
        body.role #header p {
            left: 39px;
        }
        
        body.role #header p span.quote {
            margin-right: 6px;
        }
        
        #header p span.quote.right {
            margin-left: -3px;
        }
        
    /* PROFILES */

        body.profiles #header span.smaller {
            font-size: 53.64px;
        }
        
        body.profiles #person {
            background: url(../images/person-profiles.jpg) no-repeat;
            left: 665px;
            height: 322px;
            top: 43px;
            width: 322px;
        }
        
        body.profiles #header li.selected {
            background: #f782c5 url(../images/tab-bg-r-profiles.png) no-repeat right top;
        } 
        
        body.profiles #header h1 {
            background-image: url(../images/tab-bg-l-profiles.png);
        }
        
        .manager {
            background-image: url(../images/manager-t.png); 
            margin-bottom: 3px;
            min-height: 87px; /* see ltie7.css */
            top: -4px;
        }
        
        .manager .bottom {
            background-image: url(../images/manager-b.png); 
        }
        
        #content .manager p {
            color: #fff;
            font: normal 0.875em/100% Arial; 
            margin-bottom: 0;
        }
        
        .manager h3 {
            margin-top: 4px;
        }
        
        #peter.manager {
            margin-top: 19px;
        }
        
    /* APPLY */

        body.apply #person {
            background: url(../images/person-apply.jpg) no-repeat;
            left: 654px;
            height: 361px;
            top: 4px;
            width: 333px;
        }
        
        body.apply #header li.selected {
            background: #fa98d3 url(../images/tab-bg-r-apply.png) no-repeat right top;
        } 
        
        body.apply #header h1 {
            background-image: url(../images/tab-bg-l-apply.png);
        }