body{
	background: #ddd;
	font-family: Helvetica, Arial;
	color: #fff;
	margin: 0px;
	padding: 0px;
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	height:100%;width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

a{
	color: #fff;
	text-decoration: none;
	text-shadow: #000 2px 2px 2px;
	
}

img{
	border: 0px;
}
#contentHolder{
	width: 880px;
	margin: 0 auto;
	height: 300px;
}
#contentHolder .block{
	width: 260px;
	display: block;
	float: left;
	margin-right:20px;
}

#contentHolder .block .listBlock{
	overflow: hidden;
	height:  0px;
}

#contentHolder .block ul{
	margin: 0px;
	padding: 0px;
}

#contentHolder .block ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #fff;
	
	padding-left: 15px;
	display: block;
	height: 30px;	
	font-size: 12px;
	
		line-height: 30px;
}

#contentHolder .block ul li a{

}

#contentHolder .block ul li img{
	margin-bottom: -3px;
	margin-right: 10px;
}

.title{
	padding-left: 10px;
	border-bottom: 1px dotted #fff;
	margin: 0px;
}

.block h1{
	padding-left: 10px;
	border-bottom: 1px dotted #fff;
	margin: 0px;
	font-size: 22px;

}
#social{

}

#design{

}

#written{

}