*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html, body, form
{
    height: 100%;
}

body
{
    margin: 0px;
    padding: 0px;
    background: #000 url('/gfx/bg-main.jpg') no-repeat center center;
    background-attachment: fixed;
    text-align: center;
    color: #fbeab0;
}
body.start 
{
    background-image: url('/gfx/bg-start.jpg?091126');
}
body.noscroll 
{
    background-image: url('/gfx/bg-noscroll.jpg?091126');
}
    

body, input, select, textarea, td
{
    font-family: Helvetica, Arial;
    font-size: 11px;
}

#globalWrapper
{
    width: 690px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -229px;
    text-align: left;
}

            #globalMainNav
            {
                list-style-type: none;
                padding: 0;
                margin: 3px 0 0 215px;
                overflow: hidden;
            }
                #globalMainNav li
                {
                    display: inline;
                    font-size: 12px;
                }    
                #globalMainNav li a
                {
                    display: block;
                    float: left;
                    height: 33px;
                } 
                    #globalMainNav li a
                    {
                        background-repeat: no-repeat;
                        background-position: center center;
                    }                       
                #globalMainNav li a.news
                {
                    width: 64px;
                    background-image: url('/gfx/mainnav-news.png');
                }  
                    #globalMainNav li a.news:hover
                    {
                        background-image: url('/gfx/mainnav-news-on.png');
                    }                          
                #globalMainNav li a.works
                {
                    width: 128px;
                    background-image: url('/gfx/mainnav-works.png');
                }            
                    #globalMainNav li a.works:hover
                    {
                        background-image: url('/gfx/mainnav-works-on.png');
                    }                  
                #globalMainNav li a.contact
                {
                    width: 79px;
                    background-image: url('/gfx/mainnav-contact.png');
                }      
                    #globalMainNav li a.contact:hover
                    {
                        background-image: url('/gfx/mainnav-contact-on.png');
                    }                                                                         
                    #globalMainNav li a span
                    {
                        display: none;
                    }    
                    
#scrollbar_container {  
    position:relative;  
    width:627px;  
    margin: 3px 0 0 2px;
} 

#scrollbar_track {  
    position:absolute;  
    top:-8px;  
    left: 740px;
    height:385px;  
    width:10px;  
    background-color:transparent;  
    cursor:move;  
} 

#scrollbar_handle {  
    width: 46px;
    height: 23px;
    position: relative;
    right: 8px;
    background: url('/gfx/scrollhandle.png') no-repeat center top;
} 
               
    
    #globalMiddle
    {
        width: 627px;
        height: 356px;
        
        margin-left: 25px;
        overflow: hidden;
        font-size: 12px;
    }
  
    
        #globalMiddleContent
        {
            padding: 25px;
        }    
        
/* SELECTED WORKS */

#selectedWorks
{
    margin: 0 auto;
    margin-top: 70px;
    width: 540px;
}
#selectedWorks .row2
{
    position: relative;
    top: -3px;
}
    #selectedWorks .work
    {
        float: left;
        width: 90px;
        color: #fbeab0;
        margin: 0;
        padding: 0;
        text-decoration: none;
        
    }
        #selectedWorks .work span
        {
            visibility: hidden;
            display: block; 
            font-family: arial;
            font-size: 11px;
            font-weight: bold;
            margin: 2px 0 4px 0;
            padding: 0;
            text-align: center;
        }    
        #selectedWorks .work:hover span
        {
            visibility: visible;    
        }
    #selectedWorks .work .thumb
    {
        margin: 0;
        padding: 0;
    }

/* ### */        
        
    #globalFooterLogo
    {
        display: block;
        margin-left: 260px;
        width: 150px;
        height: 90px;
    }   
        #globalFooterLogo span
        {
            display: none;
        }
      
#sb-title
{
    height: 40px;
}