@media screen {

		* {
			margin				: 0;
			padding				: 0;
		}

	/**
	* removal of useless borders, reset table layout and set base font to 10px in all browsers.
	* last update: 2009-02-07
	*/

        article, aside, audio, canvas, datalist, details, footer, header, hgroup, menu, nav, section, video {
            display     : block;
        }

		body {
			font-size			: 10px;
			font-family 		: arial;
			color				: #3c3c3c;
		}


		a img, table, fieldset {
			border				: 0;
		}

		hr {
			display 			: none;
		}

		table {
			border-collapse 	: collapse;
			font				: inherit;
		}

		table.fixlayout {
			table-layout 		: fixed;
		}


	/* IE (all versions) bicubic interpolation for scaled images */
		img.scaled, .scaled img { -ms-interpolation-mode : bicubic; }


	/**
	 * Elissis documented in
	 * http://mattsnider.com/css/css-string-truncation-with-ellipsis/
	 */
		.truncate, .excerpt {
			white-space			: nowrap;
			overflow			: hidden;
			text-overflow		: ellipsis;
			-ms-text-overflow   : /* IE8 */ ellipsis;
			-o-text-overflow	: /* OP9 */ ellipsis;
			-moz-binding		: /* FF2 */ url(inc/ellipsis.xml#ellipsis);
		}


	/**
	 * inline-block
	 * last update: 2009-02-17
	 * you need to set a defined width to 'ib' element
	 */

		.ib {
			display				: -moz-inline-box;  /* FF2 or lower */
			display				: inline-block;     /* FF3, Opera, Safari (and 'haslayout' on IE) */
	        white-space			: normal;
		}

	/**
	 * Wordwrap
	 * Be careful! Use only for text without spaces as links.
	 * Otherwise it will truncate words anyway
	 */
		.wordwrap {
			word-wrap   		: break-word;						/* IE, Safari, Chrome */
			-moz-binding		: url(inc/wordwrap.xml#wordwrap);	/* FF2 */
		}


	/**
	 * floats clearing
	 * last update: 2009-12-18

	 /* new clearfix */
		.cl:after {
			clear				: both;
			visibility			: hidden;
			content				: " ";
			display				: block;
			font-size			: 0;
			height				: 0;
		}

		.fastcl {
			width				: 100%;
			overflow			: hidden;
		}

	/**
	 * float with display inline (workaround documented in
	 * http://www.positioniseverything.net/explorer/doubled-margin.html)
	 * last update: 2006-06-05
	 */

		.layfl, .fl,
		.layfr, .fr {
			display				: inline;
			outline				: 0;
			-moz-outline		: none;
		}

		.layfl, .fl { float		: left;  }
		.layfr, .fr { float		: right; }


	/**
	 * Tag <q>
	 * http://www.alistapart.com/articles/qtag
	 * Example: a phrase &ldquo;<q>with quotation marks</q>&rdquo;
	 */
		q:before, q:after { content : ""; }


	/**
	 * Tag <blockquote>
	 * http://notes.natbat.net/2006/11/21/inineimagequotes/
	 *
	 * Example: <blockquote class="citation" cite="Brian Littrell">
	 *            <p>Shoot for the moon. Even if you miss, you'll land among the stars.</p>
	 *          </blockquote>
	 *
	 * and set a width for blockquote.citation
	 *
	 * last update: 2006-11-23
	 */
		blockquote.citation {
			text-indent			: 1.5em;
			background			: url(obj/quotes1.png) 0 2px no-repeat;
		}

		blockquote.citation p {
			display				: inline;
			padding-right		: 1.3em;
			background			: url(obj/quotes2.png) bottom right no-repeat;
		}


	/**
	 * Image Replacement
	 * Example: <h1 class="ir">Title<span>&nbsp;</span></h1>
	 * Set width, height to <h1> and background-image to <span> element
	 *
	 * last update: 2008-11-14
	 */
		.ir {
			position			: relative;
			z-index				: 1;
		}

		.ir span {
			position			: absolute;
			top					: 0;
			left				: 0;
			z-index				: 2;
			width				: 100%;
			height				: 100%;
		}


	/**
	 * Fixed box
	 * last update: 2009-02-11
	 */
		.fixed,
	 	.fixedlayer {
			position			: fixed;
			z-index				: 10;
		}

	/**
	 * last update 2008-02-13
	 */

	 	.fixedlayer {
			top					: 0;
			left				: 0;
			z-index				: 32222;
			width				: 100%;
			height				: 100%;
			display				: none;
			text-align			: center;
			background-image	: url(obj/png/hexf6f6f6-op85.png);
		}

		.overlayer .fixedlayer 		{ display: block; }
		.overlayer div .fixedlayer	{ display: none; }

		.overlayer .innerlayer {
			position			: static;
			margin				: 20px auto;
			text-align			: left;
		}

		.innerlayer .layer, .innerlayer .closedlayer {
			display				: none;
		}

		.innerlayer .openedlayer {
			display				: block;
		}


} /* end screen rules */



/* General print rules */

@media print {

	* {
		float				: none;
		position			: static;
		background			: none;
	}

	.noprint, .noprint * {
		display				: none;
	}

	.noprint *.exceptionprint {
		display				: block;
	}

	body {
		width				: 165mm;
		color				: #3c3c3c;
		font				: 12pt Georgia, 'Times new Roman';
		line-height			: 1.618; 	/* golden ratio =) */
	}

	table {
		height				: auto;		/* it forces full table rendering on breakpages */
	}

	a:link:after,
	a:visited:after {
		content				: " - " attr(href);
		font-size			: 10pt;
		font-style			: italic;
	}

	q:after, blockquote:after {
		content				: " ~ Cit. " attr(cite);
		font-size			: 10pt;
		font-style			: italic;
	}

} /* end print rules */



/*
 * CSS filters for various browsers
 * last update: 2008-09-21
 */


	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* rules for safari */
	}