/* GLOBAL
----------------------------------------------- */
html {
    background: #faf4c4 url(../img/back_pattern.gif);
}

body {
    font: normal 11px 'times new roman',times , serif;
    color:#000;
    width:100%;
    height:100%;
    line-height: 15px;
    margin:0;
}

/* HEADERS
----------------------------------------------- */
h1 {
    font-size:17px;
    margin:0px 0px 15px 0px;
}

h2 {
    font-size:22px;}

/* LINKS
----------------------------------------------- */
a,
div.disabled{
    font:13px Times New Roman, Helvetica, Arial, sans-serif;
    color:#000;
    text-decoration:none;
    line-height: 17px;
}
a:focus {
    outline:none;
}

div.disabled{
    color:#666;
}

p a{
font: normal 11px 'times new roman',times , serif;
text-decoration:underline;
line-height: 15px;
}

/* FORM ELEMENTS
----------------------------------------------- */
fieldset {
    border:0;
}

label {
    display:block;
    width:120px;
}

input {
    border:1px solid #fff;
    width:400px;
    margin:0 0 3px;
}

textarea {
    width:400px;
    height:200px;
    background-color:#fff;
    border:0 solid #000;
}

.input_text {
    float:left;
    width:50px;
}

.submit {
    border:0;
    width:65px;
    height:20px;
    margin-left:0;
    background-color:#A6A376;
    color:#fff;
}

/* MISC
----------------------------------------------- */
img {
    display:block;
    border:0;
    /* behavior: url("pngbehavior.htc"); */
}

em {
    /* color:#DE4020; */
    font-style:normal;
    font-size:11px;
    font-style:italic;
}

.pink {
    color:#D7006C;
}

hr{
    margin:12px 0px 5px 0px;
    height:1px;
    border:0px;
    clear:both;
}

strong{
font-weight:bold;
}

/* BLOCK ELEMENTS
----------------------------------------------- */
p {
    margin:7px 0px 7px 0px;
    padding:0;
}

/* LISTS
----------------------------------------------- */
ul {
    border:0 solid #000;
    margin:0;
    padding:0;
}

ul li {
    list-style:none;
}

ul.img_desc {
    font-size:11px;
    font-weight:700;
    line-height:9px;
    padding:3px 0px 12px 0px;
    font-style:italic;
    color:#464140;
}

ul.img_desc ul.pager {
    float:right;
    line-height:11px;
}

ul.img_desc ul.pager li{
    float:left;
}

ul.img_desc ul.pager a{
    font-size:11px;
    line-height:11px;
}

ul.img_desc .desc_long {
    float:left;
    line-height:11px !important;
    line-height:13px;
}

/*
.colophon_wrapper{
display:block;
clear:both;
width:100%;
margin:0px 0px 10px 0px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
overflow:hidden;
}

ul.colophon, ul.colophon_long{
float:left;
width:48%;
font-size:11px;
padding: 3px 0px 5px 0px;
}

ul.colophon_long{
width:100%;
}

ul.colophon.right, ul.colophon_long.right{
float:right;
}

ul.colophon br, ul.colophon_long br{
clear:both
}

ul.colophon li, ul.colophon_long li{
text-transform:uppercase;
background:url('../img/dot.gif') repeat-x 0 80%;
}

ul.colophon li .left_item, ul.colophon_long li .left_item{
float:left;
font-weight:bold;
padding:1px 1px 0px 0px;
background-color:#FAF4C4;
}

ul.colophon li .right_item, ul.colophon_long li .right_item{
float:right;
padding:1px 0px 0px 0px;
background-color:#FAF4C4;
}

ul.colophon li.single_item, ul.colophon_long li.single_item {
background:none;
}
*/

ul.news-paging{overflow:hidden;}
ul.news-paging li{}
ul.news-paging li.prev{float:left}
ul.news-paging li.next{float:right}

ul.paging{
    float:right;
    margin:5px 0px 0px 0px;
}
ul.paging li{
    float:left;
}
ul.paging li.counter{
    margin:0px 5px 0px 5px;
}

ul#slides{
    position:relative;
}

