body, div, p, u, i, a, h1, h2, h3, ul, li { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; font-style: normal; outline: none; }
ul { list-style: none; }
img { border-width:0px; }

/* Typography */
body { line-height: 1.3; font-family: Georgia, "Times New Roman", Times, serif; background-color: #262626; color: #e6e6e6; }
ul li, p, em { font-size: 11px; font-style: normal; }
h1 { font-size: 14px; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
a { color: #f69; text-decoration: none; }
a:hover { text-decoration: underline; }
.desat { width: 200px; height: 18px; display: block; background: url(../../images/stefano-fabbri-photographer.gif) no-repeat; text-indent: -9999px; }
.tag { font-size: 10px; color: #666; font-style: italic; vertical-align: top; }
em b { font-weight: normal; font-style: italic; color: #666; }
em b a { font-style: italic; color: #666; }
em b p { font-style: italic; margin: 0; }
p, h2 { margin: 0px 0px 5px; text-align: left; }

/* Layout */
body { width:100%; margin:auto; padding: 20px 0px; margin: 0; }

div#fixedcontent { float: left; position: absolute; z-index: 100; top: 25px; left: 30px; }
div#header { float: left; padding: 0 0 0 10px; text-align: left; position: absolute; }
div#menu { float: left; padding: 0 0 0 10px; text-align: left; background-color: rgba(38,38,38,0.8); position: absolute; width: 220px; margin: 50px 0 0; *opacity: 0.8; *background-color: #262626; filter:alpha(opacity=80); }
div#description { float: left; position: absolute; margin: 0 0 0 260px; text-align: left; color:#666; }
div#description h2 { position: absolute; top: -4px; }

.col { float: left; margin: 0px; padding: 0px; }

.one { width: 60px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }

hr { display: block; clear: both; margin: 0px 0px 30px; padding: 0; height: 0; overflow: hidden; visibility: hidden; }
.col hr { margin: 0px 0px 15px; }

div#navigation { min-height:494px; height:auto !important; height:494px; }
div#navigation ul { list-style: none; padding: 0px 10px 0px 0px; margin: 0px; }
div#navigation ul li { font-size: 12px; margin: 0px 0px 2px 0px; }
div#navigation ul li a { color: #e6e6e6; }
div#navigation ul li.selected { color: #e6e6e6; background-color: black; }
div#navigation ul li.selected a { border: 0px; color: #e6e6e6; cursor: default; }
div#navigation ul#pages { margin: 16px 0px 0px; }
ul li ul#moda { margin: 0px 0px 4px 2px; list-style: none; padding: 0px; }
ul li ul#moda li { font-size: 12px; margin: 0px 0px 1px 0px;}
ul li ul#moda li a { color: #a6a6a6; font-style: italic; }
#icontent { margin: 5px 0 0 310px; float:  left; position: relative; }
#content { margin:10px 0; clear:both; width:100%; margin:auto; overflow:hidden; position: absolute; height:550px; }
#multi img { float:left; margin-right:4px; margin-top: 60px; cursor:pointer; }

#txtcontent {float: left; position: absolute; margin: 72px 0 0 310px; clear:both; }
#txtcontent p {font-size: 12px; line-height: 18px; }

div#images, div#media { clear: both; padding: 4px 0px 0px 0px; }
div.media { margin: 0px 0px 10px; }
div#media div#images { padding: 0; }
div.home div#images { padding: 0; }
div.description { line-height: 18px; }
div.description div#images { padding: 0; }

div#footer { float: left; position: fixed; z-index: 100; bottom: 5px; left: 22px; padding: 0 0 0 10px; text-align: left; font-size: 10px; color: #666; font-style: italic; clear: both;}
div#footer a { color: #999; font-style: italic; }

/*** float fix ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Project list */
#project-list { width: 690px; }
#project-list li { padding: 0px 2px 12px 0px; float:   left; width:   180px; }
#project-list .thumbnail { width:  180px; height: 120px; }