body {
 padding:35px 0 10px 25px;
 border:0;
 margin:0;
 background-color:#000;
 color:#555d62;
 font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
 font-size:62.5%;
 }

h1 {
 font-family:Helvetica, Arial, sans-serif;
 font-size:6em;
 text-transform:lowercase;
 font-style:italic;
 color:#333;
 margin:20px 0 -0.15em 0;
 }

a {
 font-family: Helvetica, Arial, sans-serif;
 font-style:italic;
}

strong {
 font-size:0.9em;
 font-family:'Trebuchet MS', Arial, sans-serif;
 text-transform:uppercase;
 padding-left:2px;
 color:#ccc;
 }
 
#logo {
 width:250px;
 height:100px;
 background:url(nous.gif) no-repeat;
 }

#logo h1, #logo strong {
 display:none;
 }

em {
 font-style:normal;
 }

em.rollover {
 float:right;
 margin:140px 10px -140px 0;
 z-index:100;
 color:#555;
 display:none;
 }

span {
 margin:45px 0 50px 0;
 border-bottom:solid 2px #9f253c;
 display:block;
 height:45px;
 }

span a {
 text-decoration:none;
 color:#9f253c;
 padding-left:2px;
 }

h2 {
 clear:both;
 font-size:15em;
 letter-spacing:-0.06em;
 text-transform:lowercase;
 font-style:italic;
 color:#14191c;
 font-weight:bold;
 font-family:Helvetica, Arial, sans-serif;
 margin:10px 0 -43px 0; 
 z-index:-10;
 border-bottom:solid 1px #9f253c;
 }
 
ul.works {
 clear:both;
 list-style-type:none;
 margin:0 0 80px 20px;
 padding:0;
 }

ul.works li {
 margin:0 0 102px 0;
 }

ul.works li img { 
 xwidth:800px;
 border:0;
 padding: 0;
 margin: 0;
 }

ul.works li a { 
 display:block;
 xwidth:400px;
 xheight:240px;
 overflow:hidden;
 xborder:solid 1px #2e3539;
 }

/*ul.works li a:hover {
 width:800px;
 height:auto;
 }*/

ul.works li span {
 color:#4183b1;
 display:inline;
 margin:0;
 padding:0;
 border:0;
 }

h3 {
 font-family:Helvetica, Arial, sans-serif;
 text-transform:lowercase;
 font-size:1.8em;
 letter-spacing:-0.02em;
 font-weight:bold;
 margin-bottom:-8px;
 line-height:1em;
 font-style:italic;
 color:#888;
 width:380px;
 }