body.javascript ul#slides li{
    position:absolute;
    top:0px;
    cursor:pointer;
}

ul#image-paging{
    position:absolute;
    left:19px;
    bottom:60px;
    z-index:300;
}

ul#image-paging li{
    float:left;
}

ul#image-paging li.sep{
    line-height:17px;
    margin:0px 3px 0px 3px;
}

/* TABLES
----------------------------------------------- */
table.publications{
    margin:0px 0px 0px 0px;
}
table.publications td{
    padding:0px 32px 12px 0px;
    vertical-align:top;
    text-align:center;
}
table.publications td a{
font-size:11px;
}
table.publications td img{
    display:block;
}

table#who-we-are{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}

table#who-we-are td,
table#how-we-work td{
    vertical-align:top;
    height:100%;
    width:50%;
    cursor:pointer;
}

table#who-we-are td div,
table#how-we-work td div{
    background-color:#FAF4C4;
    padding:15px 15px 15px 15px;
    height:100%;
}

table#how-we-work td div{
    padding:0px 15px 15px 0px;
}

/* MAIN NAVIGATION
-----------------------*/
#mainNav {
    position:relative;
    width:905px;
    height:46px;
    padding:0px 0px 4px 0px;
    border-bottom:3px solid #414443;
}

#mainNav ul {
    height:100%;
    border-bottom:1px solid #414342;
    padding: 0;
    margin: 7px 0px 0px 0px;
    list-style: none;
}

#mainNav li {
    float: right;
    position: relative;
    top:23px;
}

#mainNav li.first {
    float:left;
    top:0px;
    width:182px;
    background:none;
    font-size:14px;
    font-style:italic;
    font-weight:normal;
}

#mainNav span.office_img{
    position:relative;
    display:block;
    width:163px;
    height:21px;
    background-image:url('../img/office_bb.png');
}

#mainNav li a {
    display:block;
    font-size:11px;
    text-transform:uppercase;
}

#mainNav li.active a{
    font-weight:bold;
}

#mainNav li a:focus {
    outline:none;
}

#mainNav li.first a{
    width:120px;
    text-transform:lowercase;
    font-size:16px;
    font-style:italic;
}

#mainNav li.about{
    margin:0px 0px 0px 0px;
}

#mainNav li.sep{
    margin:0px 10px 0px 10px;
}

#mainNav li.news{
    margin:0px 30px 0px 0px;
}

#mainNav li.portfolio{
    margin:0px 0px 0px 0px;
}

#mainNav #news-highlight{
    position:absolute;
    bottom:-4px;
    right:212px;
    width:300px;
    text-align:right;
    color:#ea4884;
}

#mainNav #news-highlight p{
    position:relative;
    float:right;
}

#mainNav #news-highlight em{
    position:absolute;
    top:-13px;
    left:-13px;
    font-weight:bold;
    font-style:normal;
}

#mainNav #news-highlight a{
    font-size:11px;
    color:#ea4884;
    font-style:italic;
}

#mainNav #news-highlight a:hover{
    text-decoration:underline;
}

/* CONTENT
-----------------------*/
#wrapper{
    position:relative;
    top:0px;
    left:0px;
    width:905px;
    height:100%;
    padding:5px 17px 0px 17px;
    margin:17px 0px 17px 17px;
    background-color:#faf4c4;
}

#content {
    position:relative;
    padding:0;
    overflow:hidden;
}

/* MAIN
------------------------------------------------------------------*/
#main{
    float:left;
    width:693px;
    margin:15px 0px 0px 0px;
}

.contents-view{
    position:relative;
    height:520px;
overflow:hidden;
}

.contents-view h1{
    text-align:left;
}

.contents-view h1 em.date{
    font-size:13px;
    font-style: normal;
}

.contents-txt{
    float:left;
    width:390px;
    margin:0px 0px 0px 0px;
}

.viewport{
    margin:0px 0px 10px 0px;
}

.contents-view .viewport{
    float:left;
    margin:0px 30px 0px 0px;
}

.img-wrap{
    float:left;
    border:0px solid red;
}

#project-txt{
    position:absolute;
    right:0px;
    bottom:0px;
    width:178px;
    padding:7px;
    background-color:#faf4c4;

    :"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
}

