@import url('reset.css');

body {
	background: #000000 url('/images/bg-scroll.gif') top left;
	text-align: center;
	color: #ffffff;
	font-family: Palatino, Georgia, Baskerville, serif;
	font-size: 100%;
}

div#wrapper {
	min-height: 299px;
	background: transparent url('/images/bg-header.png') top left repeat-x fixed;
}

div#container {
	width: 560px;
	margin: 0 auto;
	text-align: left;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
	font-weight: bold;
}

/* Header */

header {
	position: fixed;
}

header h1#logo {
	float: left;
	width: 244px;
	height: 189px;
	background: transparent url('/images/logo.png') top left no-repeat;
	text-indent: -5000px;
}

header nav ul {
	float: left;
	margin: 24px 0px 0px 5px;
}

/*header nav ul li#websites {
	width: 57px;
	height: 5px;
	text-indent: -5000px;
}

header nav ul li#websites a {
	display: block;
	background: url('/images/nav-websites.png') top left no-repeat;
	width: 57px;
	height: 5px;
}

header nav ul li#websites a:hover {
	display: block;
	width: 57px;
	height: 5px;
	background: url('/images/nav-websites.png') 0px -5px no-repeat;
}

header nav ul li#logos {
	width: 37px;
	height: 5px;
	margin-top: 15px;
	text-indent: -5000px;
}

header nav ul li#logos a {
	display: block;
	background: url('/images/nav-logos.png') top left no-repeat;
	width: 37px;
	height: 5px;
}

header nav ul li#logos a:hover {
	display: block;
	width: 37px;
	height: 5px;
	background: url('/images/nav-logos.png') 0px -5px no-repeat;
}

header nav ul li#print-work {
	width: 75px;
	height: 5px;
	margin-top: 15px;
	text-indent: -5000px;
}

header nav ul li#print-work a {
	display: block;
	background: url('/images/nav-print-work.png') top left no-repeat;
	width: 75px;
	height: 5px;
}

header nav ul li#print-work a:hover {
	display: block;
	width: 75px;
	height: 5px;
	background: url('/images/nav-print-work.png') 0px -5px no-repeat;
}

header nav ul li#other {
	width: 37px;
	height: 5px;
	margin-top: 15px;
	text-indent: -5000px;
}

header nav ul li#other a {
	display: block;
	background: url('/images/nav-other.png') top left no-repeat;
	width: 37px;
	height: 5px;
}

header nav ul li#other a:hover {
	display: block;
	width: 37px;
	height: 5px;
	background: url('/images/nav-other.png') 0px -5px no-repeat;
}

header nav ul li#email-me {
	width: 55px;
	height: 5px;
	margin-top: 15px;
	text-indent: -5000px;
}

header nav ul li#email-me a {
	display: block;
	background: url('/images/nav-email-me.png') top left no-repeat;
	width: 55px;
	height: 5px;
}

header nav ul li#email-me a:hover {
	display: block;
	width: 55px;
	height: 5px;
	background: url('/images/nav-email-me.png') 0px -5px no-repeat;
}*/

header nav ul {
	font-size: 0.65em;
	font-weight: bold;
}

header nav ul li {
	margin-top: 5px;
}

header nav ul li a {
	text-decoration: none;
	color: #ffffff;
}

header nav ul li a:hover {
	color: #bf408c;
}



/* Content */

section {
	display: block;
	font-size: 12px;
}

section#websites {
	margin-top: 250px;
}

section#websites h2 {
	width: 560px;
	height: 51px;
	margin-bottom: 35px;
	background: transparent url('/images/h2-websites.gif') top left no-repeat;
	text-indent: -5000px;
}

section#logos h2 {
	width: 560px;
	height: 30px;
	margin: 35px 0px 35px 0px;
	background: transparent url('/images/h2-logos.png') top left no-repeat;
	text-indent: -5000px;
}

section#print-work h2 {
	width: 560px;
	height: 30px;
	margin: 35px 0px 35px 0px;
	background: transparent url('/images/h2-print-work.png') top left no-repeat;
	text-indent: -5000px;
}

section#other h2 {
	width: 560px;
	height: 28px;
	margin: 35px 0px 35px 0px;
	background: transparent url('/images/h2-other.png') top left no-repeat;
	text-indent: -5000px;
}

/* Websites */

section#websites li {
	width: 536px;
	height: 268px;
	margin-bottom: 35px !important;
	background: #000000;
	padding: 12px 12px 12px 12px;
}

section#websites li a.image {
	display: block;
	width: 334px;
	text-indent: -5000px;
}

section#websites li img {
	display: block;
	float: left;
	margin-right: 15px;
}

section#websites li p {
	margin-top: 1em;
	color: #cfcfcf;
}

section#websites li p.completed-date {
	color: #ffffff;
	font-style: italic;
}

section#websites li a {
	color: #bf408c;
	text-decoration: none;
}

section#websites li a:hover {
	text-decoration: underline;
}