html, body, #container {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #333333 url(graf/body.gif) top left repeat-x;
}
  
#container {
	width: 550px;
	margin: 0 auto;
	border: solid #433d32 1px;
	background: #ffffff;
}

#header {
	background: #ffffff url(graf/header.jpg) center no-repeat;
	height: 100px;
}

#nav {
	background: #ffffff url(graf/navbg.jpg) center no-repeat;
	height: 30px;
}

#content {
	background: #ffffff;
	color: #222222;
	text-align: left;
	padding: 15px 15px 60px 15px;
}

#footer {
	background: #ffffff;
	padding-top: 5px;
	text-align: center;
	clear: both;
}

/* Content types */

#intro {
	height: 100px;
}

#me {
	height: 430px;
	background: #ffffff url(graf/me.jpg) top right no-repeat;
	padding-right: 250px;
}

#links {
	width: 255px;
	float: right;
}

#news {
	width: 255px;
	float: left;
}

#floatbox {
	float: right;
	padding: 10px;
	background: #bfaa7f;
	border: solid #755534 1px;
}

#floatimg {
	border: solid #755534 1px;
	float: right;
	margin: 0 0 20px 20px;
}

#projectpreview{
	height: 120px;
}

#projectpreview img{
	border: solid #755534 1px;
	float: left;
	margin-right: 20px;
}

/* Gallery item */

#artwork {
	margin: 0 auto;
	margin-top: 20px;
}

#artworkinfo {
	width: 500px;
	margin: 0 auto;
	margin-top: 20px;
	border: solid #433d32 1px;
}

#artwork img{
	border: solid #433d32 1px;
}

#info1, #info2 {
	margin: 0;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

#info1 {
	background: #888888;
}

#info2 {
	background: #999999;
}

#info1 p, #info2 p {
	margin: 0;
}

/* Small stuff */

#thumbnails img{
  border: solid #433d32 1px;
  margin: 0 9px 10px 9px;
}

#nav ul, #nav li, #cleanlist ul, #cleanlist li {
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	list-style-type: none;
	padding: 0 8px;
}

#cleanlist li {
	list-style-type: none;
}

/* Text */

p, h3, h4, li, a {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
}

p, h3, h4 {
	margin: 10px 0 3px; 0;
}	

h3, h4 {
	font-weight: bold;
}

h1 {
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	background: transparent;
	color: #000000;
	font: bold 19px/22px Arial, Helvetica, sans-serif;
}

h2 {
	height: 22px;
	margin-top: 20px;
	padding: 3px 0 0 5px;
	font: bold 15px/17px Arial, Helvetica, sans-serif;
	background: #842f2f;
	color: #ffffff;
}

h4 {
	color: #aaaaaa;
}

#footer p, #footer a {
	font-size: 9px;
	color: #999999;
}

#nav a { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff; }
#nav a:hover { text-decoration: none; color: #360606; }

a:link, a:visited { color: #842f2f; text-decoration: underline; }
a:hover { color: #aa0000; text-decoration: none; }
a:active, #nav a:active { color: #ff0000; }