#project-txt h1{
    position:relative;
    font-size:24px;
    line-height:22px;
    margin:0px;
    padding:0px 18px 0px 0px;
    cursor:pointer;
    font-weight:normal;
}

#project-txt h1 span{
    position:absolute;
    right:-3px;
    top:0px;
    display:block;
    font-size:11px;
    padding:4px 0px 0px 0px;
    background:url(../img/collapse_icon.gif) center top no-repeat;
}

#project-txt h1 span.open{
    top:-8px;
    padding:0px 0px 5px 0px;
    background:url(../img/collapse_icon_close.gif) center bottom no-repeat;
}

/*
a.more{
font-weight:bold;
}

a.close{
display:block;
clear:both;
position:absolute;
right:15px;
font-size:15px;
font-weight:bold;
}

.project-txt{
float:right;
right:0px;
width:300px;
padding:0px 0px 0px 0px;
border:0px solid black;
}

.project-txt.expanded{
position:absolute;
top:0px;
background:url(../img/project_txt_back.png) 0px 0px;;
width:300px;
height:520px;
padding:15px 15px 0px 15px;

:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7;
border-right:0px solid black;
}*/

/*
ul.thumbnails{
float:left;
width:360px;
clear:both;
margin:0px 0px 0px 0px;
border:0px solid red;
}

ul.thumbnails li{
float:left;
margin:0px 5px 5px 0px;
}

ul.thumbnails li.active img{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
}
*/

.news-preview{
    padding:7px 0px 7px 0px;
    border-bottom:1px solid black;
}

.news-preview h2 a,
.news-preview h2 em{
    font-size:15px;
    font-weight:bold;
}

.news-preview h2 em {
    font-style:normal;
    font-weight:normal;
}

.news-preview p{
    margin:0px;
}

/* SIDEBAR
------------------------------------------------------------------*/
#sidebar{
    float:right;
    margin:15px 0px 0px 0px;
    width:160px;
    text-align:right;
}

ul.menu-list{
    padding:0px 0px 4px 0px;
    border-top:0px solid #414342;
    border-bottom:2px solid #414342;
    overflow:hidden;
}

ul.menu-list li{
    position:relative;
    float:right;
    clear:both;
}

ul.menu-list li a{
    display:block;
}

ul.menu-list li.active a,
ul.menu-list li.on a,
ul.menu-list li.active a:hover,
ul.menu-list li.on a:hover{
    color:#000;
    background-color:#eaff00;
    padding:0px 3px 0px 3px;
}

ul.menu-list li span.dot{
    display:none;
}

ul.menu-list li.active span.dot{
    display:block;
    position:absolute;
    top:3px;
    left:-12px;
    margin:0px 0px 0px 0px;
    width:9px;
    height:9px;
    background:url(../img/menu_dot.gif) center -1px no-repeat;
}

ul.menu-list li a{
    font-size:11px;
    line-height:14px;
    margin:0px 0px 1px 0px;
    padding:0px 1px 0px 1px;
}

ul.menu-list li a:hover{
    color:#aba9aa;
}

ul.paginator{
    float:right;
    margin:5px 0px 0px 0px;
    border:0px solid black;
}

ul.paginator li{
    float:left;
    margin:0px 0px 0px 0px;
}

ul.paginator li.sep{
    line-height:17px;
    margin:0px 3px 0px 3px;
}

/* FOOTER
------------------------------------------------------------------*/
#footer {
    width:905px;
    height:30px;
    line-height:30px;
    font-size:11px;
    color:#000000;
    font-style:italic;
    margin:45px 0px 0px 0px;
    padding:6px 0px 0px 0px;
    /*border-top:1px solid black;*/
    background-image:url('../img/line_bottom.gif');
    background-repeat:repeat-x;
    background-position:top left;
}

body#publications #footer{
    margin:45px 0px 0px 0px;
}

#footer .address{
    float:left;
}

#footer .contact{
    float:right;
}

#footer a{
    font-weight:bold;
}

#footer #dot{
    position:absolute;
    left:362px;
    top:2px;
    width:12px;
    height:12px;
}