body 
{
    background-color: #1f1e20;
    overflow-y: scroll;
    font-family: Tahoma, Arial, Times New Roman;
    font-size: 12px;
    color: #cccccc;
}

#wrapper
{
    position: absolute;
    left: 50%;
    margin-left: -452px;
    width: 904px;
    padding-bottom: 20px;
}
p
{
    font-family: Tahoma, Arial, Times New Roman;
    font-size: 12px;
    color: #cccccc;
}
#top-bar
{
    width: 904px;
    height: 115px;
}

.top-bar-left
{
    width: 10px;
    height: 115px; 
    background: url(images/top-bar-left.gif) no-repeat;
    float: left;
}

.top-bar-repeat
{
    width: 880px;
    height: 115px;
    background: url(images/top-bar-slice.jpg) repeat-x;
    float: left;
}

.top-bar-right
{
    width: 10px;
    height: 115px; 
    background: url(images/top-bar-right.jpg) no-repeat;
    float: left;
}

#logo
{
    width: 172px;
    height: 58px;
}

#navigation
{
    width: 900px;
    height: 28px;
    background: url(images/nav-bar-repeat.jpg) repeat-x;
    margin-top: -10px;
    #margin-top: 0;
}

.main-menu
{
    font-family: Tahoma, Arial, Times New Roman;
    font-size: 13px;
    margin-left: -40px;
    #margin-left: 0;
    list-style-type: none;
}

    .main-menu li
    {
        float: left;
        line-height: 28px;
        height: 28px;
        width: 135px;      
    } 
    
        .main-menu a
        {
           color: #333333; 
           text-decoration: none; 
           text-align: center;
           height: 28px;
           display: block;
           border-left: 1px solid #666666;  
        } 
        
        a.last
        {
            border-right: 1px solid #666666;
        }
        
        .main-menu a:hover
        {
           color: #ffffff;
           background: url(images/nav-bar-hover-repeat.jpg) repeat-x;  
           height: 28px;
            
        } 
        
            a.selected
            {
                color: #ffffff;
                background: url(images/button-selected.jpg) repeat-x;
            }
            
                a:hover.selected
            {
                color: #ffffff;
                background: url(images/button-selected.jpg) repeat-x;
            }
            
.homepagemovie
{
    float: left;
    width: 620px;
    height: 430px;
    padding: 2px 0 0 1px;
    border: 1px solid #666666;
}
                
#main-content
{
    float:left;
    width: 620px;
    margin-bottom: 10px;
}

#content-background
{
    width: 901px;
    background: url(images/content-background-repeat.jpg) repeat-y;
    margin-bottom: 10px;
    float: left;
}

#cv-panel
{
    width: 278px;
    height: 104px;
    background: url(images/cv-panel.jpg) no-repeat; 
    float: right;
    margin-top: 34px;
    #margin-top: 30px;
    margin-bottom: 10px;
    #margin-bottom: 0;
}



.panel-headers
{
    width: 195px;
    height: 40px;
    text-align: right;
    float: right;
    padding: 0 15px 5px 0;
    #padding: 10px 15px 5px 0;
}

.panel-content
{
    width: 220px;
    height: 180px;
    text-align: right;
    float: right;
    padding: 10px 15px 5px 0;
}
 
 
.panel-headings
{
    font-family: Tahoma, Arial, Times New Roman;
    font-size: 17px;
    font-weight: normal; 
    color: #99E103;
    letter-spacing: -0.01em;
} 

.panel-standard-font
{
    font-family: Tahoma, Arial, Times New Roman;
    font-size: 11pt;
    color: #ffffff;
} 


a.panel-links
{
    font-family: Tahoma, Arial, Times New Roman;
    font-size: 12px;
    color: #00CCFF;
    text-decoration: none;
    
}

a:hover.panel-links
{
  
    color: #038CC0;
   
}

.number
{
    font-family: Tahoma;
    font-size: 17px;
    color: #fafafa;
    float: right;
    padding: 0 10px 0 0;
}

