html
{
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #e4ddbc url("images/page_bkg.jpg") 100% 160px no-repeat;
	height: 100%;
}
body
{
	margin: 0;
	background: url("images/bottle.png") -16px 100% no-repeat;
	min-height: 100%;
	min-width: 700px;
	position: relative;
}
* html body	{ height: 100%; /* for IE6 */ }

/* Header */
#header
{
	background: #db8 url("images/header_strip.jpg") repeat-x;
	border-bottom: 10px solid #fec;
	height: 144px;
}
#header div	{ height: 100%; background: url("images/header_left.jpg") no-repeat; }
#header h1	{ height: 100%; background: url("images/header_right.png") 100% 0 no-repeat; margin: 0; padding: 0 176px 0 15px; }

/* Navigation bar */
#navigation
{
	position: absolute;
	top: 160px;
	right: 1px; /* Avoids horizontal scrollbar in Firefox when nav links are focused */
	list-style: none;
}
#navigation li	{ margin-top: 8px; }

/* Content area */

#content		{ padding: 0 220px 264px 136px; }
#content h1		{ margin: -10px 0 0.25em -40px; }
cite#signature	{ display: block; margin: -1em 0 -92px; text-align: right; }

/* Footer (copyright and design link) */
#footer
{
	position: absolute;
	bottom: 0;
	right: 220px;
	font-size: small;
}
#footer p		{ text-align: right; }
#design			{ margin-bottom: 0.5em; }
#copyright span	{ color: #860; }


/* Content styles */
/* -------------- */

h2, h3	{ font-weight: normal; color: #432; letter-spacing: -0.05em; }
h2		{ font-size: xx-large; border-bottom: 4px solid #fec; margin: 1em 0 0.5em; line-height: 75%; }
h3		{ font-size: x-large; margin: 0.5em 0 0; }

p			{ text-align: justify; }
p, ul, ol	{ margin: 0 0 1em; }
ul, ol		{ padding: 0 0 0 1.5em; }
p, li		{ line-height: 150%; }

a			{ font-weight: bold; }
a:link		{ color: #432; }
a:visited	{ color: black; }
a:hover,
a:active,
a:focus		{ color: #a84; }

img			{ border: 0; }

a:hover img.fade	{ opacity: 0.66; filter:alpha(opacity=66); }
img.fade			{ opacity: 1; filter: none; }

/* Introductory paragraph with drop-cap */
p.introduction:first-letter
{
	float: left;
	font-size: xx-large;
	color: #432;
	line-height: 1;
	margin-right: 0.03em;
}

/* Portfolio samples */

div.sample	{ margin: 2em 0 0; clear: both; }
div.sample blockquote
{ 
	color: #653;
	background: url("images/quote_close.png") 100% 100% no-repeat;
	margin: 0.5em 0 1em;
	padding-right: 28px;
	font-size: small;
}
div.sample blockquote div	{ background: url("images/quote_open.png") 0 0 no-repeat; padding-left: 28px; }
div.sample img				{ padding: 1px; border: 3px solid #fec; margin: 0 0 0.5em; }
div.sample a:hover img		{ border-color: white; }

div.sample object			{ width: 290px; height: 24px; margin: 0.25em 0; }

div.left blockquote		{ margin-left: 176px; }
div.right blockquote	{ margin-right: 176px; }
div.left img			{ float: left; }
div.right img			{ float: right; }

p.download				{ text-align: right; clear: right; }
div.voice p.download	{ margin: -0.5em 0 0; }

p.download a	{ padding-left: 20px; background: 0 50% no-repeat; }
p.pdf a			{ background-image: url("images/icons/pdf.png") }
p.mp3 a			{ background-image: url("images/icons/mp3.png"); }

p.app-advice
{	
	font-size: small;
}