@media screen {
	
	* {
		margin : 0;
		padding : 0;
	}
	
	/**
		* removal of useless borders, reset table layout and set base font to 10px in all browsers.
	*/
	
	body {
		line-height : 1.5;
		font-family : Arial, Kalimati, Helvetica, sans-serif;

	}
	
	a {
		outline : none;
	}
	
	a img,
	table,
	fieldset {
		border : 0;
	}
	
	hr {
		display : none;
	}
	
	table {
		border-collapse : collapse;
	}
	
	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: 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
		 * 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/hex000000-op50.png);
	}
	
	.overlayer .fixedlayer {
		display: block;
	}
	
	.overlayer div .fixedlayer {
		display: none;
	}
	
	.overlayer .innerlayer {
		position : static;
		margin : 125px auto 20px;
		text-align : left;
	}
	
	.innerlayer .layer,
	 .innerlayer .closedlayer {
		display : none;
	}
	
	.innerlayer .openedlayer {
		display : block;
	}
	
	.printonly {
		display : none;
	}

	/**
		 * class for graphics labels
	*/

	.lbl {
		font-size:1em;
		text-indent:-999em;
		line-height:3em;
		overflow:hidden;
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:left top;
	}



} /* 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;
	}
	
	/*
	 * 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 */
	}