html { height:100%; }
body {
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #89a4cf;
	font: normal 10pt Verdana,Geneva,Arial,sans-serif;
	color: #393939;
}
#wrapper {
	position: relative;
	min-height: 100%;
}
* html #wrapper { height: 100%; }
/*
	width:980px;
	margin: 0 auto;
*/
a:link {
	color: #004AB5;
}
a:visited {
	color: #5578AA;
}
a:hover, a:active {
	color: #4A94FF;
	text-decoration: none;
}

* { min-height:1px; }
p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {
	border: 0;
	margin: 20px 0 5px 0;
	padding: 0;
	color: #003366;
	font-weight: normal;
	font-family: Verdana,Geneva,Arial,Helvetica,Serif;
}
h1 { font-size:16pt; line-height:100%; }
h2 { font-size:14pt; line-height:100%; }
h2+p { margin-top:0; }
h3 { font-size:12pt; line-height:100%; }
h4 { font-size:10pt; font-weight: bold; }
h5 { font-size:10pt; font-weight: bold; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color:#003366; }
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color:#003366; }
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color:#003366; }

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:none; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:none; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

table.bdr { border:1px solid #B7CAF6; }
table.bdr th, table.bdr td { border:1px solid #B7CAF6; }


dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}
ul,ol { display:block; }
ul, ol {
	margin: 0;
	padding: 0 0 0 17px;
	list-style-position: outside;
	border: none;
}
li { display:list-item; margin: .5em 0; line-height:1.5em; border:none; }

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
a, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

.gallery-other-pics { display:none; }

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box { min-height: 1px; }
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

.link { margin:0; padding:0; display:inline; color:#004AB5; border-bottom:1px dashed #004AB5; cursor:pointer; }

/* -----------------...........--------------------------------------------------------------------------------------- */


/* Header */
#header {
	width:980px;
	margin:0 auto;
	height: 100px;
	padding: 0;
	padding-bottom:0px;
	background-color: transparent;
	/* background: #b2beeb url('/design/header.jpg') no-repeat top right; */
	/* background: #BFBFBF url('/design/header_gray.jpg') no-repeat top right; */
	/* background: white; */
	color: black;
	overflow:hidden;
}

	/* Header - logo */
	#header #logo {position:relative; top:10px; left:10px; margin:0; width:500px; height:90px; }
	#header #afk {position:relative; top:-81px; left:430px; margin:0; width:173px; height:83px; }

	#header #logo a {color:#FFF;}
	#header #logo a:hover {color:#B5C4E3; text-decoration:underline;}

	#header #outMenu {
		position: relative;
		top: -163px;
		left: 630px;
		width:340px;
		padding-right: 10px;
		color: white;
		font-size: 8pt;
		text-align: right;
		height:14px;
	}
	#header #outMenu a:link, #header #outMenu a:visited, #header #outMenu a:hover, #header #outMenu a:active {
		/*color: #94BCF0;*/
		color: white;
	}
	#header #outMenu a:hover, #header #outMenu a:active {
		text-decoration: none;
	}

    /* Header - Search */
    #header #search { position:relative; top:-128px; left:620px; width:350px; height:30px; }
    #header #search form { position:relative; }
    #header #search #search-input-out {position:absolute; top:0; right:110px; width:190px; height:28px; margin:0; padding:0; border:0; background: transparent url("/design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-input {width:175px; margin:3px 8px 0 8px; padding:3px 0; border:0; background:transparent; font:nomal 10pt "Tahoma",sans-serif; color:#192666;}
    #header #search #search-submit { position:absolute; top:0; right:0px; width:100px; height:28px; border:none; background: transparent url('/design/search_submit.gif') no-repeat top left; cursor:pointer; color: White; font-size:14px; padding-bottom:0px; font-weight: bold; padding-left:30px; text-align:left; }
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}


#mainWrapper { padding-bottom:200px; width:980px; margin:0 auto; }
#main {
	padding:0;
	margin:0;
}
#mainbottom {
	width:980px;
	height:50px;
	background:transparent url('/design/bg_main_bottom.png') no-repeat bottom right;
}

/* Main menu (tabs) */
#tabs {
	background: transparent url('/design/bg_tabs.png') no-repeat top left;
	height: 43px;
	width: 930px;
	margin: 0px auto;
	padding: 0px 25px;
}
	#tabs ul { margin:0; padding:0; }
	#tabs li { margin:0; padding:0; line-height:1em; }
	#tabs ul.menu { width:930px; margin:0; padding: 0; list-style: none; font-size: 11px; }
	#tabs ul.menu li.menu { margin:0; margin-top:10px; padding:0; float:left; height:33px; border-right: 1px solid #192666; }
	#tabs ul.menu li.menu a.menu { display:block; position:relative; padding:11px 15px; background:transparent url("/design/tab_link.gif") 0 0 repeat-x; color:#FFF; font-weight:bold; text-decoration:none; cursor:pointer; }
	#tabs ul.menu li.menu a.menu:hover { background:transparent url("/design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
	#tabs ul.menu li.menu a.active { display:block; position:relative; padding:11px 15px; background:transparent url("/design/tab_hover.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer; }

	 /*
    #tabs ul.menu li a:hover span.tab-l {background:url("/design/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul.menu li a:hover span.tab-r {background:url("/design/tab_hover_r.gif") 100% 0 no-repeat;}
	*/

    /* Main menu (tabs - active) */
