/* Generale */
body {font: 10.8px/1.4em Verdana, sans-serif; color: #666; background-color:#fff;}
h1, h2, h3 {}
p {margin-bottom: 1.4em;}
a {background-color: #eaeaea; padding: 0 2px 1px 2px; text-decoration: none; border: none; color: #666;}
a:hover, a:active {background-color: #f00; color: white;}

#it {display: none;}

/*/* BRB *//*
#wrap {width:451px; margin: 0 auto; padding-top: 140px;}
body {background-color: #f0f0f0;}
a {background-color: transparent;}
a:hover, a:active {background-color: transparent;}*/

/* General */
.grid_1 {width: 200px; margin-right: 15px; float: left;}
.grid_2 {width: 415px; margin-right: 15px; float: left;}
.grid_3 {width: 630px; float: left;}
.bd {padding-top: 1.4em; border-top: 1px solid #ccc;}
#wrap {width:960px;margin:40px auto 0 auto;position: relative;}
#nav, #intro, #info {width:150px;position: fixed;}
#nav ul, #intro, #info, #nav address {border-top:1px solid #ccc; padding-top: 1.4em; margin-bottom: 3em;margin-top: -1px;}
#nav address {font-style: normal; font-size: 11px; color: #666; line-height: 1.2em}
#nav .logo {text-indent: -9999px;background: transparent url(../i/logo2.png) 0 0 scroll no-repeat; height: 57px; width:150px; display: block; margin:24px 0; border-bottom: none; padding: 0;}
#nav a.logo:hover {background-color: transparent;}
#nav li a{display: block;line-height: 1.4em; margin-bottom: 2px;}
#intro, #info {margin-left: 165px;}
#intro, #info, #portfolio, #sectionlinks {margin-top: 104px!important;}
#info img {display: block;}

/* Sprites */
#intro .welcome, #intro .benvenuto, #info .client, #info .tasks, h3.about, li.services, li.servizi, h3.exp, h3.colophon, h2.graphic, h2.type, h2.web, h3.findme, h3.mail, h2.respect, h3.featured {background: transparent url(/i/sprites.png) 0 0 scroll no-repeat;margin-top: 3px; margin-bottom:2px; height: 13px; width: 100px; text-indent: -9999px;}
#intro .benvenuto {background-position: 0 -20px;}
#info .client {background-position: 0 -40px;}
#info .tasks {background-position: 0 -60px;}
h3.about {background-position: 0 -100px;}
h3.exp {background-position: 0 -80px;}
li.services {background-position: 0 -120px;}
li.servizi {background-position: 0 -140px;}
h3.colophon {background-position: 0 -160px;}
h2.graphic {background-position: 0 -180px;}
h2.type {background-position: 0 -200px;}
h2.web {background-position: 0 -220px;}
h3.findme {background-position: 0 -240px;}
h3.mail {background-position: 0 -260px;}
h2.respect {background-position: 0 -280px;}
h3.featured {background-position: 0 -300px;}

.ita {padding-right: 20px; background: url(/i/ita.png) #eaeaea center right scroll no-repeat;}
.align {margin-top: -1px;}
.respect ul {float: left; width: 200px; margin-right: 15px;}

#portfolio, #sectionlinks {width:630px; left:330px;position: absolute;}
#portfolio #project {border-bottom: 1px solid #ccc; padding-bottom: 1.4em; margin-bottom: 4.2em; background-color: #fff; float: left;}
#portfolio #project img {display: block; margin-bottom: 1.4em;}
#portfolio .work {float: left; width: 200px; margin-right: 15px; margin-bottom: 3em; text-align: center;}
#portfolio .work a {border-bottom: none; color: #333; background-color: transparent; padding: 0;}
#portfolio .work .title {font-weight: bold; display: block; line-height: 1em; margin-top: 5px;}
#portfolio .work .category {font-family: Georgia, serif; font-style: italic; color: #999; display: block; line-height: 1em;}
#portfolio .last, #sectionlinks .last {margin-right: 0;}
#portfolio #coffee a .thumb {background: transparent url(../i/thumb_portfolio.jpg) 0 0 scroll no-repeat; height: 124px; width:200px; display: block;}
#portfolio #coffee a:hover .thumb{background-position: -200px 0;}
#portfolio #avance a .thumb {background: transparent url(../i/thumb_portfolio.jpg) 0 -124px scroll no-repeat; height: 124px; width:200px;display: block;}
#portfolio #avance a:hover .thumb{background-position: -200px -124px;}
#portfolio #zeus a .thumb {background: transparent url(../i/thumb_portfolio.jpg) 0 -248px scroll no-repeat; height: 124px; width:200px;display: block;}
#portfolio #zeus a:hover .thumb{background-position: -200px -248px;}
#portfolio #ylli a .thumb {background: transparent url(../i/thumb_portfolio.jpg) 0 -372px scroll no-repeat; height: 124px; width:200px;display: block;}
#portfolio #ylli a:hover .thumb{background-position: -200px -372px;}
#portfolio #territori a .thumb {background: transparent url(../i/thumb_portfolio.jpg) 0 -496px scroll no-repeat; height: 124px; width:200px;display: block;}
#portfolio #territori a:hover .thumb{background-position: -200px -496px;}
#portfolio #variouslogos a .thumb {background: transparent url(../i/thumb_portfolio.jpg) 0 -620px scroll no-repeat; height: 124px; width:200px;display: block;}
#portfolio #variouslogos a:hover .thumb{background-position: -200px -620px;}

/* About */
#pag_about #info {color: #999;}
dl.exp span {font-family: Georgia, serif; font-style: italic; line-height: 17px;}
.exp dd {margin-left: 10px;}

/* Links */
#sectionlinks ul {margin-bottom: 1.4em;}

/* Type Basics */
.typebasics img {float: left; margin-right: 6px; margin-bottom: 6px;}