/* -- RESETTING ALL STYLES -- */
*	{padding:0;	margin:0;}
ul,ol	{padding-left:1.5em;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, ul, ol, dl, fieldset, address	{margin-bottom: 1em;}
table, td, th	{font-size:1em; vertical-align:top;}
th, td	{text-align:left;padding-left:0.2em;white-space:nowrap;}
td.numeric	{text-align:right;}
img	{border:none;}
address, blockquote	{font-style:normal;}
/* -- SITE STYLES -- */
body	{
	font:13px "Tahoma",sans-serif;
	color:#222;
}
select, option	{background:white !important;font-size:1em;}
#content a	{color:navy;text-decoration:none;border:none !important;}
#content a:hover	{color:red;text-decoration:underline;}
#footer	{font-size:0.8em;color:#999;}
.message	{border:1px solid black;color:black;padding:0.5em;background:#ddf !important;}
@media screen	{
	html	{height:100%; margin-bottom:1px; /* force scrollbar */}
	body	{
		margin-right:10em;
		text-align:center;
	}
	#container	{
		margin:0 auto;
		text-align:left;
		width:65em;
		height:100%;
		position:relative;
		width:expression((document.body.clientWidth > (850))? "65em": "auto" );
	}
	#container[id] {
		width:auto;
		max-width:65em;
	}
	/* --- HEADER --- */
	#header	{padding:2em 90px 1em;font-size:1em;}
	#header[id]	{position:fixed;top:0;}
	/* --- NAVIGATION --- */
	#navigation {
		text-align:right;
		list-style:none;
		display:block;
		width:146px;
		line-height:1.7em;
		text-transform:lowercase;
		position:absolute;
		top:150;
		margin-left:-190px;
	}
	#navigation ul	{margin:2px 0 0px 0;list-style:none;display:block;padding-left:123px;}
	#navigation/* HACK IE5 */{width:119px;}
	#navigation li	{margin-bottom:2px;}
	#navigation a	{color:black;text-decoration:none;display:block;padding-right:5px;border-right:4px solid #ddd;width:99%;}
	#navigation li li a	{border-right:none;padding-left:5px;border-left:4px solid #ddd;text-align:left;}
	#navigation a:hover	{background:#eee;}
	#navigation .nav_active	{border-right:4px solid red;}
	#navigation li li .nav_active	{border-right:none;border-left:4px solid red;}
	#navigation[id]	{position:fixed;top:246px;margin-left:0;}
	/* --- CONTENT --- */
	#content	{margin-left:15em;position:relative;}
	#content h2, #content h3	{text-align:left;}
	#content h2	{font-size:1.1em;margin-bottom:0.4em;}
	#content h3	{font-size:1em;font-weight:normal;}
	#content h4	{font-size:1em;}
	#content #primary, #content #secondary {
		margin:0.5em 1em 0em 0em;
		padding:1.7em 3em 1.8em 2em;
		border:1px solid #ccc;
		width:24em;
		float:left;
		line-height:1.5em;
	}
	#content #primary/* HACK IE5 */, #content #secondary/* HACK IE5 */{
		width:18em;
	}
	#content .error	{border:2px solid red;padding:0.5em;}
	#content img.icon,#catalogue #content img.icon	{border:none !important;}
	#content form label	{display:block;}
	#content form input, #content form textarea	{display:block;width:99%;border:1px solid #ccc;background:#eee;}
	#content .flyout_r, #content .flyout_l	{
		position:absolute;
		top:-200px;
		left:13em;
		border:1px solid #ccc;
	}
	#content .flyout_r	{top:-120px;left:18em;}
	#content[id]	{margin-top:246px;}
	.box {background:white;}
	.box[class] {background:url(op80.png) transparent !important;}
	/* --- FOOTER --- */
	#footer	{display:none;}
	/* --- CATALOGUE --- */
	.catalogue	{
		position:absolute;
		left:15em;
		top:-240px;
	}
	#catalogue .catalogue	{padding-left:3em;}
	#catalogue .catalogue/* HACK IE5 */	{padding-left:0;}
	#catalogue .description	{width:13em;}
	#catalogue	dd	{margin-bottom:1em;}
	#catalogue 	dd.image	img	{display:none; border:5px solid red !Important;}
	#catalogue #content	{margin-left:270px;}
	#catalogue #content img	{border:1px solid #555 !important;}
	#catalogue #content #hook	{position:absolute;left:24em;}
	#catalogue #content #primary	{float:none;margin:-1.5em 1.2em;}
	#catalogue #content #secondary	{font-size:0.9em;padding:1em 1em;width:auto;text-align:right;}
	#catalogue #content #secondary select	{width:10em;}
	#catalogue #content #secondary button	{border:none;padding:none;cursor:pointer;background:transparent;}
	/* --- SINGLE PAGES -- */
	#impressions #primary {width:290px;}
	#impressions #secondary {width:190px;}

	#contact .box	{height:20em;}

	body	{background: white 90% 100% no-repeat fixed}
	#start, #index 	{background-image:url(index.jpg);}
	#shop 	{background-image:url(index.jpg);}
	#shop #content #primary	{width:auto;}
	#shop #content #secondary	{width:10em;}
	#shop input, #shop textarea	{width:25em !important;}
	#about	{background-image:url(about.jpg);}
	#contact	{background-image:url(contact.jpg);background-position:70% 20px !important;}
	#contact dt	{width:6em; display:block; float:left;clear:right;}
	#contact dd	{display:block; margin-left:6em;}
}
@media print	{
	#header	{float:right;}
	#navigation	{display:none;}
}