/* Basics */

html {
	background-color: #FFF;
}

p {
	text-align: left;
}

div#footer {
	font-size: smaller;
	margin: .5em 0 1em 0;
}

/* Nav */

a {
	color: #505050;
	text-decoration: none;
	border-bottom: 1px dotted #505050;
	
}

p.portfolio-link {
	margin: 2em 0 0 2em;
	padding: 0 0 0 5em;
	height: 100px;
	line-height: 5em;
	color: #505050;
	font-size: 20px;
	background: url(images/portfolio.gif) no-repeat;
}

p.contact-link {
	margin: 2em 0 0 2em;
	padding: 0 0 0 5em;
	height: 100px;
	line-height: 2em;
	color: #505050;
	font-size: 20px;
	text-decoration: none;
	background: url(images/envelope.gif) no-repeat;
}

/* Main */

body {
	text-align: center;
	margin: 70px 0 0 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: #505050;
	line-height: 21px;
	font-weight: lighter;
	letter-spacing: 1px;
}

div#header {
	margin: 0 0 50px -190px;
}

h1 {
	margin: auto;
	height: 120px;
	width: 600px;
	text-indent: -5000em;
	background: url(images/header.gif) no-repeat;
}

div#headerline {
	text-align: center;
	margin: auto;
	padding: 2.5em 0 0 0;
	width: 50em;
	height: 20px;
	background: url(images/headerline.gif) repeat-x;
}

div#content {
	text-align: center;
	margin: auto;
	width: 35em;
}

h2 {
	text-align: left;
	height: 47px;
	padding: 0 0 .5em 0;
	text-indent: -5000em;
	background: url(images/h2.gif) no-repeat;
}

h3 {
	text-align: left;
	padding: .3em 0 .4em 0;
	font-weight: normal;
	font-size: large;
	letter-spacing: 2px;
	line-height: 24px;
	text-shadow: #fff 1px 0 1px;
	
}

/* Portfolio */

div#portfolio h2 {
	background: url(/images/h2-portfolio.gif) no-repeat;
}

div#portfolio-links {
	padding: 2em 0em 0em 0em;
}

div#portfolio-links a {
	border: none;
}

img.portfolio-thumbnail {
	border: 1px solid #858585;
	margin: 1em;
}

img.portfolio-image {
	text-align: center;
	margin: auto;
	margin: 2em 0 0 0;
	border: 1px solid #858585;
}

/* Contact */

div#contact h2 {
	background: url(/images/h2-contact.gif) no-repeat;	
}