body { 
	height: 100%; margin: 0; padding: 0; 
	color: #000; background: #fff url(../images/bg-body.gif) repeat-x 0 0; 
	font: normal 62% Verdana, Tahoma, Arial, sans-serif; text-align: center;
}
html * { margin: 0; padding: 0; }

/* ============================= links ============================== */

a:link, a:visited { color: #005b90; text-decoration: underline; }
a:link:hover, a:visited:hover, a:active, a:focus { text-decoration: none; }
a.glossary{ 
	padding: 0 13px 0 0;
	background: url(../images/glossary.gif) no-repeat 100% 50%;
}

/* =========================== end links ============================ */

/* ============================= common ============================= */

img { display: block; }
a img { border: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-table;}
.clearfix{display: block;}

/* =========================== end common =========================== */

/* ============================= layout ============================= */

#holder{
	width: 910px;
	margin: 0 auto;
	text-align: left;
}

#header{ 
	padding: 2em 0 2em 0;
	background: transparent url(../images/bg-header.gif) no-repeat 0 0; 
}

#content{
	float: right;
	width: 602px;
	padding: 0 0 2em 0;
}

#sidebar{
	float: left;
	width: 296px;
	margin: 0 0 15px 0;
}

#footer{
	clear: both;
	margin: 1em 0; padding: 1em 0;
	background: url(../images/bg-footer.gif) repeat-y 0 0;
}

/* =========================== end layout =========================== */

/* =========================== skiplinks ============================ */

#skiplinks{ position: relative;	height: 1.5em; list-style: none; margin: 0 0 -1.5em 0; }
#skiplinks a{ position: absolute; left: -9999px; font-size: 0; }
#skiplinks a:active, #skiplinks a:focus { top: 0; left: 0; font-size: 1.1em; }

/* ========================= end skiplinks ========================== */

/* =========================== header ============================ */

h1{ 
	float: left;
	height: 80px;
}

#top-nav{
	float: right;
	margin-top: -1em;
	list-style: none;
}
#top-nav li{
	float: left;
	margin: 0 0 5px 10px;padding: 0 0 0 10px;
	background: transparent url(../images/bg-top-nav.gif) no-repeat 0 90%;
}
#top-nav li a{
	color: #005b90;
	text-decoration: none;
	font-size: 0.9em;
}

/* ========================= end header ========================== */

/* =========================== navigation ============================ */

#navigation{
	clear: both;
	margin: 20px 0 0 0;
	border-top: 9px solid #005cc1;
	list-style: none;
}

#navigation li{
	float: left;
	height: 50px;
	margin-top: 1px;
}
#navigation li a{
	display: block; position: relative;
	height: 50px;
}
#navigation li a span{
	display: block; position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
}
#navigation li.intro a{ width: 180px; }
#navigation li.prognosis a{ width: 184px; }
#navigation li.wallet a{ width: 182px; }
#navigation li.tools a{ width: 182px; }
#navigation li.meta a{ width: 182px; }
#navigation li.intro a span{ background: transparent url(../images/nav-intro.gif) no-repeat 0 0; }
#navigation li.prognosis a span{ background: transparent url(../images/nav-prognosis.gif) no-repeat 0 0; }
#navigation li.wallet a span{ background: transparent url(../images/nav-wallet.gif) no-repeat 0 0; }
#navigation li.tools a span{ background: transparent url(../images/nav-tools.gif) no-repeat 0 0; }
#navigation li.meta a span{ background: transparent url(../images/nav-meta.gif) no-repeat 0 0; }
#navigation li a:hover span{ background-position: 0 100%; }

/* ========================= end navigation ========================== */

/* =========================== quotations ============================ */

#quotations{ 
	margin: 10px 0;
	list-style: none;
}
#quotations li{ 
	float: left;
	width: 296px;
	margin: 0 10px 0 0;
}
#quotations li.last{ margin: 0; }
#quotations li h2{
	padding: 5px;
	font-size: 1.1em; font-weight: bold; 
	border-left: 10px solid #59a7ff;
}

/* ========================= end quotations ========================== */

/* =========================== content ============================ */

#content{ font-size: 1.2em; line-height: 1.5em; }
#content h2{
	clear: both;
	margin: 10px 0;
	padding: 10px 0 0 0;
	color: #000;
	font-size: 1.6em;
}
#content h2 a{ text-decoration: none; }
#content h3{
	clear: both;
	margin: 10px 0;
	padding: 10px 0 0 0;
	color: #000;
	font-size: 1.4em;
}
#content h3 a{ text-decoration: none; }
#content p{ margin: 0 0 1em 0; }
#content img{ 
	margin: 10px 0;
}
#content img.right{ 
	float: right;
	margin: 10px 0 10px 10px;
}
#content img.left{ 
	float: left;
	margin: 10px 10px 10px 0x;
}
/*
#content .main-article h2{
	margin: 0; padding: 20px 0 20px 70px;
	background: url(../images/h2-main-article.gif) no-repeat 0 50%;
	border: none;
}
*/
#content .main-article h2{
	margin: 0 0 20px 0; padding: 15px 0 15px 0;
	border: none;
	color: #005b90;
	font-size: 14px;
	border-bottom: 1px solid #005b90;
	text-align: right;
	background: none;
}
#content ul{ margin: 1em 0 1em 2em; }

/* ========================= end content ========================== */

/* =========================== sidebar ============================ */

#side-nav{
	margin: 0 0 10px 0;
}
#side-nav h2{
	padding: 10px;
	color: #fff; background: url(../images/bg-h2-side-nav.gif) repeat-y 0 0;
	font: bold 1.1em Tahoma;
}
#side-nav h2.na-skroty{
	margin: 0 0 20px 0; padding: 15px 0 15px 0;
	border: none;
	color: #005b90;
	font-size: 14px;
	border-bottom: 1px solid #005b90;
	text-align: right;
	background: none; 
}
#side-nav ul{
	margin: 10px;
	list-style: none;
}
#side-nav li{
	padding: 0 0 5px 10px;
	background: url(../images/bullet.gif) no-repeat 0 4px;
	font-size: 1.1em;
}
#side-nav li a{ color: #005b90; text-decoration: none; }
#side-nav li.active a{ font-weight: bold; }

#glossary{ display: none; }
/*
#glossary{
	margin: 0 0 10px 0; padding: 10px;
	color: #2b94d7; background: #fffeed;
	border: 1px solid #b6b17e;
}
#glossary ul{ list-style: none; }
#glossary h2{
	color: #f99800;
	font: bold italic 1.5em "Trebuchet MS", Arial;
	margin: 10px 0;
}
#glossary h3{
	clear: both;
	margin: 15px 0 10px 0; padding: 0 0 0 20px;
	background: url(../images/h3-sidebar.gif) no-repeat 0 50%;
	font-size: 1.2em;
	color: #005b90;
	font-weight: bold;
}
#glossary h3 a{
	color: #005b90;
	font-weight: bold;
	text-decoration: none;
}
#glossary p{ font-size: 1.1em; }
*/

/* ========================= end sidebar ========================== */

/* =========================== footer ============================ */

#footer ul{ 
	text-align: center;
	list-style: none;
	margin: 0 0 1em 0;
}
#footer li{ 
	display: inline;
	padding: 0 1em;
}
#footer li a{
	color: #005cc1;
	text-decoration: none;
}
#footer p{
	color: #59a7ff;
	text-align: center;
}

/* ========================= end footer ========================== */