html
{
	margin:         0;
	padding:        0;
	min-height:     100%;

}

body
{
	margin:         0;
	padding:        0;
  min-height:        100%;
}


*
{
	margin:        0;
	padding:       0;
	line-height:   18px;
	font-family:   georgia;
	font-weight:   normal;
	outline:       none;
	font-size:     11px
}
	
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,
input,textarea,
a,
p,blockquote,
th,td 
{ 
  margin:         0;
  padding:        0;
  vertical-align: baseline;
}
	
img 
{
 border:          0
}
	
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var 
{
	font-style:     normal;
	font-weight:    normal;
}
	
ol,ul 
{
	list-style:     none;
}
	
h1,h2,h3,h4,h5,h6 
{
	font-size:      100%;
	font-weight:    normal;
}

/*
**
**
**
*/

a
{
  font-size:      11px;
  text-decoration:none;
  color:          #666;
}

p 
{
  font-style:     italic;
  font-size:      11px;
  margin:         0 0 18px 0;
}

h3
{
  margin:         0 0 20px 0;
    font-size:       11px;
    font-style:      italic
}


/*
**
**
**
*/


div#wrapper
{
  margin:         0 0 0 100px;
  padding:        50px 0 0 0;
}



/*
**
**
**
*/

div#masthead 
{
  margin:          0 0 50px 0;
}

  div#masthead h1
  {
  font-family:       gotham;
  font-size:         18px;
  text-transform:    uppercase;
  font-weight:       bold;

  }
  
  div#masthead h2
  {
  font-size:         11px;
  font-style:        italic;
  }
  

div#heading
{
  margin:            0 0 30px 0;
}

  div#heading h1 
  {
  font-size:         24px;
  width:             600px;
  line-height:       28px;
  letter-spacing:    -1px;
  
  }


div#grid
{
  width:             1000px;
  position:          relative;
}

  div.grid-item
  {
  width:             300px;
  float:             left;
  margin:            0 0 0 0;
  height:            250px;
  overflow:          hidden;
  position:          relative;
  }
  

    div.grid-item p
    {
    width:           250px;
    }
    
    div.grid-mask
    {
    width:           600px;
    height:          600px;
    background:      transparent url(../img/mask-white.png) 0 0 no-repeat;
    position:        absolute;
    top:             0;
    left:            0;
    }
/*
**
**
**
*/

div.ticker
{
  position:          relative;
  height:            250px;
  width:             200px;
}

div.ticker div.ticker-item
{
  display:           block;
  position:          absolute;
  text-align:        center;
  top:               0;
  left:              0;
  background:        #fff;
  height:            250px;
  width:             260px;
}

div#case-studies
{
  position:          absolute;
  top:               0;
  left:              -20px;
  z-index:           999;
  background:         #fff;
}




div.case-study
{
  clear:             both;
  xborder-top:        1px dotted #ccc;
  padding:           20px 0 0 0;
}

div.case-study:first-child
{
  border:            0;
  padding:           0
}

  div.case-study div.media
  {
  float:             left;
  width:             600px;
  margin:            0 20px 0 0;
  padding:           0 0 20px 0; 
 
  }
  
  div.case-study.alternate div.media
  {
  margin:            0 0 0 0; 
  }
  
  div.case-study div.overview
  {
  
  float:             left;
  width:             230px;
  margin:            0;
  padding:           0 0 20px 0;  
  }
  
  div.case-study.alternate div.overview
  {
  margin:            0 20px 0 20px; 
  }
  
  div.case-study div.media-items
  {
    width:           700px;
    height:          450px;
    background: #fff url(../img/casebg2.gif) 0 0 no-repeat;
  }
    
  div.case-study div.media h3
    {
    margin:          0 0 18px 20px;
    font-size:       11px;
    font-style:      italic;

    }

    div.case-study p
    {
    width:           250px;
    }


p.sect
{
  font-style:        normal;
  color:             #999
}

a#button-chiuso 
{
  display:           block;
  position:          absolute;
  top:               0;
  left:              -60px;
  width:             30px;
  height:            30px;
  overflow:          hidden;
  text-indent:       -9000px;
  background:        #fff url(../img/x.gif) 50% 5px no-repeat;
}

a.arrow-main
{

  padding-right:      16px;
  background:        transparent url(../img/arrow-right.gif) 100% 50% no-repeat;
}

a.arrow-aux
{

  width:             16px;
  display:           inline-block;
  background:        transparent url(../img/arrow-right.gif) 100% 50% no-repeat;
}

a.bio
{
  margin-left:        5px;
  color:              #999;
}

.past
{
  color:              #666;
  text-decoration:    line-through;
}

.past:hover
{
  text-decoration:    normal;
}

ul li
{
  width: 280px;
}
/*
**
**
**
*/
.clear-self:after 
{ 
  content: " "; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  line-height: 0; 
  height: 0;
  margin-bottom:0; 
}

.clear-self 
{ 
  display: inline-block;
}

html[xmlns] .clear-self 
{ 
  display: block;
}

* html .clear-self 
{ 
  height: 1%; 
}