@media screen {

		* {
			margin					: 0;
			padding				: 0;
		}


	/*
	 * removal of useless borders, reset table layout and set base font to 10px in all browsers.
	 * last update: 2008-11-03
	 */
		body {
			font-size				: 10px;
			font-family 			: arial;
			color					: #3c3c3c;
		}


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

		hr {
			display 				: none;
		}

		table {
			border-collapse	: collapse;
		}

		table.fixlayout {
			table-layout		: fixed;
		}


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

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

	 	.ibwrapper {
	        white-space		: nowrap;
		}

	/*
	 * 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: 2008-11-03
	 */
		.cl:after {
		    clear					: both;
		    content				: ".";
    		visibility				: hidden;
		    display					: block;
    		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
	 *  usage: a phrase &ldquo;<q>with quotation marks</q>&rdquo;
	 */
		q:before, q:after {
			content				: "";
		}


	/* Tag <blockquote>
	 * http://notes.natbat.net/2006/11/21/inineimagequotes/
	 *
	 * Usage: <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
	 *  Usage: <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 */



/*
 * Embedded Fonts
 * last update: 2008-11-14
 */

 	@font-face {
		unicode-range : U+00??, U+01??;
		/* if supported by browser it allows to embed only basic and Latin-A characters.
		 * Useful for reducing download time and increasing speed of page rendering. */
	}

 	@font-face {
		font-family		: 'Serifia';
		src 					: url('fonts/otf/grunge-serifia.otf') format('opentype');
		/*
			Use 'local' instead of 'url' for any 'same-origin' issues.
			Use 'truetype' instead of 'opentype' for specific fonts.
		*/
	}

/*
 * CSS filters for various browsers
 * last update: 2008-09-21
 */
	@media all and (min-width: 0px) {
	   /* rules for opera and safari */
	}

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