/* Body/Wrappers */
	
	body {
			font-size: 62.5%;
			/* background: #c7c7c7 url(../gfx/bg.jpg) no-repeat top center; */
			background: #ffffff url(../gfx/bg.jpg) no-repeat top left;
			font-family: Georgia, "Times New Roman", serif;
			color: #525341;
	}
	
	#wrapper {
		width: 900px;
		height: 556px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -278px;
		margin-left: -450px;
	}
	
	
	/* Header */
	
	h1 a {
		position: absolute;
		display: block;
		background: transparent url(../gfx/logo.png) no-repeat top left;
		width: 500px;
		height: 56px;
		top: 0;
		left: 20px;
		font-size: 4.6em;
		color: #1467a2;
		text-decoration: none;
		letter-spacing: -4px;
	}
	
	#banner {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 100%;
		text-indent: -9999px;
		background: transparent url(../gfx/banner.png) repeat-x top left;
	}
	
	/* Navigation */
	
	#nav {
		background: transparent url(../gfx/nav_bg.png) repeat-x top left;
		float: right;
		height: 56px;
		line-height: 56px;
	}
	
	#nav li {
		float: left;
	}
	
	#nav li a {
		font-size: 3em;
		color: #888888;
		text-decoration: none;
		padding-left: 1em;
	}
	
	#nav li a:hover {
		color: #aaaaaa;
	}
	
	#nav li a.current {
		color: #555555;
	}
	
	/* Content */
	
	#content {
		/* 526 to match 900... */
		width: 900px;
		height: 500px;
		overflow: auto;
		position: relative;
	}
	
	#content h2 {
		font-size: 3em;
		color: #1467a2;
		padding: 0.6em 50px 0.2em 50px;
	}
	
	#content p {
		font-size: 1.6em;
		line-height: 1.2em;
		padding: 0.4em 50px 0.4em 50px;
	}
	
	#content p a {
		color: #888888;
		text-decoration: none;
	}
	
	#content p a:hover {
		background-color: #dddddd;
		color: #888888;
	}
	
	/* About */
	
	#about img {
		position: absolute;
		top: 60px;
		right: 50px;
		width: 150px;
		height: 294px;
	}
	
	#about   {	
		padding-right: 200px;
	}
	
	#about ul {
		font-size: 1.6em;
		line-height: 1.2em;
		padding: 20px 100px;
		list-style-type: circle;
	}
	
	/* Folio */
	
	#websites {
		margin-top: 20px;
	}
	
	#websites, #categories {
		margin-left: 50px;
	}
	
	#websites .article {
		margin: 0 5px 10px 5px;
	}
	
	#content .category h2 {
		font-size: 2em;
		color: #555555;
		padding: 0 0 0.4em 0;
	}
	
	/* Stuff*/
	
	.category {
		float: left;
		width: 150px;
		margin: 20px 5px 0 5px;
	}
	
	.article {
		width: 150px;
		height: 150px;
		/* margin:10px; */
		float:left;
		background:#161613;
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
		border: 1px solid #999999;
	}
	
	.article:hover {
		border: 1px solid #333333;
	}
	
	.article img {
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
		width: 150px;
		height: 150px;
		padding: 0;
	}
	
	.caption {
		float: left;
		position: absolute;
		background: #000;
		height: 150px;
		width: 100%;
		top: 150px;
		left: 0;
	}  

	.caption h3 {
		font-size: 1.2em;
		font-weight: bold;
		color: #eeeeee;
		padding: 10px 10px 0 10px;
	}
	
	.caption h4 {
		font-size: 1.2em;
		color: #dddddd;
		padding: 0 10px;
	}
	
	.caption p {
		font-size: 1em;
	}
	
	.caption a {
		color: #1467a2;
		text-decoration: none;
	}
	
	.caption a:hover {
		border-bottom: 1px solid #1467a2;
		color: #888888;
	}
	
	/* Footer */
	
	#footer {
	}
	
	#footer p {
		text-align: center;
		font-size: 1.2em;
		line-height: 1.2em;
		color: #888888;
	}