/*
    #tabs ul.menu li.active a.active span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; background:url("/design/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul.menu li.active a.active span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("/design/tab_active_r.gif") 100% 0 no-repeat;}
*/

	#tabs ul.submenu { position:absolute; visibility:hidden; z-index:100; background-color:white; margin:0; padding:0; font-size:10px; }
	#tabs ul.submenu li { margin:0; width:230px; padding:0; list-style-type:none; background:white; border:1px solid silver; border-top:none; }
	#tabs ul.submenu li a { display:block; padding:7px 15px; margin:0; border:none; background:white; color:#010101; font-weight:bold; text-decoration:none; cursor:pointer;}
	#tabs ul.submenu li a:hover { background:#f0f0f0; color:#010101; }

/* Page (2 columns) */
#page { width:980px; background:transparent url("/design/bg_page.png") 0 50px repeat-y; }
#page-in { width:940px; padding:10px 20px; background:transparent url("/design/bg_page_in.gif") 21px 0 no-repeat; }

/* Strip */
#strip { font-size:8pt; clear:both; padding:10px 20px 10px 20px; margin:0; color:#6182D1; }
#strip p { margin:0; }
#strip a { color:#6182D1; }
#strip a:hover { color:#192666; }

    /* Strip - breadcrumbs */
    #strip #breadcrumbs { width:670px; margin:0; padding:0; line-height:1.4em; }

    /* Strip - RSS */
    #strip #rss { float:right; width:175px; margin:0; padding-left:25px; background:transparent url("/design/ico_rss.gif") 0 50% no-repeat; white-space:nowrap; }