.number-span
{
    font-family: Tahoma, Arial, Times New Roman;
    color: #99E103;
    font-size: 15px;
}


.text-area
{
    width: 595px;
    padding: 10px;
    float: left;
}

h1.standard-heading
{
    font-family: Tahoma, Arial;
    font-size: 16px;
    font-weight: normal;
    color: #99E103; 
}

.standard-font
{
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #cccccc;
}

.standard-font-green
{
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #99E103;
}

.large-font
{
    font-family: Tahoma, Arial;
    font-size: 16px;
    color: #fafafa;
} 

.about-us-content
{
    background: url(images/about-us-background.jpg) no-repeat;
    width: 620px;
    height: 430px;
    margin-top: 2px;
    border: 1px solid #666666;
    float: left;
}

.clients-content
{
   background: url(images/clients-background.jpg) no-repeat;
    width: 620px;
    height: 585px;
    margin-top: 2px;
    border: 1px solid #666666;
}

.contact-content
{
   background: url(images/contact-background.jpg) no-repeat;
    width: 620px;
    height: 585px;
    margin-top: 2px;
    border: 1px solid #666666;
}

.candidates-content
{
   background: url(images/candidates-background.jpg) no-repeat;
    width: 620px;
    height: 430px;
    margin-top: 2px;
    border: 1px solid #666666;
}

.vacancy-content
{
   background: url(images/vacancies-background.jpg) repeat-y;
    width: 620px;
    margin-top: 2px;
    padding: 0 0 40px 0;
    border-left: 1px solid #444444;
    border-bottom: 5px solid #444444;
}

.vacancy-summary
{
    border-top: 1px dotted #666666;
    width: 580px;
    padding: 15px 0 15px 0;
}


.text-block
{
    padding: 80px 0 0 20px;
    width: 480px;
}

.text-block-clients
{
    padding: 40px 0 0 20px;
    width: 480px;
}

.text-block-candidates
{
    padding: 60px 0 0 20px;
    width: 480px;
}

.text-block-contact
{
    padding: 70px 0 0 20px;
    width: 480px;
}

#footer
{
    width: 895px;
    border-top: 10px solid #333333;
    padding: 5px 0 0 5px;
    float: left;

}

.footer-link
{
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #666666;
}


.footer-link a
{
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

    .footer-link a:hover
    {
    color: #99e103;
    }
    
    
   .footer-link2
    {
        float: right;
    }
    
    
    .footer-link2 a
{
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    float: right;
}

     .footer-link2 a:hover
    {
    color: #e4b745;
    }
    
.stratum
{
    float: left;
}

.framefive
{
    float: right;
}

.framefive-logo
{
    float: right;
}




/* NEWS SECTION */

#news-panel
{
    width: 278px;
    float: right;
}

.vacancies-panel-top
{
    background: url(images/vacancies-panel-top.jpg) no-repeat;
    width: 278px;
    float: left;
}

.vacancies-panel-repeat
{
    background: url(images/vacancies-panel-repeat.jpg) repeat-y;
    width: 278px;
    height: 292px;
    margin-top: -10px;
    padding: 0 0 20px 0;
}

.vacancies-panel-bottom
{
    background: url(images/vacancies-panel-bottom.jpg) no-repeat;
    width: 278px;
}

.news-story
{
    width: 240px;
    padding: 10px 0 0 0;
    margin: 15px 15px 0 0;
    float: right;
    text-align: right;
    border-top: 1px dotted #666666;
}

.news-headline
{
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #999999;
    font-weight: normal;
}


.news-summary
{
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #999999;
}

.news-summary a
{
    color: #00CCFF;
    text-decoration: none;
}

.news-summary a:hover
{
    color: #038CC0;
}


#twitter
{
    float: right;
    margin-right: 10px;
    margin-top: 40px;
    #margin-top: 0px;
}
#twitter2
{
    float: right;
    margin-right: 10px;
    width: 200px;
}