html, body {
	width: 100%;
	margin: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 750px;
	margin-left: -375px;
}

h1 {
	width: 277px;
	height: 68px;
	background-image: url(../_images/logo.jpg);
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	left: 51px;
	margin: 0;
	padding: 0;
}

h2 {
	position: absolute;
	text-indent: -1000px;
}

/* Main navigation */

ul#navigation {
	list-style-type: none;
}

ul#navigation li {
	background-repeat: no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}

ul#navigation a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

/* illustration nav positioning */

#freelance_illustration #illustration {
	width: 280px;
	height: 27px;
	background-image: url(../_images/freelance_large.gif);
	position: absolute;
	top: 84px;
	left: 51px;
}

#freelance_illustration #contact {
	width: 74px;
	height: 23px;
	background-image: url(../_images/contact_small.gif);
	position: absolute;
	top: 84px;
	left: 415px;
}

#freelance_illustration #ceramic {
	width: 155px;
	height: 26px;
	background-image: url(../_images/ceramic_small.gif);
	position: absolute;
	top: 84px;
	left: 564px;
}

/* contact nav positioning */

#contact_us #illustration {
	width: 199px;
	height: 19px;
	background-image: url(../_images/freelance_small.gif);
	position: absolute;
	top: 84px;
	left: 51px;
}

#contact_us #contact {
	width: 164px;
	height: 60px;
	background-image: url(../_images/contact_large.gif);
	position: absolute;
	top: 67px;
	left: 320px;
}

#contact_us #ceramic {
	width: 155px;
	height: 26px;
	background-image: url(../_images/ceramic_small.gif);
	position: absolute;
	top: 84px;
	left: 564px;
}

/* ceramics nav positioning */

#freelance_ceramic #illustration {
	width: 199px;
	height: 19px;
	background-image: url(../_images/freelance_small.gif);
	position: absolute;
	top: 84px;
	left: 51px;
}

#freelance_ceramic #contact {
	width: 74px;
	height: 23px;
	background-image: url(../_images/contact_small.gif);
	position: absolute;
	top: 81px;
	left: 300px;
}

#freelance_ceramic #ceramic {
	width: 335px;
	height: 54px;
	background-image: url(../_images/ceramic_large.gif);
	position: absolute;
	top: 64px;
	left: 414px;
}


/* Illustration sub-navigation */

ol#illustration_subnav {
	position: absolute;
	left: 181px;
	top: 120px;
	list-style-type: none;
	width: 410px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -10000px;
}

#illustration_subnav li {
	height: 32px;
	width: 32px;
	border: 1px solid #000;
	float: left;
	padding: 0;
	margin: 0 7px 7px 0;
	text-indent: 0;
}

ol#illustration_subnav li img {
	border: none;
}

/* Ceramics sub-navigation */

ol#ceramic_subnav {
	position: absolute;
	left: 181px;
	top: 131px;
	list-style-type: none;
	width: 410px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -10000px;
}

#ceramic_subnav li {
	height: 62px;
	width: 62px;
	border: 1px solid #000;
	float: left;
	padding: 0;
	margin: 0 4px 4px 0;
	text-indent: 0;
}

ol#ceramic_subnav li img {
	border: none;
}

/* Contact */

#contactForm {
	position: absolute;
	top: 140px;
	left: 260px;
	margin: 0;
	padding: 0;
	width: 225px;
}

#contactForm input, #contactForm textarea {
	width: 100%;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.1em 0 0.5em 0;
	padding: 0.2em;
}

#contactForm textarea {
	font-size: 1em;
	height: 110px;
}

#contactForm p {
	margin: 0.5em 0 0.5em 0;
}

#contactForm label {
	text-transform: uppercase;
}

#contactForm input#submit {
	height: 25px;
	width: 55px;
	background: url(../_images/send_button.gif);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: -1000px;
}

#contact_us #thankyou {
	position: absolute;
	top: 220px;
	left: 250px;
	margin: 0;
	padding: 0;
	width: 250px;
	text-align: center;
}

/* Folio Image */

#folio_item {
	border: 1px solid #000;
	position: absolute;
	top: 225px;
	left: 182px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#folio_item img {
	margin: 0;
	padding: 0;
}

/* General */

.error {
	color: #d42220;
}