*
{
    margin:0;
    padding:0;
}
html
{
    background:black;
    color:#999;
    _overflow-x:hidden;
}

body
{
    font:11px/14px tahoma, arial, sans-serif;
}

h1
{
    font-size:14px;
    margin-bottom:1em;
    color:white;
    text-transform:uppercase;
}

p, dd
{
    margin-bottom:1em;
}

dt
{
    color:#999;
    margin-bottom:.2em;
}

a
{
    text-decoration:underline;
    color:white;
}

a img
{
    border:0;
}

a:hover
{
    color:black;
    text-decoration:none;
    background:white;
}

a.block
{
    float:left;
    padding-left:7px;
    background:transparent url(../img/arrow.png) left center no-repeat;
}

a.block:hover
{
    background:white url(../img/arrow-over.png) left center no-repeat;
}

#header
{
    width:930px;
    margin:0 auto;
    height:100px;
}

#header h1
{
    float:left;
    height:100px;
    border-left:1px solid #666;
    padding-left:20px;
}

#header h1 a
{
    margin-top:17px;
    float:left;
    width:106px;
    height:67px;
    background:transparent url(../img/logo.png) left top no-repeat;
    text-indent:-1000em;
    overflow:hidden;
}

#footer
{
    width:930px;
    margin:0 auto;
    font-size:9px;
    margin-top:2em;
    text-align:right;
}
#footer p
{
    margin:0;
}

#menu
{
    float:right;
    border-width:0px 1px;
    border-color:#666;
    border-style:solid;
    height:100px;
    padding:0px 29px;
    
}

#menu li
{
    float:left;
    list-style:none;
    margin-top:40px;
}

#menu a
{
    float:left;
    margin-left:40px;
    height:14px;
    text-indent:-10000em;
    width:56px;
    overflow:hidden;
    background:transparent url(../img/menu/bg-projects-active.png) left top no-repeat;
}

#menu a.active
{
    border-bottom:4px solid white;
    padding-bottom:4px;
}

.all
{
    text-transform:uppercase;
    font-weight:bold;
}

.active
{
}

#menu #menu-projects
{
    background-image:url(../img/menu/bg-projects-active.png);
}

#menu #menu-about
{
    background-image:url(../img/menu/bg-about-active.png);
    width:45px;
    margin-left:0;
}

#menu #menu-services
{
    background-image:url(../img/menu/bg-services-active.png);
    width:48px;
}

#menu #menu-awards
{
    background-image:url(../img/menu/bg-awards-active.png);
    width:54px;
}

#menu #menu-contacts
{
    background-image:url(../img/menu/bg-contacts-active.png);
    width:64px;
}

#menu #menu-lang
{
    background-image:url(../img/menu/bg-english-active.png);
    width:17px;
}

#menu #menu-news
{
    background-image:url(../img/menu/bg-news-active.png);
    width:48px;
}

#blur
{
    background:black url(../img/blur.jpg) center top no-repeat;
}


#grid1
{
    background:transparent url(../img/GridHomepage.png) center top no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/GridHomepage.png', sizingMethod='crop'); 
}

#grid2
{
    background:transparent url(../img/GridListing.png) center top no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/GridListing.png', sizingMethod='crop'); 
}

#grid3
{
    background:transparent url(../img/GridProject.png) center top no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/GridProject.png', sizingMethod='crop'); 
}

#grid1, #grid2, #grid3
{
    _background:none;
    min-height:509px;
    _height:509px;
    _width:2000px;
    _margin-left: expression("-" + ((2000 - document.documentElement.clientWidth) / 2) + "px");
    
}

#content
{
    width:928px;
    margin:0 auto;
}

#inner-content
{
    position:absolute;
    top:151px;
}

#left-col, #mid-col, #right-col, #left-col2, #mid-col2
{
    position:absolute;
}

#left-col
{
    width:448px;
}

#left-col2
{
    width:208px;
}

#mid-col, #right-col
{
    left:499px;
    top:20px;
    width:168px;
}

