@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------
Global Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; border-collapse:collapse; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
strong {font-weight:bold;}
em {font-style:italic;}
p {margin:0 0 10px 0;}

/* -----------------------------------------------
Clear
----------------------------------------------- */
.clear { height: 1%; margin: 0; padding: 0; clear: both; float: none; }




@font-face {
    font-family: 'FIGScript';
    src: url('../font/fig-script-webfont.eot');
    src: url('../font/fig-script-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fig-script-webfont.woff') format('woff'),
         url('../font/fig-script-webfont.ttf') format('truetype'),
         url('../font/fig-script-webfont.svg#FIGScript') format('svg');
    font-weight: normal;
    font-style: normal;

}

.coloranim {background:#FFF; position:absolute; top:32px; left:160px;}
.coloranim .first{font:120px/100px 'FIGScript';}
.coloranim .second {font:120px/100px 'FIGScript';}
.coloranim .third {background-color:#00F;}
.coloranim .fifth {background-color:#F00;}

#header a {font:120px/100px 'FIGScript'; background:#FFF; position:absolute; top:32px; left:160px;}

h1.fig {width:700px; margin:0; font:120px/110px 'FIGScript'; text-transform:lowercase; position:relative; top:-30px;}

/* -----------------------------------------------
Global Styles
----------------------------------------------- */

/* Background Color */
body, #header, #sidebar, #footer, #button, input {background:#FFF; color:#000}

body {margin:0; font:11px/15px Verdana, Helvetica, Arial, sans-serif; color:#000000;}

h1, h1 a {margin:0; padding:0; font-size:11px; font-weight:normal;}
h2, h2 a {margin:0; padding:0;}
h3, h3 a {margin:0 0 10px 0; padding:0; font-size:11px;}

.active {font-weight:bold;}

#project h1 {font-weight:bold;}
#subnav h2 {font-weight:bold;}


a {text-decoration:none; color:#000000;}
a:hover {text-decoration:underline; color:#000000;}
a.underline {text-decoration:underline;}
a.underline:hover {text-decoration:none;}

input {width:90px; margin-top:4px; border:1px solid #000; font:11px/15px Verdana, Helvetica, Arial, sans-serif;}
#button {width:20px; border:none; font:11px/15px Verdana, Helvetica, Arial, sans-serif;}



.shadow {-moz-box-shadow: 3px 3px 3px #666666;
-webkit-box-shadow: 3px 3px 3px #666666;
box-shadow: 3px 3px 3px #666666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666');
}

.soon {font-size:9px; font-weight:normal; color:#00F;}


/* -----------------------------------------------
Main Structure
----------------------------------------------- */

#header {height:165px;}
#header img {position:relative; top:-20px; left:-9px;}

#sidebar {height:100%; padding:10px 15px 0; position:fixed; top:0; left:0; z-index:3; overflow:hide;}
#sidebar ul li h1, #sidebar ul li h1 a {}
#sidebar > ul > li ul li a {color:#999;}

#nav {min-width:820px!important; height:100%; margin:0 0 0 160px;}
#nav #content {min-width:570px; padding-bottom:50px; float:left;}
#nav #project {width:600px!important; margin-right:30px; padding-bottom:30px; float:left;}
#nav #project img {margin-bottom:20px;}
#nav #subnav {width:180px; float:left;}
#nav #subnav .projects {width:190px; height:160px;}
#nav #subnav .projects img {width:180px;}


#footer {display:none; position:fixed; bottom:10px; left:15px; z-index:2;}
#footer a {margin:4px 6px 0 0; float:left;}

.newsletter {width:160px;}



/* -----------------------------------------------
Projects
----------------------------------------------- */

a.projects {display:block; width:300px; height:240px; margin:0 20px 0 0; /*background:url('../images/shadow.png') no-repeat scroll 4px 45px transparent;*/ font-weight:bold; float:left;}
a.projects:hover {text-decoration:none;}
a.projects img {margin:10px 0 0;}
a.projects span.category {display:block;color:#000; text-transform: none; font-weight:normal;}

a.comingsoon {cursor:default;}


/* -----------------------------------------------
Other
----------------------------------------------- */

.news, .studio {width:600px;}

.press h1 {margin:50px 0 30px; font:120px/100px 'FIGScript'; text-transform:lowercase;}
.press h1:first-child {margin-top:0;}
.press h2 {margin-bottom:10px; font-weight:bold;}
.press .col {width:180px; margin-right:20px; float:left;}
.press .col p:last-child {margin:0;}

.press .books {width:100%; clear:both;}
.press .books p {width:180px; margin:0 20px 30px 0; float:left;}
.press .books p img {margin:5px 0 0 0;}

.press .col p {width:180px; margin:0 20px 20px 0; float:left;}
.press .col p span {font-weight:bold;}
.press .col p img {margin:5px 0 0 0;}
.press .col exhibitions p {margin:0 20px 10px 0;}

.press .books p span {background-color:#FBFAB1;}

.clients ul {width:280px; margin-right:20px; float:left;}



.contacts {width:515px;}
.contacts .col {margin: 0 20px 20px 0; float:left;}
.contacts .col p:last-child {margin:0;}


/* -----------------------------------------------
Social Networking
----------------------------------------------- */

#footer a img {opacity:0.6; filter:alpha(opacity=60);}
#footer a:hover img {opacity:1; filter:alpha(opacity=100);}