﻿body
{
    background-image: url(../images/bg.jpg);
    margin: 0;
    padding: 0;
    font-family: Arial;
}

a:link,
a:visited,
a:hover
{
    color: #2b1740;
    font-weight: bold;
}

p,
.scrollableContent li,
.contentVertical li,
.vacancy li,
.horizontalItemContainer li
{
    font-size: .80em;
    color: #484848;
}

.scrollableContent li li
{
    font-size: 1em;
}

.scrollableContent a:link,
.scrollableContent a:visited,
.scrollableContent a:hover
{
    color: #3C2752;
    text-decoration: none;
}

h1
{
    color: #442266;
    font-size: 1.5em;
    font-family: Arial Black, Arial;
    font-weight: bold;
}

/*
h1.home
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 0;
    height: 22px;
    width: 233px;
    text-indent: -4000px;
    overflow: hidden;
}

h1.candidate
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -45px;
    height: 26px;
    width: 280px;
    text-indent: -4000px;
    overflow: hidden;
}
*/
h2.currentvacancies
{
    background-image: url(../images/sprites/sprite_pagetitles_p.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 303px;
    display: block;
    text-indent: -4000px;
    font-size: .1em;    
}
/*
h1.candidate-testimonials
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -97px;
    height: 22px;
    width: 475px;
    text-indent: -4000px;
    overflow: hidden;
}

h1.clients
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -119px;
    height: 26px;
    width: 417px;
    text-indent: -4000px;
    overflow: hidden;
}

h1.employer-testimonials
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -145px;
    height: 25px;
    width: 399px;
    text-indent: -4000px;
    overflow: hidden;
}

h1.our-service-to-you
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -71px;
    height: 26px;
    width: 249px;
    text-indent: -4000px;
    overflow: hidden;
}

h1.welovewhatwedo
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -22px;
    height: 24px;
    width: 272px;
    text-indent: -4000px;
    overflow: hidden;
}

h1.getintouch
{
    background-image: url(../images/sprites/sprite_pagetitles.gif);
    display: block;
    background-position: 0 -170px;
    height: 24px;
    width: 355px;
    text-indent: -4000px;
    overflow: hidden;
}
*/
a.see-more:link,
a.see-more:visited,
a.see-more:hover
{
    background-image: url(../images/see-more2.png);
    background-repeat: no-repeat;
    height: 73px;
    width: 71px;
    display: block;
    text-indent: -4000px;
    overflow: hidden;
    position: absolute;
    top: 482px;
    left: 45px;
}

#container
{
    width: 980px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    position: relative;
}

    #container .welcome
    {
        background-image: url(../images/sprites/sprite_nav.gif);
        height: 154px;
        width: 294px;        
        display: block;
        background-position: 296px 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    
        #container .welcome a:link,
        #container .welcome a:visited,
        #container .welcome a:hover
        {
            width: 294px;
            height: 154px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
    
    #container #navigation
    {
        height: 29px;
        background-color: #442367;
        display: block;
        width: 621px;
        position: absolute;
        top: 0;
        left: 342px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
        #container #navigation li
        {
            float: left;
        }
        
                #container #navigation li ul#mnuClients
                {
                    margin: -3px;
                    top: 32px;
                }
                
                #container #navigation li ul#mnuCurrentVacancies
                {
                }
        
            #container #navigation li ul
            {
                margin: -5px;
                padding: 0;
                position: absolute;
                top: 34px;
                width: 137px;
                /*display: none;*/
                padding-bottom: 10px;
                background-image: url(../images/bg-submenu.jpg);
                background-repeat: no-repeat;
                background-position: bottom;
                background-color: #442367;
            }
        
                #container #navigation li ul li
                {
                    float: none;
                    font-size: 12px;
                    list-style: none;
                    margin-left: 10px;
                    margin-top: 7px;
                    margin-bottom: 5px;
                }
        
                    #container #navigation li ul li a:link,
                    #container #navigation li ul li a:visited,
                    #container #navigation li ul li a:hover
                    {
                        color: #ffffff;
                        text-decoration: none;
                    }
    
        #container #navigation li a.hello:link,
        #container #navigation li a.hello:visited
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 69px;
            background-position: -1px -30px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
        
        #container #navigation li a.hello:hover,
        #container #navigation li a.helloActive:link,
        #container #navigation li a.helloActive:visited,
        #container #navigation li a.helloActive:hover
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 69px;
            background-position: -1px 0;
            display: block;
            text-indent: -4000px;
        }
    
        #container #navigation li a.candidates:link,
        #container #navigation li a.candidates:visited
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 102px;
            background-position: -71px -30px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
        
        #container #navigation li a.candidates:hover,
        #container #navigation li a.candidatesActive:link,
        #container #navigation li a.candidatesActive:visited,
        #container #navigation li a.candidatesActive:hover
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 102px;
            background-position: -71px 0px;
            display: block;
            text-indent: -4000px;
        }
    
        #container #navigation li a.clients:link,
        #container #navigation li a.clients:visited
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 76px;
            background-position: -174px -30px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
        
        #container #navigation li a.clients:hover,
        #container #navigation li a.clientsActive:link,
        #container #navigation li a.clientsActive:visited,
        #container #navigation li a.clientsActive:hover
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 76px;
            background-position: -174px 0;
            display: block;
            text-indent: -4000px;
        }
    
        #container #navigation li a.currentvacancies:link,
        #container #navigation li a.currentvacancies:visited,
        #container #navigation li a.currentvacancies:hover
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 162px;
            background-position: -1px -60px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
    
        #container #navigation li a.currentvacanciesActive:link,
        #container #navigation li a.currentvacanciesActive:visited,
        #container #navigation li a.currentvacanciesActive:hover
        {
            background-image: url(../images/current-vacancies-active.gif);
            height: 29px;
            width: 162px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
    
        #container #navigation li a.aboutus:link,
        #container #navigation li a.aboutus:visited
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 86px;
            background-position: -1px -90px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
        
        #container #navigation li a.aboutus:hover,
        #container #navigation li a.aboutusActive:link,
        #container #navigation li a.aboutusActive:visited,
        #container #navigation li a.aboutusActive:hover
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 86px;
            background-position: -1px -120px;
            display: block;
            text-indent: -4000px;
        }
    
        #container #navigation li a.contactus:link,
        #container #navigation li a.contactus:visited
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 126px;
            background-position: -88px -90px;
            display: block;
            text-indent: -4000px;
            overflow: hidden;
        }
        
        #container #navigation li a.contactus:hover,
        #container #navigation li a.contactusActive:link,
        #container #navigation li a.contactusActive:visited,
        #container #navigation li a.contactusActive:hover
        {
            background-image: url(../images/sprites/sprite_nav.gif);
            height: 29px;
            width: 126px;
            background-position: -88px -120px;
            display: block;
            text-indent: -4000px;
        }
        
    #container .contentVertical
    {
        width: 100%;
        height: 840px;
        padding-top: 80px;
        background-image: url(../images/bg-contentfooter.png);
        background-repeat: repeat-x;
        background-position: bottom;
    }
    
        #container .contentVertical .contentRight
        {
            float: right;
            width: 555px;
            min-height: 400px;
            padding-right: 20px;
        }
        
            #container .contentVertical .contentRightContainer
            {
                /*width: 555px;
                height: 755px;
                overflow: hidden;
                display: block;*/
            }
            
            #container .contentVertical .contentRightContainer .testimonialItem
            {
                width: 515px;
                height: auto;
                border-top: 1px solid #dad3e1;
                margin-bottom: 5px;
            }
            
                .testimonialItem strong
                {
                    color: #3c2752;
                }
                
                #container .contentVertical .contentRightContainer .testimonialItem a.linkedInLink:link,
                #container .contentVertical .contentRightContainer .testimonialItem a.linkedInLink:visited,
                #container .contentVertical .contentRightContainer .testimonialItem a.linkedInLink:hover
                {
                    background-image: url(../images/linkedin.jpg);
                    background-repeat: no-repeat;
                    height: 24px;
                    width: 90px;
                    display: block;
                    text-indent: -4000px;
                    overflow: hidden;
                    margin-left: 430px;
                }
        
            /*
            #container .contentVertical .contentRight h1.servicetoyou
            {
                background-image: url(../images/sprites/sprite_pagetitles.gif);
                background-repeat: no-repeat;
                width: 249px;
                height: 26px;
                background-position: 0 -71px;
                display: block;
                overflow: hidden;
                text-indent: -4000px;
            }
        
            #container .contentVertical .contentRight h1.interviewtechniques
            {
                background-image: url(../images/sprites/sprite_pagetitles.gif);
                background-repeat: no-repeat;
                width: 286px;
                height: 25px;
                background-position: 0 -194px;
                display: block;
                overflow: hidden;
                text-indent: -4000px;
            }
        
            #container .contentVertical .contentRight h1.improveyourcv
            {
                background-image: url(../images/sprites/sprite_pagetitles.gif);
                background-repeat: no-repeat;
                width: 321px;
                height: 26px;
                background-position: 0 -218px;
                display: block;
                overflow: hidden;
                text-indent: -4000px;
            }
            */
            
    
        #container .contentVertical .contentLeft
        {
            float: left;
            width: 386px;
            min-height: 400px;
            margin-top: 80px;
        }
        
            #container .contentVertical .contentLeft .guyWithLaptop
            {
                background-image: url(../images/people/guywithlaptop.jpg);
                width: 269px;
                height: 383px;
                background-repeat: no-repeat;
                display: block;
            }
            
            #container .contentVertical .contentLeft .vacancyBlockContainer
            {
                background-image: url(../images/bg-dark.jpg);
                width: 386px;
                height: 377px;
            }
            
            .moreTestimonialsContainer
            {
                width: 331px;
                height: 100px;
                float: left;
                padding-top: 10px;
            }
                .moreTestimonialsContainer h2
                {
                    background-image: url(../images/sprites/sprite_pagetitles_p.png);
                    background-repeat: no-repeat;
                    background-position: 0 -94px;
                    height: 48px;
                    width: 271px;
                    margin: 0;
                    display: block;
                    text-indent: -4000px;
                }
            
                .moreTestimonialsContainer a:link,
                .moreTestimonialsContainer a:visited,
                .moreTestimonialsContainer a:hover
                {
                    background-image: url(../images/linkedin.png);
                    background-repeat: no-repeat;
                    height: 71px;
                    width: 228px;
                    display: block;
                    text-indent: -4000px;
                    margin-top: 10px;
                }
            
                
            .mapBlockContainer
            {
                width: 386px;
                height: 100px;
                float: left;
                padding-top: 10px;
            }
                .mapBlockContainer h2
                {
                    background-image: url(../images/sprites/sprite_pagetitles_p.png);
                    background-repeat: no-repeat;
                    background-position: 0 -166px;
                    width: 436px;
                    height: 24px;
                    text-indent: -4000px;
                    display: block;
                    margin: 0;
                    margin-bottom: 25px;
                }
                
                .contactBlockContainer
                {
                    width: 450px;
                    height: 100px;
                    float: left;
                    padding-top: 10px;
                }
                
                .contactBlockContainer h2
                {
                    background-image: url(../images/sprites/sprite_pagetitles_p.png);
                    background-repeat: no-repeat;
                    background-position: 0 -71px;
                    width: 436px;
                    height: 24px;
                    text-indent: -4000px;
                    display: block;
                    margin: 0;
                    margin-bottom: 25px;
                    font-size: .1em;
                }
                
                .miniContactBlockContainer
                {
                    width: 940px;
                    height: 50px;
                    float: left;
                    padding-top: 30px;
                    margin-left: 40px;
                }
                
                    .miniContactBlockContainer h2
                    {
                        background-image: url(../images/sprites/sprite_pagetitles_p.png);
                        background-repeat: no-repeat;
                        background-position: 0 -71px;
                        width: 436px;
                        height: 24px;
                        text-indent: -4000px;
                        display: block;
                        margin: 0;
                        margin-bottom: 25px;
                        float: left;
                        margin-right: 10px;
                        font-size: .1em;
                    }
                    
                    .miniContactBlockContainer .field
                {
                    width: 200px;
                    height: 45px;
                    font-size: .9em;
                    float: left;
                    margin-right: 20px;
                    margin-top: 4px;
                }
                
                    .miniContactBlockContainer .field .label
                    {
                        width: 100px;
                        height: 40px;
                        float: left;
                        font-weight: bold;
                        text-transform: uppercase;
                        color: #ffffff;
                    }
                
                    .miniContactBlockContainer .field .value
                    {
                        width: 100px;
                        height: 40px;
                        float: left;
                        color: #ffffff;
                    }
                
                        .miniContactBlockContainer .field .value a:link,
                        .miniContactBlockContainer .field .value a:visited,
                        .miniContactBlockContainer .field .value a:hover
                        {
                            text-decoration: underline;
                            color: #ffffff;
                        }
                
                .contactBlockContainer h2.getintouch
                {
                    background-image: url(../images/sprites/sprite_pagetitles_p.png);
                    background-repeat: no-repeat;
                    background-position: 0 -142px;
                    width: 436px;
                    height: 24px;
                    text-indent: -4000px;
                    display: block;
                    margin: 0;
                    margin-bottom: 25px;
                }
                
                .contactBlockContainer .field
                {
                    width: 550px;
                    height: 45px;
                    font-size: .9em;
                }
                
                    .contactBlockContainer .field .label
                    {
                        width: 115px;
                        height: 40px;
                        float: left;
                        font-weight: bold;
                        text-transform: uppercase;
                        color: #ffffff;
                    }
                
                    .contactBlockContainer .field .value
                    {
                        width: 435px;
                        height: 40px;
                        float: left;
                        color: #ffffff;
                    }
                
                        .contactBlockContainer .field .value a:link,
                        .contactBlockContainer .field .value a:visited,
                        .contactBlockContainer .field .value a:hover
                        {
                            text-decoration: underline;
                            color: #ffffff;
                        }
                
            
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainerTop
                {
                    background-image: url(../images/vacancies-top.png);
                    background-repeat: no-repeat;
                    display: block;
                    font-size: .01em;
                    height: 4px;
                    width: 386px;
                    margin-bottom: 20px;
                }
            
                #container .contentVertical .contentLeft .vacancyBlockContainer h2
                {
                    background-image: url(../images/sprites/sprite_pagetitles_p.png);
                    background-repeat: no-repeat;
                    height: 22px;
                    width: 303px;
                    display: block;
                    text-indent: -4000px;
                    margin: 0;
                    margin-left: 40px;
                    font-size: .1em;
                }
                
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyPad
                {
                    padding: 30px;
                    padding-top: 10px;
                    width: 320px;
                    height: 300px;
                    display: block;
                    padding-bottom: 0;
                    padding-left: 40px;
                }
                
                    #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer
                    {
                        width: 320px;
                        height: 300px;
                        /*overflow: hidden;*/
                        overflow-x: hidden;
                        overflow-y: scroll;
                        display: block;
                    }
                    
                    
                    
                    
                    
                    
                    
                    
        
    #container .contentHorizontal
    {
        width: 100%;
        min-height: 419px;
        background-image: url(../images/bg-contentfooter.png);
        background-repeat: repeat-x;
        background-position: bottom;
    }
    
    #container .contentHorizontalVacancies
    {
        width: 900px;
        min-height: 419px;
        background-image: url(../images/bg-contentfooter.png);
        background-repeat: repeat-x;
        background-position: bottom;
        padding-top: 160px;
        padding-left: 40px;
        padding-right: 40px;
    }
    /*
        #container .contentHorizontalVacancies h1
        {
            background-image: url(../images/sprites/sprite_pagetitles.gif);
            background-repeat: no-repeat;
            height: 21px;
            width: 252px;
            display: block;
            background-position: 0 -245px;
            text-indent: -4000px;
            overflow: hidden;
        }
       */ 
        #container .contentHorizontalVacancies .vacancy
        {
            width: 100%;
            border-bottom: 1px solid #dad3e1;
            padding-bottom: 10px;
            margin-bottom: 10px;
            clear: both;
        }
        
            #container .contentHorizontalVacancies .vacancy h2
            {
                color: #442266;
                text-decoration: uppercase;
                font-size: .85em;
                font-weight: bold;
                font-family: Arial Black, Arial;
                margin: 0;
                text-transform: uppercase;
            }
            
                #container .contentHorizontalVacancies .vacancy h2 a:link,
                #container .contentHorizontalVacancies .vacancy h2 a:visited
                {
                    color: #442266;
                    text-decoration: none;
                }
                
                #container .contentHorizontalVacancies .vacancy h2 a:hover
                {
                    color: #442266;
                    text-decoration: underline;
                }
            
            #container .contentHorizontalVacancies .vacancy a.sendCV:link,
            #container .contentHorizontalVacancies .vacancy a.sendCV:visited,
            #container .contentHorizontalVacancies .vacancy a.sendCV:hover
            {
                height: 28px;
                width: 156px;
                background-repeat: no-repeat;
                background-image: url(../images/sendusyourcv.jpg);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                
                /*margin-left: 740px; */
            }
            
            #container .contentHorizontalVacancies .vacancy .appliedfor
            {
                height: 42px;
                width: 156px;
                background-repeat: no-repeat;
                background-image: url(../images/applied.jpg);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                
                /*margin-left: 740px; */
            }
            
            #container .contentHorizontalVacancies .vacancy a.sendCV2:link,
            #container .contentHorizontalVacancies .vacancy a.sendCV2:visited,
            #container .contentHorizontalVacancies .vacancy a.sendCV2:hover
            {
                height: 28px;
                width: 156px;
                background-repeat: no-repeat;
                background-image: url(../images/sendusyourcv.jpg);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                float: right;
                /*margin-left: 740px; */
            }
            
            #container .contentHorizontalVacancies .vacancy a.more-info:link,
            #container .contentHorizontalVacancies .vacancy a.more-info:visited,
            #container .contentHorizontalVacancies .vacancy a.more-info:hover
            {
                height: 28px;
                width: 168px;
                background-repeat: no-repeat;
                background-image: url(../images/more-information.gif);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                float: right;
                /*margin-left: 728px; */
            }
            
            #container .contentHorizontalVacancies .vacancy a.continue-browsing:link,
            #container .contentHorizontalVacancies .vacancy a.continue-browsing:visited,
            #container .contentHorizontalVacancies .vacancy a.continue-browsing:hover
            {
                height: 28px;
                width: 261px;
                background-repeat: no-repeat;
                background-image: url(../images/continue-browsing.gif);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                float: right;
                /*margin-left: 728px; */
            }
            
            #container .contentHorizontalVacancies .vacancy .heading
            {
                width: 100%;
                height: 25px;
            }
                
                #container .contentHorizontalVacancies .vacancy .heading .title
                {
                    width: 80%;
                    float: left;
                }
                
                #container .contentHorizontalVacancies .vacancy .heading .button
                {
                    width: 20%;
                    float: left;
                    margin-top: -5px;
                }
        
    #container .contentHorizontalFull
    {
        width: 100%;
        height: 519px;
        background-image: url(../images/bg-contentfooter.png);
        background-repeat: repeat-x;
        background-position: bottom;
    }
    
        #container .contentHorizontal .contentLeft,
        #container .contentHorizontalFull .contentLeft
        {
            padding-left: 45px;
            padding-top: 197px;
            width: 470px;
            float: left;
        }
        
        #container .contentHorizontalFull .contentLeft .testimonialItemContainer
        {
            width: 425px;
            height: 180px;
            overflow: hidden;
        }
        
        #container .contentHorizontalFull .contentLeft .horizontalItemContainer
        {
            width: 425px;
            height: 220px;
            overflow: hidden;
        }
        
        #container .contentHorizontalFull .contentLeft .testimonialItem
        {
            border-bottom: 1px solid #dad3e1;
        }
        
        #container .contentHorizontalFull .contentLeft .testimonialItem img
        {
            margin-left: 300px;
        }
    
        #container .contentHorizontal .contentRight,
        #container .contentHorizontalFull .contentRight
        {
            float: left;
            /*width: 460px;*/
            height: 200px;
        }
    
            #container .contentHorizontal .contentRight .ladywithPhone
            {
                float: left;
                width: 337px;
                height: 389px;
                background-image: url(../images/people/home.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 30px;
                margin-left: 20px;
            }
    
                #container .contentHorizontal .contentRight .ladywithPhone .bg
                {
                    width: 337px;
                    height: 389px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
    
            #container .contentHorizontal .contentRight .ladywithPhoneForward
            {
                float: left;
                width: 331px;
                height: 378px;
                background-image: url(../images/people/getintouch.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 41px;
                margin-left: 80px;
            }
    
                #container .contentHorizontal .contentRight .ladywithPhoneForward .bg
                {
                    width: 331px;
                    height: 378px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
            
            #container .contentHorizontalFull .contentRight .guyWithLaptop
            {
                float: left;
                width: 269px;
                height: 480px;
                background-image: url(../images/people/candidates.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 39px;
                margin-left: 80px;
            }
            
                #container .contentHorizontalFull .contentRight .guyWithLaptop .bg
                {
                    width: 269px;
                    height: 480px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
            
            #container .contentHorizontalFull .contentRight .guyWithPhone
            {
                float: left;
                width: 291px;
                height: 489px;
                background-image: url(../images/people/clients.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 30px;
                margin-left: 20px;
            }
            
                #container .contentHorizontalFull .contentRight .guyWithPhone .bg
                {
                    width: 291px;
                    height: 489px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
            
            #container .contentHorizontalFull .contentRight .foldedArmsLady
            {
                float: left;
                width: 209px;
                height: 383px;
                background-image: url(../images/people/clients-page.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 136px;
                margin-left: 157px;
            }
            
                #container .contentHorizontalFull .contentRight .foldedArmsLady .bg
                {
                    width: 209px;
                    height: 383px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
            
            #container .contentHorizontalFull .contentRight .ladyWithHeadset
            {
                float: left;
                width: 248px;
                height: 414px;
                background-image: url(../images/people/ladywithheadset.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 105px;
                margin-left: 157px;
            }
            
                #container .contentHorizontalFull .contentRight .ladyWithHeadset .bg
                {
                    width: 248px;
                    height: 414px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
            
            #container .contentHorizontal .contentRight .laughingLady
            {
                float: left;
                width: 412px;
                height: 337px;
                background-image: url(../images/people/laughinglady.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 82px;
                margin-left: 20px;
            }
            
                #container .contentHorizontal .contentRight .laughingLady .bg
                {
                    width: 496px;
                    height: 385px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
                
            #container .contentHorizontal .contentRight .laidbackguy
            {
                float: left;
                width: 432px;
                height: 385px;
                background-image: url(../images/people/about-us.jpg);
                background-repeat: no-repeat;
                display: block;
                margin-top: 34px;
                margin-left: 32px;
            }
            
                #container .contentHorizontal .contentRight .laidbackguy .bg
                {
                    width: 432px;
                    height: 385px;
                    display: block;
                    background-image: url(../images/bg-contentfooter.png);
                    background-repeat: repeat-x;
                    background-position: bottom;
                }
    
        #container .vacanciesHorizontal
        {
            min-height: 305px;
            width: 890px;
            background-image: url(../images/bg-dark.jpg);
            padding: 30px 45px 0 45px;
        }
        
        #container .vacanciesHorizontalMini
        {
            min-height: 75px;
            width: 980px;
            background-image: url(../images/bg-dark.jpg);
        }
    
        #container .vacanciesHorizontalFull
        {
            min-height: 205px;
            width: 890px;
            background-image: url(../images/bg-dark.jpg);
            padding: 30px 45px 0 45px;
        }
        
            #container .vacanciesHorizontal .vacancyBlockContainer
            {
                width: 500px;
                height: 300px;
                display: block;
                float: left;
            }
        
            #container .vacanciesHorizontalFull .vacancyBlockContainerFullWidth
            {
                width: 880px;
                height: 200px;
                display: block;
                float: left;
            }
        
            #container .vacanciesHorizontal .vacancyContainer
            {
                width: 500px;
                height: 200px;
                
                        /*overflow: hidden;*/
                        overflow-x: hidden;
                        overflow-y: scroll;
                display: block;
                float: left;
            }
        
            #container .vacanciesHorizontalFull .vacancyContainerFullWidth
            {
                width: 880px;
                height: 100px;
                overflow: hidden;
                display: block;
                float: left;
            }
            
            .normaltext
            {
                font-size: .8em;
                color: #484848;
            }
            
            
            
            
            
            
            
            
            
            
            .snippet p
            {
                font-size: 1.2em;
                font-weight: bold;
            }
            
            
            

                #container .vacanciesHorizontal .vacancyContainer h3,
                #container .vacanciesHorizontal .vacancyContainer h3 a:link,
                #container .vacanciesHorizontal .vacancyContainer h3 a:visited,
                #container .vacanciesHorizontal .vacancyContainer h3 a:hover,
                #container .vacanciesHorizontalFull .vacancyContainerFullWidth h3,
                #container .vacanciesHorizontalFull .vacancyContainerFullWidth h3 a:link,
                #container .vacanciesHorizontalFull .vacancyContainerFullWidth h3 a:visited,
                #container .vacanciesHorizontalFull .vacancyContainerFullWidth h3 a:hover,
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer h3,
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer h3 a:link,
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer h3 a:visited,
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer h3 a:hover,
                #container .vacanciesHorizontal .vacancyContainer h3 a:link,
                #container .vacanciesHorizontal .vacancyContainer h3 a:visited,
                #container .vacanciesHorizontal .vacancyContainer h3 a:hover
                {
                    color: White;
                    margin: 0;
                    padding: 0;
                    margin-top: 10px;
                    font-size: 1em;
                    text-transform: uppercase;
                    font-weight: bold;
                    text-decoration: none;
                }
                
                #container .vacanciesHorizontal .vacancyContainer h3 a:hover,
                #container .vacanciesHorizontalFull .vacancyContainerFullWidth h3 a:hover,
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer h3 a:hover,
                #container .vacanciesHorizontal .vacancyContainer h3 a:hover
                {
                    text-decoration: underline;
                }
                
                #container .vacanciesHorizontal .vacancyContainer p,
                #container .vacanciesHorizontalFull .vacancyContainerFullWidth p,
                #container .contentVertical .contentLeft .vacancyBlockContainer .vacancyContainer p
                {
                    margin: 0;
                    padding: 0;
                    color: #cbc3d4;
                }
                
                #container .vacanciesHorizontal .whatMakesUsDifferent 
                {
                    width: 300px;
                    height: 200px;
                    margin-top: 43px;
                    position: relative;
                    margin-left: 38px;
                    float: left;
                }
                
                #container .vacanciesHorizontal .whatMakesUsDifferent h2
                {
                    background-image: url(../images/sprites/sprite_pagetitles_p.png);
                    background-repeat: no-repeat;
                    background-position: 0 -24px;
                    height: 44px;
                    width: 230px;
                    text-indent: -4000px;
                    display: block;
                }
                
                #container .vacanciesHorizontal .whatMakesUsDifferent p
                {
                    color: White;
                }
                
                #container .vacanciesHorizontal .whatMakesUsDifferent a:link,
                #container .vacanciesHorizontal .whatMakesUsDifferent a:visited,
                #container .vacanciesHorizontal .whatMakesUsDifferent a:hover
                {
                    display: block;
                    width: 102px;
                    height: 102px;
                    background-image: url(../images/see-more.png);
                    background-repeat: no-repeat;
                    text-indent: -4000px;
                    position: absolute;
                    top: 140px;
                    left: 240px;
                    overflow: hidden;
                }
        
    #container .footer
    {
        width: 980px;
        height: 68px;
        background-color: #ffffff;        
    }
    
    #container .footer .footer
    {
        width: 935px;
        height: 15px;
        color: #6d6d6c;  
        font-size: .7em;     
        display: block;
        clear: both; 
        padding-bottom: 10px;
        margin-left: 45px;
    }
    
        #container .footer .footer a:link,
        #container .footer .footer a:visited,
        #container .footer .footer a:hover
        {
            text-decoration: underlined;
            color: #6d6d6c;     
        }
        
        #container .footer .left
        {
            width: 50%;
            float: left;
            margin-top: 18px;
            margin-left: 45px;
            font-size: .75em;
        }
        
            #container .footer .left a:link,
            #container .footer .left a:visited,
            #container .footer .left a:hover
            {
                text-decoration: none;
                color: #3c2752;
                font-weight: bold;
            }
        
        #container .footer .right
        {
            width: 40%;
            float: right;
            margin-top: 14px;
            margin-right: 30px;
        }
        
            #container .footer .right a:link,
            #container .footer .right a:visited,
            #container .footer .right a:hover
            {
                background-image: url(../images/linkedin.jpg);
                background-repeat: no-repeat;
                height: 24px;
                width: 90px;
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                float: right;
            }
            
.modal
{
	width: 672px;
	height: 437px;
	position: fixed;
	top: 20px;
	display: none;
}

.modal2
{
	width: 672px;
	height: 437px;
	position: fixed;
	top: 20px;
	display: none;
}

.modal3
{
	width: 672px;
	height: 437px;
	position: fixed;
	top: 20px;
	display: block;
}

	.modal .modalTop,
	.modal2 .modalTop,
	.modal3 .modalTop
	{
		width: 672px;
		height: 32px;
		background-image: url(../images/layout/modal_header.png);
		background-repeat: no-repeat;
	}

	.modal .modalTop a:link,
	.modal .modalTop a:visited,
	.modal .modalTop a:hover,
	.modal2 .modalTop a:link,
	.modal2 .modalTop a:visited,
	.modal2 .modalTop a:hover,
	.modal3 .modalTop a:link,
	.modal3 .modalTop a:visited,
	.modal3 .modalTop a:hover
	{
		float: right;
		height: 32px;
		width: 32px;
		text-indent: -4000px;
		display: block;
	}

	.modal .modalContent
	{
		width: 672px;
		height: 392px;
		background-image: url(../images/layout/modal_body.png);
		background-repeat: repeat-y;
	}
	
	.modal2 .modalContent,
	.modal3 .modalContent
	{
		width: 672px;
		height: 520px;
		background-image: url(../images/layout/modal_body.png);
		background-repeat: repeat-y;
	}

        .modal .modalContent .content,
		.modal2 .modalContent .content
		{
			width: 625px;
			height: 394px;
			margin-left: 16px;
			margin-right: auto;
			position: relative;
		}
		
		    .modal2 .modalContent .content .selectedVacancies
		    {
		        width: 600px;
		        height: 50px;
		        /*border: 1px solid black;*/
		        font-size: .8em;
		        color: #484848;
		        display: block;
		    }
		
		    .modal2 .modalContent .content .selectedVacancies2
		    {
		        width: 400px;
		        height: auto;
		        /*border: 1px solid black;*/
		        font-size: .8em;
		        color: #484848;
		        overflow: hidden;
		        display: block;
		    }
		    
		        .modal2 .modalContent .content .selectedVacancies .vacancyItem
		        {
		            width: 600px;
		            height: auto;
		        }
		    
		            .modal2 .modalContent .content .selectedVacancies .vacancyItem .name
		            {
		                width: 500px;
		                float: left;
		            }
		    
		            .modal2 .modalContent .content .selectedVacancies .vacancyItem .remove
		            {
		                width: 100px;
		                float: left;
		            }

			.modal .modalContent .content h1,
			.modal2 .modalContent .content h1
			{ 
				margin: 0px;
				padding: 0px;
				font-size: 1.5em;
				color: #442266;
				width: 100%;
				border-bottom: 1px solid #dad3e1;
				display: block;
				margin-bottom: 10px;
			}
			
			.modal2 .modalContent .content h2,
			h2.myh2
			{
				margin: 0px;
				padding: 0px;
				font-size: 1.1em;
				color: #442266;
				width: 100%;
				/*border-bottom: 1px solid #dad3e1;*/
				display: block;
			}
			
			.modal2 .modalContent .content .incl
			{
				margin: 0px;
				padding: 0px;
				font-size: .8em;
				color: #1e1e1e;
				width: 100%;
				/*border-bottom: 1px solid #dad3e1;*/
				display: block;
			}
			
			.modal .modalContent .scrollableContent,
			.modal2 .modalContent .scrollableContent
			{
				width : 625px;
				height: 326px;
				overflow: hidden;
				display: block;
			}
			
			    .modal .modalContent .scrollableContent p
			    .modal2 .modalContent .scrollableContent p
			    {
				    font-size: 1em;
			    }
			
			.modal .modalContent .scrollableContent img,
			.modal2 .modalContent .scrollableContent img
			{
				border: 2px solid #ffffff; /*#f37021;*/
				padding: 5px;
			}

	.modal .modalFooter,
	.modal2 .modalFooter
	{
		width: 672px;
		height: 13px;
		background-image: url(../images/layout/modal_footer.png);
		background-repeat: no-repeat;
	}
	
	.formRow
	{
	    width: 625px;
	    height: auto;
	    margin-bottom: 10px;
	}
	
	    .formRow label
	    {
	        width: 100px;
	        display: inline-block;
	        height: 20px;
	        font-size: .9em;
	        color: #484848;
	        float: left;
	    }
	    
	    .formRow textarea,
	    .formRow input,
	    .formRow .field
	    {
	        font-size: .9em;
	        color: #484848;
	        font-family: Arial;
	    }
	    
	    .red
	    {
	        color: Red;
	    }
	    
#search
{
    width: 980px;
    height: 60px;
    display: block;
    background-color: #f0edf2;
    margin-left: -40px;
}

    #search .left
    {
        float: left;
        height: 72px;
        width: 40px;
        /*background-image: url(../images/search/left.gif);*/
        background-repeat: no-repeat;
        display: block;
    }
    
    #search .textsearch
    {
        float: left;
        height: 72px;
        width: 324px;
        /*background-image: url(../images/search/body.gif);*/
        background-repeat: repeat-x;
        display: block;
        padding-top: 10px;
    }
    
    #search .split1
    {
        float: left;
        height: 72px;
        width: 72px;
        /*background-image: url(../images/search/seperator1.gif);*/
        background-repeat: no-repeat;
        display: block;
    }
    
    #search .split2
    {
        float: left;
        height: 72px;
        width: 15px;
        /*background-image: url(../images/search/seperator2.gif);*/
        background-repeat: no-repeat;
        display: none;
    }
    
    #search .filter1
    {
        float: left;
        height: 72px;
        width: 225px;
        /*background-image: url(../images/search/body.gif);*/
        background-repeat: repeat-x;
        display: block;
        padding-top: 10px;
    }
    
    #search .filter
    {
        float: left;
        height: 72px;
        width: 258px;
        /*background-image: url(../images/search/body.gif);*/
        background-repeat: repeat-x;
        display: block;
        padding-top: 10px;
    }

    #search .right
    {
        float: left;
        height: 72px;
        width: 16px;
        /*background-image: url(../images/search/right.gif);*/
        background-repeat: no-repeat;
        display: block;
    }
    
    .lblSearch
    {
        background-image: url(../images/search/lblsearch.gif);
        background-repeat: no-repeat;
        height: 14px;
        width: 223px;
        display: block;
        overflow: hidden;
        text-indent: -4000px;
    }
    
    .lblFilter
    {
        background-image: url(../images/search/lblfilter.gif);
        background-repeat: no-repeat;
        height: 13px;
        width: 420px;
        display: block;
        overflow: hidden;
        text-indent: -4000px;
    }
    
    
    .lblFilter2
    {
        height: 13px;
        width: 78px;
        display: block;
        overflow: hidden;
        text-indent: -4000px;
    }
    
    .action
    {
        float: left;
        margin-top: 5px;
    }
    
    .action2
    {
        float: left;
        margin-top: 7px;
    }
    
    #search .field
    {
        float: left;
        margin-top: 5px;
    }
    
    #search .field input
    {
        width: 254px;
    }
    
    #search .field select
    {
        width: 194px;
        margin-top: 3px;
    }
    
    .btnSearch
    {
        background-image: url(../images/gobtn.gif);
        background-repeat: no-repeat;
        height: 22px;
        width: 54px;
        display: block;
        border: none;
        text-indent: -4000px;
        margin-left: 5px;
    }
    
    .whiteLink:link,
    .whiteLink:visited,
    .whiteLink:hover
    {
        color: White;
    }
    
    .vacancy .item
    {
        width: 900px;
        clear: both;
        font-size: .80em;
        color: #484848;
        margin-bottom: 3px;
        /*height: auto;*/
        min-height: 20px;
        border-bottom: 1px solid #dad3e1;
    }
    
    .vacancy .item-no-border
    {
        width: 900px;
        clear: both;
        font-size: .80em;
        color: #484848;
        margin-bottom: 3px;
        /*height: auto;*/
        min-height: 20px;
    }
    
    .noborder
    {
        border: 1px solid white;
    }
    
    .vacancy .item .label
    {
        width: 125px;
        /*float: left;*/
        display: inline-block;
        font-weight: bold;
    }
    
    .vacancy .item .content
    {
        width: 700px;
        /*float: left;*/
        display: inline-block;
    }
            
            #applicationmodal .modalContent .content .scrollableContent .formRow input.sendCV,
            .formRow input.sendCV2
            {
                height: 28px;
                width: 156px;
                background-repeat: no-repeat;
                background-image: url(../images/sendusyourcv.jpg);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                border: none;
                float: left;
                cursor: pointer;
                /*margin-left: 740px; */
            }
            
            #applicationmodal .modalContent .content .scrollableContent .formRow input.sendCV2
            {
                height: 28px;
                width: 156px;
                background-repeat: no-repeat;
                background-image: url(../images/sendusyourcv.jpg);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                border: none;
                float: left;
                cursor: pointer;
                margin-left: 100px;
                /*margin-left: 740px; */
            }
            
            #applicationmodal .modalContent .content .scrollableContent .formRow input.continueBrowsing
            {
                height: 28px;
                width: 261px;
                background-repeat: no-repeat;
                background-image: url(../images/continue-browsing.gif);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                border: none;
                float: right;
                cursor: pointer;
                /*margin-left: 740px; */
            }
            
            #applicationmodal .modalContent .content input.continueBrowsing2
            {
                height: 28px;
                width: 261px;
                background-repeat: no-repeat;
                background-image: url(../images/continue-browsing.gif);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                border: none;
                float: right;
                cursor: pointer;
                position: absolute;
                top: 474px;
                left: 367px;
                /*margin-left: 740px; */
            }
            
            .modalContent .content input.continueBrowsing3
            {
                height: 28px;
                width: 261px;
                background-repeat: no-repeat;
                background-image: url(../images/continue-browsing.gif);
                display: block;
                text-indent: -4000px;
                overflow: hidden;
                border: none;
                float: right;
                cursor: pointer;
                /*margin-left: 740px; */
            }
            
            
            
            
            
            
		    .selectedVacancies
		    {
		        width: 400px;
		        height: auto;
		        /*border: 1px solid black;*/
		        font-size: .8em;
		        color: #484848;
		        display: block;
		    }
		    
		        .selectedVacancies .vacancyItem
		        {
		            width: 400px;
		            height: 20px;
		        }
		    
		            .selectedVacancies .vacancyItem .name
		            {
		                width: 300px;
		                float: left;
		            }
		    
		            .selectedVacancies .vacancyItem .remove
		            {
		                width: 100px;
		                float: left;
		            }
		            
.divider-line
{
    width: 100%;
    border-bottom: 1px solid #dad3e1;
    height: 5px;
    display: block;
    margin-bottom: 5px;
}

a.myvacancies:link,
a.myvacancies:visited,
a.myvacancies:hover
{
    background-image: url(../images/myvacancies.jpg);
    background-repeat: no-repeat;
    height: 42px;
    width: 156px;
    display: block;
    position: absolute;
    top: 171px;
    left: 758px;
    text-indent: -4000px;
    overflow: hidden;
}