#mid-double-col
{
    position:absolute;
    padding:20px;
    left:240px;
    width:409px;
    background:black;
    min-height:500px;
    _height:500px;
}
#double-col
{
    position:absolute;
    padding:20px;
    left:479px;
    width:409px;
    height:367px;
    overflow:auto;
    overflow-x:hidden;

}

#double-col .col,
#double-col .props
{
    width:160px;
    float:left;
}

/* text in cols */

#mid-col2 ul
{
    margin-bottom:1em;
}

#mid-col2 ul li
{
    margin-left:1em;
    list-style-type:square;
}

#mid-col2 dl ul li
{
    margin-left:1em;
    list-style-type:none;
}

.props
{
    margin-left:70px;
    width:138px;
}

.props dt
{
    color:white;
    font-weight:bold;
}


#mid-col2
{
    width:408px;
    padding:20px;
    left:240px;
    top:0;
    height:367px;
    overflow:auto;
}

#right-col
{
    left:719px;
    top:0px;
    padding:20px;
    padding-right:21px;
    height:367px;
    overflow:auto;
    overflow-x:hidden;
}

#project-title
{
    margin-top:1px;
    height:51px;
    background:black;
    padding:10px 15px;
}

#left-col2 #project-title
{
    margin-top:0;
    height:30px;
}


#project-title h1
{
    margin:0;
    font:normal 20px impact;
    text-transform:uppercase;
}

#project-title h2
{
    margin:0;
    font:normal 14px impact;
    text-transform:uppercase;
    color:white;
}

.homepage-projects
{
    display:none;
}

#projects img
{
    cursor:pointer;
    margin-right:1px;
}

#projects .project-3
{
    margin-right:30px;
}

#projects .project-6
{
    margin-right:0px;
}
#loader
{
    position:absolute;
    top:0;
    width:100%;
    height:336px;
    background:url(../img/loader.gif);
}

#left-col2 #loader
{
    height:407px;
}

#path
{
    margin:0;
}
#path a
{
    text-decoration:none;
    color:#999;
}
dt a
{
    text-decoration:none;
    font-weight:bold;
}
#dl.projects li
{
    list-style:none;
    margin-left:1em;
}

#projects li a
{
    text-decoration:none;
}

#mid-col2 ul#projects  li
{
    margin-bottom:1em;
    list-style:none;
    margin-left:0;
}

.item-list li
{
    list-style:none;
    margin-bottom:1em;
    clear:both;
    float:left;
    width:100%;
}
.item-list a
{
    float:left;
    padding-left:7px;
    margin-right:3px;
    text-decoration:none;
    color:white;
    background:transparent url(../img/arrow.png) left 4px no-repeat;
}
.item-list a:hover,
.item-list a.active, 
.item-list a.active:hover 
{
    color:#aaa;
    background:transparent url(../img/arrow-active.png) left 4px no-repeat;
    text-decoration:none;
}

.item-list a.active, 
.item-list a.active:hover 
{
    cursor:default;
    outline:none;
}

#news dd a
{
    float:left;
    clear:both;
    font-weight:bold;
    text-decoration:none;
}

.hp-image
{
    position:absolute;
    overflow:hidden;
    width:0px;
}

.image-0
{
   width:448px; 
}

#project-image
{
    height:336px;    
}

#tiles
{
    position:absolute;
    width:0px;
    z-index:2;
    overflow:hidden;
    height:336px;
}

#slideshow #tiles
{
    height:407px;
}

#tiles div
{
    position:absolute;
    width:448px;  
    height:336px;
    background:url(../img/blinds.png) left top repeat;
}

#slideshow #tiles div
{
    height:407px;
}

#projects li
{
    padding-left:7px;
    background:transparent url(../img/arrow.png) left 4px no-repeat;
}

#intro-footer
{
    position:absolute;
    top:370px;
    background:black;
}

#slideshow
{
    height: 407px;
}

.count
{
    color:#aaa;
}

#right-col h1
{
    color:#aaa;
}