body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px
}

a img{
border:0
}

#wrapper{
width:770px;
margin:0 auto;
padding:30px 0
}

header nav{
background:url(/images/nav.png) 0 0 no-repeat;
font-size:13px;
clear:both;
overflow:hidden;
padding:0 0 5px 0;
margin-top:10px
}

header nav ul{
list-style:none;
padding:0 0 0 20px;
margin:0;
}

header nav ul li{
display:block;
float:left

}

header nav a{
color:#fff;
padding:15px 20px 14px;
display:block;
float:left
}

a{
text-decoration:none;
}

h1{
text-align:right;
font-size:100px;
font-family:'Myriad Pro','Trebuchet Ms',Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:normal;
padding:0;
margin:10px 0 0;
line-height:100px;
border-bottom:1px dotted #ccc
}

h2{
font-weight:normal;
padding-bottom:10px
}

.projects ul{
list-style:none;
padding:0;
line-height:20px;
margin:0
}

.projects ul li{
float:left;
width:230px;
margin:5px 35px 15px 0;
position:relative
}

.projects ul li a.img{
background:#ccc;
-moz-border-radius: 6px;
border-radius: 6px;
display:block;
height:170px;
margin-bottom:5px
}

.projects ul li strong{
font-size:15px;
margin-bottom:5px;
display:block
}

.projects ul li a.img span{
display:none;
position:absolute;
right:0;
top:40px;
line-height:30px;
padding:0 10px;
font-size:15px;
font-weight:bold;
}

.projects ul li a.img:hover span{
display:block;
background:#ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}

.projects ul li img{
margin:5px;
}

.projects ul li.last{
margin-right:0;
}

footer{
width:100%;
clear:both;
min-height:34px;
border-top:1px dotted #ccc;
padding-top:5px;
background:url(/images/logo.png) right bottom no-repeat;
}

#main{
overflow:hidden;
margin-bottom:50px
}

.social{
float:right;
margin-top:10px
}