/* Content */
#content {
	float:left;
	position:relative;
	width:700px;
	margin:0;
	padding:0 0 0 20px;
	background: transparent url("/design/content_article_bg.jpg") 0 0 no-repeat;
	overflow:hidden;
}
	#content h1 {margin:20px -20px 10px -20px; padding:10px 20px; background:#DEE5FD url("/design/content_title_bg.gif") 0 0 repeat-y; line-height:1.2em; }
	#content h1.homepage { margin-top:-25px; }
	#content h1.span { padding-left:35px; line-height:1.2em; }
	#content h1.span span { background:url("/design/ico_list.gif") 0 6px no-repeat; margin-left: -25px; padding-left:25px; }
	#content p { line-height:1.5em; }
	#content h2 { margin-left:-10px; padding:10px; line-height:1.2em; }

	#content #text {
		padding-left: 120px;
		margin-left:-20px;
	}
	#content #text p {
		margin-left: -120px;
		padding-left: 120px;
		background: transparent url('/images/p_marker.gif') no-repeat 0px 7px;
	}
    /* Content - article */
    #content .article { margin:10px -20px; padding:15px 20px; background:transparent url("/design/content_article_bg.jpg") 0 0 no-repeat; }
	#content .article h2 { margin-top:-10px; }
    #content .article h3 { margin:10px -20px 10px -20px; padding:10px 20px; background:#DEE5FD url("/design/content_title_bg.gif") 0 0 repeat-y; color:#192666;}

	#content .keyprodbox { float:left; padding-top:20px; width:170px; margin-right:40px; height:220px; border-right:1px solid #DEDEDE; }
	#content .keyprodbox  .keyprodimg { height:100px; }
	#content .keyprodbox  h3 { font-size:11pt; height:100px; }

	#content .citation { margin: 0; border: none; margin:0; }
	#content .citation td { border: none; }
	#content .citation p { margin: 0; font-size:smaller; }

    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}

    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("/design/ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("/design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Content - More */
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; height:21px; margin:0; padding:0 0 0 28px; background:url("/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content .btn-more a:hover {background:url("/design/btn_more.gif") -95px 0 no-repeat;}
/*
	#content .more { position:absolute; z-index:10; width:655px; height:300px; overflow:auto; margin-left:-220px; margin-top:-100px; padding:10px; border:20px solid #dedede; border-right:5px solid #dedede; background:white; display:none; }
*/
	#content .moreOpen, #content .moreHide { margin-top:-5px; margin-bottom:3px; }
	#content .moreOpen span.link, #content .moreHide span.link { padding:2px 0; }
	#content .moreHide { display: none; }
	#content .moreText { display: none; background-color: #FCFCFC; border: 1px solid #F0F0F0; padding:10px; }

	#content #searchResults {  }
	#content #searchResults dt { margin-bottom: 5px; }
	#content #searchResults dd { margin-bottom:20px; }

	#splash { width:720px; margin:20px -20px 0 -20px; overflow:hidden; height:175px; border:0px solid gray; font:normal 13pt Verdana,Sans-Serif; background-repeat:no-repeat; background-position:top left; padding-top:1px; }
	#splash p { margin:15px 20px 15px 50px; padding:0; color: #f0f0f0; text-align: left; line-height:1em; }
	#splash a:link, #splash a:visited, #splash a:hover, #splash a:active { color: #CCFF99; }
	#splash a:hover, #splash a:active { text-decoration: none; }



/* Right column */
#col {float:left; width:220px; margin:0; padding:0; font-size:8pt; background:#CEDBF9 url("/design/col_bg.gif") 0 0 repeat-y;}
#col * { position: relative; }
#col-in {padding:20px 10px; background:url("/design/col_top.gif") 0 0 no-repeat;}
#col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; line-height:100%; background:#A0B9F3 url("/design/col_title_bg.gif") 0 0 repeat-y; }

    /* Right column - About me */
    #col .about-me {margin-bottom:15px; line-height:130%;}
    #col .about-me p {margin:0;}
    #col .about-me #me {float:left; width:54px; height:58px; margin-right:7px;}

    /* Right column - Category */
    #col ul.category {margin:15px 0; padding:0; list-style:none;}
    #col ul.category li {margin:0; padding:0; border-bottom:1px solid #BBBBBB;}
    #col ul.category li a {display:block; padding:3px 0 3px 22px; background:url("/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul.category li a:hover { background-color:#EDEDED; color:#192666;}
    #col ul.category li.active a { background: #F3F3F3 url("/design/ico_archive2.gif") no-repeat 5px 50%; }

    /* Right column - Products */
    #col ul.products {margin:15px 0; padding:0; list-style:none;}
    #col ul.products li {margin:0; padding:0; border-bottom:1px solid #BBBBBB; }
    #col ul.products li a { display:block; padding:5px 5px 10px 5px; text-decoration:none; }
    #col ul.products li a:hover { background-color: #EDEDED; color: #192666; }
    #col ul.products li.archiveActive a { background:#E0E8FA url("/design/ico_archive2.gif") 5px 6px no-repeat; }

    /* Right column - Archive */
    #col ul.archive {margin:15px 0; padding:0; list-style:none;}
    #col ul.archive li {margin:0; padding:0; border-bottom:1px solid #BBBBBB; }
    #col ul.archive li span.date { display:block; padding:3px 0 3px 22px; background:transparent url("/design/ico_date.gif") 5px 50% no-repeat; font-weight: bold; text-decoration:none; }
    #col ul.archive li a { display:block; padding:3px 0 3px 22px; background:transparent url("/design/ico_archive.gif") 5px 7px no-repeat; text-decoration:none; }
    #col ul.archive li a:hover { background-color: #EDEDED; color: #192666; }
    #col ul.archive li.archiveActive a { background:#E0E8FA url("/design/ico_archive2.gif") 5px 6px no-repeat; }

    /* Right column - Links */
    #col ul.links {margin:15px 0; padding:0; list-style:none;}
    #col ul.links li {margin:0; padding:0; border-bottom:1px solid #BBBBBB; }
    #col ul.links li a {display:block; padding:3px 0 3px 22px; background:url("/design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul.links li a:hover { background-color:#EDEDED; color:#192666; }
    #col ul.links li.active a { background-color: #F3F3F3; }


/* Footer - "back on top" */
#top { margin:-10px auto 0px auto; padding-left:700px; width:200px; }
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:transparent url("/design/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:transparent url("/design/ico_top.gif") -30px 0 no-repeat;}

/* Footer */
#footer {
	/* background: #94BCF0 url('/design/bg_footer_all_2.jpg') 50% 0 no-repeat; */
	background: transparent;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	margin: 0;
	width: 100%;
	height: 200px;
	clear: both;
	padding: 0;
	font-size: 8pt;
	line-height: 1.5em;
}
#footerInner { padding-top:50px; width:940px; margin:0 auto; }
#footer .right { float: right; }

#footer #footerMenu {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	border-bottom: 1px dashed silver;
	white-space: nowrap;
	overflow: hidden;
}
#footer, #footerMenu a:link, #footerMenu a:visited, #footerMenu a:hover, #footerMenu a:active, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #505050;
}
#footer #copyright { position:relative; top:10px; left:20px; width:280px; height:20px; line-height:1.5em; }
#footer #contacts{ position:relative; top:-10px; left:350px; width:500px; height:50px; line-height:1.5em; }
#footer #counters { position:relative; top:-60px; left:670px; width:280px; text-align:right; height:90px; padding:0; }
#footer #counters img { vertical-align: top; }