/* CLEARING */

.stretch, .clear { clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="clearfix"] { display: inline-block } /* ie7, ignored by opera 8 */
* html>body .clearfix { width: 100%; } /* ie mac only */
* html .clearfix { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }


/* main structure */

body
{
    overflow : hidden;
    margin : 0;
    padding : 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: 16px;
    color: #333;
    text-decoration: none;
}

#preview
{
    color : #f00;
    margin : 0; padding : 0;
    position : absolute;
    top : 0px;
    left : 300px;
    font-size : 20px;
}

#mainnav
{
    float : left;
    width : 200px;
    margin : 10px 0 0 0px;
}

#mainnav #contacts {
    margin : 40px 0 0 -3px;
}

#mainnav #contacts img {
    margin : 50px 0 0 50px;
}


#mainnav li {
    margin:0; padding:0;
}



#mainnav li a {display: block; width: 130px; height: 30px; background: #666666; 0; text-align: center; color: #fff; font-size: 0.9em;}
#mainnav li a span {display: none;}
#mainnav li a.building { background: url(../img/menu/Building.gif) 50% 0% no-repeat; }
#mainnav li a.landscape { background: url(../img/menu/Landscape.gif) 50% 0% no-repeat; }
#mainnav li a.idea { background: url(../img/menu/Idea.gif) 50% 0% no-repeat; }
#mainnav li a.urban-design { background: url(../img/menu/UrbanDesign.gif) 50% 0% no-repeat; }

#mainnav li a.new { background: url(../img/menu/New.gif) 50% 0% no-repeat; }
#mainnav li a.office { background: url(../img/menu/Office.gif) 50% 0% no-repeat; }
#mainnav li a.links { background: url(../img/menu/Link.gif) 50% 0% no-repeat; }
#mainnav li a.downloads { background: url(../img/menu/Downloads.gif) 50% 0% no-repeat; }
#mainnav li a.publication { background: url(../img/menu/Publication.gif) 50% 0% no-repeat; }

#mainnav li a:hover { background-position: 50% 100%; }

#mainnav li.current a { background-position: 50% 100%; }


#subnav
{
    float : left;
    width : 193px;
    margin : -3px 0 0 0;
}

#maincontent {
   margin : 0 0 0 395px;
}

#maincontent #text
{
    padding : 0;
    margin : 38px 0 0 0;
    height : 400px;
    overflow : auto;
    
}

#maincontent p
{
    width : 400px;
    margin : 0 0 10px;
}

#potflash img
{
   margin : 46px 0 0 46px; 
}


/* links */

a:link, a:visited, a:active
{
    text-decoration : none;
    color : #333;
}

a:hover
{
    color : #555;
}

.skiplink {display:none}

/* text */

h1
{
    color : #f06;
    font-size : 26px;
    margin : 46px 0 0 46px;
    padding : 0px;
}

h1 img
{
    border : 0;
}

h2
{
    color : #333;
    font-size : 20px;
    font-weight : normal;
    display : inline;
    position : relative;
    left : 0;
    top : 24px;
}

#mainnav ul
{
    margin : 40px 0 0 46px;
    padding : 0;
}

#mainnav ul.second
{
    margin : 20px 0 0 46px;
}

#mainnav ul li
{
    color : #333;
    font-size : 14px;
    list-style : none;
    margin : 0;
}

#mainnav ul li a
{
    color : #f06;
    text-decoration : none;
}

#mainnav ul li a:hover, #mainnav ul li.current a
{
    color : #333;
    font : 11px;
}

#subnav ul
{
    margin : 57px 0 0;
    padding : 0;
}

#subnav ul.archive 
{
	margin : 0;
}

#subnav ul.archive li.head a 
{
    color : #333;
}

#subnav ul li
{
    color : #333;
    font-size : 11px;
    list-style : none;
    margin : 6px 0;
}

#subnav ul li.expand ul
{
    display : none;
}
    

#subnav ul li a
{
    color : #4dca1e;
    text-decoration : none;
}

#subnav ul li.recruitment a
{
    color : #f06;
}

#subnav ul li a:hover, #subnav ul li.current span
{
    color : #333;
    font : 11px;
}

#subnav ul li.expand ul
{

    margin : 0;
    padding : 0;
    list-style : none;
}


#subnav ul li.expand
{
    color : #4dca1e;
    cursor: pointer;
	cursor: hand;
}

#subnav ul li.expand a img
{
    border : 0;

}

#subnav ul li.expand ul li
{
    font-size : 11px;
    list-style : none;
    margin : 0 0 0 0px;
    padding : 0;
    
}

#subnav ul li.expand ul li a
{
    color : #666;
}
    
#subnav ul li.expand ul li a:hover
{
    color : #111;
}

#subnav ul li.current ul
{
    overflow: hidden; opacity: 0.9999; display: block; height: auto; width: auto;
 
}

#subnav ul li.current a
{
   color : #333;
}

#subnav ul li.current ul li.current a
{
   color : #333;
}


#text img.sole
{
   margin : 0px 0  5px 0;
}

#text img.main
{
   margin : 0px 0  5px 0;
}



/* image cluster code */

div.imageCluster
{
     height : 300px; 
     margin : 0 0 10px 0; 
}

.imageCluster img
{
    display : block;
    float : left;
    margin : 0 5px 15px 0;
}

ul.thumbs
{
    float : left;
    padding : 0;
    margin : 0 0 0 5px;
}

ul.thumbs li 
{
    list-style-type: none;
    clear : left;
    padding : 0px 3px;
    margin : 0;
    cursor: pointer;
	cursor: hand;

}


/* links */

ul.links 
{
    padding : 0;
}

/* list of works */

ul.project_year
{
    padding : 0;
    margin : 0;
    list-style-type: none;
}

ul.project_year li
{
    font-size : 1.4em;
    margin : 2px 0 20px 0;
    color : #666;
}

ul.project_year li table
{
    padding : 0;
    margin : 5px 0 0 -2px;
    width : 600px;
}

ul.project_year td
{
    font-size : 10px;
    margin : 5px 0;
    padding : 5px 0;
    vertical-align: top;
}

ul.project_year td.title
{
    width : 125px;
}

ul.project_year td.cost
{
    width : 40px;
    text-align : right;
    padding-right : 20px;
}

ul.project_year td.client
{
    width : 200px;
}

/* downloads */

ul.downloads
{
    margin : 0;
    padding : 0;
    list-style-type: none;
}


/* content */
div#text img
{
    border : 0;
}

#highlightProjects
{
    margin : 10px 0;
}

#highlightProjects ul
{
    margin : 0;
    padding : 0;
}

#highlightProjects ul li
{
    display : inline;
    float : left;
    list-style-type: none;
    margin : 0 5px 0 0;
}



/* people */
div#text h3
{
    margin : 3px 0 0 0;
    font-size : 11px;
    font-weight : normal;
}

div#text h3.before
{
    margin : 15px 0 0 0;
}

div#text ul
{
   margin : 0 0 10px 0;
   padding : 0;
}

/* homepage */

#subtext {
    margin : 2px 0;
}

.news_item p {
    color : #666;
    font-size : 12px;
}

#subtext p, p.news_subtext
{
    margin : 0;
    padding : 0;
    line-height : 12px;
    font-size : 10px;
    color : #4dca1e;
}

p.news_subtext
{
    color : #333;
}

#subtext p.homepage
{
    margin : 0;
    padding : 0;
    color : #333;
}


#maincontent div.news_image p
{
    margin : 5px 0 0 0;
}

div.news_item {
    margin : 0 0 20px 0;
}

#text p.ltd_comp {
	margin : 20px 0;
}