html
{
    min-height:100%;
    height:100%;
}
body
{
    min-height:100%;
    position:relative;
    margin:0;
    font-size:90%;
    font-family:Arial, Tahoma, sans-serif;
    overflow-y:scroll;
}
a
{
    text-decoration:none;
    color:#000;
}
h1, h2, h3, h4, h5, h6, h7
{
    margin:0;
    font-size:170%;
    line-height:170%;
}
p
{
    margin:0;
}
a:hover
{
    text-decoration:underline;
}
#header
{
    padding-top:25px;
}
#header a
{
    padding:6px;
    margin-left:20px;
    font-weight:bold;
}
#header a.menu_Architectica
{
    margin-left:0;
    font-size:160%;
    display:inline-block;
    text-decoration:none;
}
#header a.menu_Architectica span
{
    padding-left:2.3ex;
    background: url(images/logo.png) no-repeat 0 0;
    background-size: auto 100%;
}
#header .subMenu a
{
    font-weight:normal;
}
#header a:hover,
#header.menu_About .menu_About,
#header.menu_Contact .menu_Contact,
#header.menu_Works .menu_Works,
#header.menu_Works_office .menu_Works_office,
#header.menu_Works_home .menu_Works_home,
#header.menu_Works_public .menu_Works_public,
#header.menu_Works_building .menu_Works_building,
#header.menu_Works_competitions .menu_Works_competitions
{
    text-decoration:none;
    border-bottom:solid 1px #000;
}
#header a.menu_Architectica
{
    border:none;
}
#footer
{
    position:absolute;
    bottom:0;
    padding:14px 0;
    width:900px;
    text-align:right;
    border-top:1px solid #333;
}
#email
{
    float:left;
}
#body
{
    min-height:100%;
    -height:100%;
    margin:0 auto;
    width:900px;
    direction:ltr;
}
#content
{
    margin-top:40px;
    padding-bottom:100px;
    overflow:hidden;
}

.holder
{
    overflow:hidden;
    margin-bottom:20px;
}
.holder img
{
    float:right;
    width:700px;
}
.holder .sideBox
{
    width:180px;
    float:left;
}
.holder .sideBox h3
{
    margin-bottom:10px;
}
.holder .sideBox p
{
    white-space:pre-wrap;
}

#welcome
{
    color:#111;
    font-size:170%;
    font-weight:bold;
    letter-spacing:1px;
    word-spacing:2px;
    text-align:justify;
}
#homeImg
{
    height:580px;
    position:relative;
    margin-bottom:30px;
}
#homeImg span
{
    display:block;
    height:580px;
    position:absolute;
    width:100%;
    left:0;
    top:0;
}
#homeImg span
{
    opacity: 0;
    background-position: center center;
}
#homeImg span:nth-child(1) 
{
    opacity: 1;
}

.staticBox
{
    width:180px;
    position:fixed;
    left:50%;
    margin-left:-450px;
    top:115px;
}
.staticBox h1
{
    margin-bottom:10px;
}
.staticBox p
{
    white-space:pre-wrap;
}
#contact .holder .sideBox div
{
    margin-bottom:20px;
    line-height:150%;
}
#instagram, #pinterest
{
    padding-left:50px;
    background-position: center left;
    background-repeat: no-repeat;
}
#contact #instagram
{
    margin-top:60px;
    line-height:40px;
    background-image:url(/Content/images/instagram.png);
}
#pinterest
{
    background-image:url(/Content/images/pinterest.png);
}
#work
{
    overflow:hidden;
}
#work img, #work iframe
{
    float:right;
    margin-bottom:20px;
    width:700px;
}
#works
{
    margin:0 auto;
    overflow:hidden;
}
#works a
{
    display:block;
    width:290px;
    height:220px;
    position:relative;
    margin:5px;
    float:left;
}
#works a img
{
    height:100%;
    width:100%;
}
#works a span
{
    display:block;
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    color:#FFF;
    font-size:43px;
    font-weight:bold;
    text-shadow:0 0 40px rgba(0,0,0,0.2);
}
#about
{
    color:#111;
    font-size:140%;
    font-weight:bold;
    margin-top:20px;
}
#about span
{
    display: block;
    white-space:pre-wrap;
    font-size:70%;
    line-height:30px;
}
.paging
{
    margin-top: 20px;
    text-align: center;
}
.paging a, .paging span
{
    display: inline-block;
    padding: 5px;
}
.paging span
{
    border: 1px solid #000;
}

@media (max-device-width: 920px), (max-width: 920px)
{
    #body
    {
        width:700px;
    }
    #header a
    {
        margin-left:1px;
    }
    #footer
    {
        width:700px;
    }
    #works
    {
        width:600px;
    }
    .holder .sideBox 
    {
        width:auto;
        margin-bottom:10px;        
    }
    .staticBox
    {
        width: auto;
        position: static;
        margin-left: 0;
        margin-bottom: 10px;
    }
}
@media (max-device-width: 640px), (max-width: 640px) 
{
    body
    {
        font-size:170%;
    }
    #body
    {
        padding:10px;
    }
    #header a.menu_Architectica
    {
        display:block;
        margin:0 auto 30px auto;
        font-size:180%;
    }
    #header
    {
        text-align:center;
    }
    #header .subMenu
    {
        display:block;
        margin:50px 0;
    }
}