.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
	zoom : 1;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #666666;
}

#hd{font-size: 93%;}
#bd{font-size: 93%;}
#menu{font-size: 85%; color: #3e3e3e;}
#projects{ font-size: 85%;}


body,html{background: url(../images/bg.gif) center 0 repeat-y #f4f5f5; text-align: center;}
#doc{width: 824px; margin: 58px auto; text-align: left;}
#ft{margin-top: 3px;}
#intro{padding-bottom: 52px;}
#intro #text{width: 393px;}
#intro #quote{width: 396px;}
.block{border-top: 2px solid #c2c2c3; padding-top: 15px; position: relative;}
.left{float: left;}
.right{float: right;}
.column{width: 393px;}

/* text */
h2{font-size: 161.6%; color: #7a7c7e; font-weight: bold; border-top: 2px solid #d11c22; display: inline-block; position: relative; top: -17px; padding-top: 8px;}
#intro p{font-size: 131%; line-height: 161.6%; padding-bottom: 8px; color: #666666;}
p.category{color: #9d9e9f; margin-top: 5px;}
p.client{color: #696B6C;}
blockquote{font-size: 197%; color: #3e3e3e; font-style: italic; margin-bottom: 17px;}
cite{font-size: 85%; color: #9d9e9f;}
span.oh{color: #9d9e9f;}

/* links */
#menu a{color: #9d9e9f;}
#menu a.active{color: #3e3e3e; border-bottom: none;}
a{color: #ea2027; text-decoration: none; border-bottom: 1px dotted #9d9ea1;}
#projects a{color: #666666;}
a.img{border: none;}

/* lists */
#menu{margin: -13px 0 30px 0;}
#menu li{display: inline-block; margin-right: 10px;}
#projects{margin-bottom: 25px; margin-top: 6px;}
#projects li{display: inline-block; width: 214px; min-height: 217px; float: left;}
#projects li.last{width: 182px;}
ul.quotes{width: 393px; margin-top: 17px;}
ul.quotes li{margin-bottom: 36px;}
ul.links{margin-top: 17px;}
ul.links li{display: inline-block; margin-right: 5px;}

/* images */
img#logo{float: left;}
img#listen{float: right;}
#projects li img{margin-bottom: 12px; margin-right: 30px;}
#projects li.last img{margin-right: 0;}
#ft a.img img{vertical-align:text-top;}

#hd{margin-bottom: 20px;}