html { font-size: 100%; }

body { font-size: 125%; margin: 0; padding: 0; background: #FFF; }

h1, h2, h3, h4, h5, p, li, ul { margin: 0; padding: 0;}

a {
	color: #AA3300;
	letter-spacing: 0.25em;
	text-transform: uppercase;
}

#container {
	width: 48.0em;
	margin: 0 auto;
	padding: 0 0.5em;
}

#navigation {
	width: 6.0em;
	float: right;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
	#navigation li {
		font-family: Georgia, serif;
		font-size: 0.4em;
		text-transform: uppercase;
		letter-spacing: 0.25em;
		line-height: 1.3;
		border-bottom: 1px solid #E3E3E3;
	}
	#navigation li:first-child {
		border-top: 1px solid #E3E3E3;
	}
	#navigation a {
		display: block;
		padding: 0.5em;
		color: #EE6633;
		text-decoration: none;
	}
	#navigation a:hover { background: #EAEAFF; }

#presentation {
	width: 30.0em;
	height: 17.5em;
	float: left;
}
	#main-image {
		height: 16.5em;
		border: 0.5em solid #000;
		position: relative;
		text-align: center;
	}
		#main-image img {
			width: 29.0em;
			height: 16.5em;
		}
	
	span.caption {
		display: block;
		position: absolute;
		width: 100%;
		margin-top: 2.25em;
		text-align: center;
	}
		.caption {
			color: #676767;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
			font-style: italic;
			font-size: 0.55em;
		}

#description-box {
	float: left;
	width: 12.0em;
	height: 17.5em;
	position: relative;
	overflow: auto;
}
	#description {
		position: absolute;
 		bottom: 0;
 		left: 0;
		margin: 0 1.5em 0 1.0em;
	}

#gallery {
	float: left;
	width: 9.0em;
	margin: 1.0em 0 0 31.0em;
	list-style: none;
}
	#gallery li {
		width: 0.6em;
		height: 0.6em;
		background: url('img/dot-unfilled.png') center center no-repeat;
		float: left;
		overflow: hidden;
	}
	#gallery li:hover {
		background: url('img/dot-hover.png') center center no-repeat;
	}
	#gallery li.active, #gallery li.active:hover {
		background: url('img/dot.png') center center no-repeat;
	}
	#gallery img {
		opacity: 0;
		cursor: pointer;
	}

#footer {
	float: left;
	width: 47.0em;
	margin: 1.0em 0;
	padding: .65em .5em;
	border-top: 1px solid #E3E3E3;
	overflow: hidden;
}

h1 {
	font-size: 1.0em;
	margin: 1.0em 0;
}
	h1 img {
		width: 48.0em;
		height: 3.0em;
	}

h2 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #EE6633;
	margin: 0 0 0.25em;
}

#description p {
	font-family: Georgia, serif;
	font-size: 0.65em;
	line-height: 1.35;
	margin: 0 0 0.5em;
}

#description p.note, .note {
	font-size: 0.55em;
	color: #A3A3A3;
}

#footer p { margin: 0 0 0.25em; }
p a { font-size: 0.75em; }