body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
html,body{min-width:640px;margin:0;padding:0;background:#fff;font-family:"Helvetica Neue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-weight:normal;font-size: 12px}
img{margin:0px;padding:0px;vertical-align:bottom;display: block}

body {background: #303030;padding: 48px 0 }

#bar{
	width:100%;
	background:#333;
	height:5px;
	}
	
.wrapper {
	margin:0 auto;
	width:860px;
	position: relative;
	padding: 48px;
	text-align:left;
	background: #fff;
	border: 1px solid #000;
	-moz-box-shadow: 0px 3px 5px #111; /* FF3.5+ */
    -webkit-box-shadow: 0px 3px 5px #111; /* Saf3.0+, Chrome */
    box-shadow: 0px 3px 5px #111; /* Opera 10.5, IE 9.0 */
	}
	
.clear{clear:both}

a h1 {
	font-size:18px;
	color:#333;
	font-family:"Helvetica Neue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	padding: 16px 0 32px;
	}
a h1 span {color: #ccc;padding: 0 0 0 3px;display: none
}	

a:hover h1 {color: #000;text-decoration: none}
a#logo:hover {text-decoration: none}

h2 {color: #d80804;font-size:48px;margin: 36px 0 12px}
a {
	color:#555;
	font-weight: bold;
	text-decoration: none
	}
	
a:hover{text-decoration:underline}

p {
	font:400 14px "Helvetica Neue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	color:#777;
	clear:both;
	margin: 12px 0 18px;
	text-align:left;
	text-decoration:none;
	line-height:24px;
	display:block
	}
	
	#intro {border-bottom: 1px dashed #bbb;padding: 0 0 36px;color: #666}
	
	.item {padding: 0 0 60px;border-bottom: 1px dashed #bbb;position: relative}
	
	.item h3 {
		font-size: 24px;
		color: #333;
		margin: 18px 0 9px
	}
	.item sup {font-size: 0.5em}
	.item a {
		padding: 6px 10px;
		color: #fff;
		font:bold 12px "Helvetica Neue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
		background: #d80804;
		display: block;
		width: 70px;
		text-align: center;
		margin: 12px 0;
		text-shadow: 0 1px 1px #720200;
		-moz-border-radius: 4px; /* FF1+ */
  		-webkit-border-radius: 4px; /* Saf3+, Chrome */
        border-radius: 4px; /* Opera 10.5, IE 9 */

	}
	
	.item p {
		font-size: 12px;
		color: #666;
		margin: 9px 0
	}
	
	.item .client {
		position: absolute;
		bottom: 18px;
		left: 0px;
		font-size: 12px;
		font-weight: bold;
		color: #555
	}
	
	.item .client span {
		display: block;margin: 4px 0;
		font-weight: normal
	}
	
	.item .assignment {
		position: absolute;
		bottom: 18px;
		left: 240px;
		font-size: 12px;
		font-weight: bold;
		color: #555
	}
	
	.item .assignment span {
		display: block;margin: 4px 0;
		font-weight: normal
	}
	
.content {
	}
	
	.left{
		width: 170px;
		margin: 0 0 0 2em;
		padding: 36px 0 4em 0;
		border-top: 1px solid #666;
		float: left;
		}
		
		.pen {
			width: 170px;
			height: 60px;
			background: url(../imgs/pen.jpg) no-repeat right 0;
			position: absolute;
			top: 64px;
			right: 52px
		}
		
		.left ul {
		 display: block;
		 padding: 12px 0 24px;
		 border-bottom: 1px solid #666;
		
		}
		
		.left ul li a {
			line-height: 24px;
			display: block;
			float: left;
			width: 100%;
			font-size: 12px;
			color: #444
		}
		
		.left ul li.work a {font-weight: normal}
		
		.left ul li.break a {display: block;height: 24px;float: left;width: 100%}
		
		#portrait {
			width: 170px;
			height: 170px;
			margin: 24px 0 24px 0;
			display: block;
			float: left;
			background: url(../imgs/portrait_2.jpg) no-repeat right bottom
		}
		
	.right {
		float: left;
		margin: 0 0 0 0;
		padding: 12px 0 4em 0;
		float: left;
		width: 658px;
		border-top: 1px solid #666;
		position:relative;
		overflow: visible
		}	
		
		.right img {
			margin: 36px 0 18px
		}
					
	.footer {
		width: 100%;
		margin: 0 0 2em;
		padding: 1em 0;
		border-top: 1px solid #898989;
		position: relative
		}
		
		#davidmerfield {position: absolute;top: 1em;right: 0px}
		.footer p {
			font: normal 10px arial;
			color: #666;
			}
			
		.footer a{
			font: bold 10px arial;
			color: #555		
			}
		
		.footer a.disali {
			background: url(../imgs/disali.gif) no-repeat 0 0;
			width: 74px;
			height: 39px;
			position: absolute;
			top: 1em;
			right: 0;
			display: block;
			-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80
			}
			
			.footer a.disali:hover {-moz-opacity:0.90; filter:alpha(opacity=90); opacity:0.90}