@CHARSET "ISO-8859-1";

/* Top and bottom caps */
#top-cap {
	width: 761px;
	height: 5px;
	margin: 20px auto 0px;
}

#bottom-cap {
	width: 761px;
	height: 5px;
	margin: 0 auto;
}

/* Container */
#container {
	width: 731px;
	padding: 15px;
	margin: 0 auto;
}

/* Footer */
#footer {
	width: 751px;
	margin: 0 auto 15px;
}

#footer a {
	text-decoration: underline;
}

#siteby {
	float: right;
}

/* Logo */
#logo {
	margin-bottom: 30px;
}

#logo a {
	display: block;
	width: 522px;
	height: 167px;
	margin: 0 auto;
}

#logo span {
	display: none;
}

/* Navigation */
#nav ul {
	height: 45px;
	margin-bottom: 30px;
}

#nav ul li {
	display: block;
	width: 243px;
	padding: 10px 0;
	float: left;
	text-align: center;
}

#nav ul li a:hover, #nav ul li.current a {
	background-position: bottom center;
}

#nav-design {
	display: block;
	width: 75px;
	height: 25px;
	margin: 0 auto;
}

#nav-design span {
	display: none;
}

#nav-helen {
	display: block;
	width: 60px;
	height: 25px;
	margin: 0 auto;
}

#nav-helen span {
	display: none;
}

#nav-photography {
	display: block;
	width: 145px;
	height: 25px;
	margin: 0 auto;
}

#nav-photography span {
	display: none;
}

/* Intro paragraph */
#intro {
	width: 500px;
	margin: -7px auto 21px;
	text-align: center;
}

/* Image boxes */
div.image-box {
	width: 239px;
	margin-right: 7px;
	margin-bottom: 15px;
	float: left;
}

div.image-box img {
	margin-bottom: 5px;
}

/* Flickr stream */
#flickr-stream a {
	display: block;
	width: 75px;
	height: 75px;
	float: left;
	margin-right: 7px;
}

/* Contact page */
#about-helen {
	width: 478px;
	float: left;
	margin-top: -14px;
}

#helen-image {
	width: 239px;
	margin-right: 14px;
	float: left;
}

#contact-form {
	width: 478px;
	margin-left: 253px;
}

#contact-name {
	width: 239px;
}

#contact-email {
	width: 239px;
}

#contact-message {
	width: 470px;
}

#contact-form div.element-container {
	margin-bottom: 10px;
}

div.error {
	text-align: center;
	padding: 10px;
	margin-bottom: 14px;
}

#contact-details {
	width: 230px;
	float: left;
}