/* $Id: style.css 16414 2005-12-19 13:02:16Z vitaly $ */
/* $Id: style.css 16414 2005-12-19 13:02:16Z vitaly $ */

/* Common definitions (begin) */
	*
	{
		margin: 0;
		padding: 0;
	}

	body
	{
		font-size: 0.8em;
		font-family: Arial, sans-serif;
		background: #fff;
	}

	html, body, #body
	{
		height: 100%;
	}

	table
	{
		font-size: 100%;
	}

	a, td
	{
		color: #fff;
	}

	a
	{
		text-decoration: underline;
	}

	a:visited
	{
		color: #cdd3df;
	}

	a img
	{
		border: 0;
	}
/* Common definitions (end) */

/* Body (begin) */
	#body
	{
		width: 100%;

		min-width: 740px;
		border-spacing: 0;
		border-collapse: collapse;
	}

	#left, #right, #sidebar
	{
		vertical-align: top;
	}

	#left
	{
		width: 100%;
		padding-bottom: 4em;
	}

	* body #left
	{
		width: auto;
	}

	head:first-child+body #left
	{
		width: auto;
	}
/* Body (end) */

/* Logo (begin) */
	#left a img
	{
		display: block;
	
		float: right;
		clear: both;

		margin: 0 5px 2.5em 0;

		color: #000;
	}

	[id]#left img
	{
		margin-right: 10px;
	}
/* Logo (end) */

/* Menu (begin) */
	#menu
	{
		font-size: 0.95em;
		font-weight: bold;

		float: right;
		text-align: right;

		width: 226px;
		min-width: 226px;

		height: 227px;
		min-height: 227px;

		margin-right: 5px;
	}

	[id]#menu
	{
		width: auto;
		height: auto;

		margin-right: 10px;
	}

	#menu ul
	{
		padding-top: 1.2em;

		list-style: none;
	}

	#menu li
	{
		clear: both;
		line-height: 1.95em;
	}

	#menu a
	{
		display: block;
		float: right;
				
		color: #475e88;
		white-space: nowrap;
	}

	#menu a:visited
	{
		color: #847;
	}

	#menu .home
	{
		padding-left: 18px;
		
		background: transparent url(home.gif) 0 50% no-repeat;
	}

	#menu .a .home
	{
		background-image: url(home-a.gif);
	}

	#menu .home:visited
	{
		background-image: url(home-v.gif)
	}

	#menu .a
	{
		float: right;
	
		position: relative;
		right: -10px;

		background: #cf020a url(menu-r.gif) 100% 0 repeat-y;
	}

	#menu b
	{
		/* for MSIE only */
		p\osition: relative;
	
		display: block;
		padding-top: 1px;

		background: transparent url(menu-t.gif) 0 0 no-repeat;
	}

	#menu i
	{
		font-style: normal;

		display: block;

		padding-left: 15px;
		padding-bottom: 1px;
		
		background: transparent url(menu-b.gif) 0 100% no-repeat;
	}

	#menu b a, #menu b a:visited
	{
		float: none;

		padding: 0 10px 0 0 ;
		text-decoration: none;
	
		color: #fff;
	}

	#menu b a[href]
	{
		text-decoration: underline;
	}
/* Menu (begin) */

/* Language (begin) */
	#menu #lang
	{
		font-size: 0.9em;
		font-weight: normal;
		padding-top: 1.3em;
		line-height: 1em;
	}

	#menu #lang *
	{
		font-weight: bold;
	
		display: inline;
		float: none;

		padding: 0.2em 0.5em;
	
		color: #52514D;
		background: #eee;
	}

	#menu #lang a
	{
		color: #475e88;
	}
/* Language (end) */

/* Info (begin) */
	.info
	{
		float: right;
		clear: both;

		width: 16.5em;
		min-width: 214px;

		margin-top: 1.5em;

		background: #eee url(info-r.gif) 100% 100% repeat-y;
	}

	.info .t .b div
	{
		padding-top: 2.5em;
	}

	.info dt, .info dd, .info p, .info ul
	{
		font-size: 0.9em;
		padding: 0 10px 1em 40px;

		color: #52514d;
	}

	#body .info dt
	{
		margin-top: 0;
	}

	.info li
	{
		margin-left: 1.2em;
		padding-bottom: 1em;
	}

	.info h1
	{
		font-size: 100%;
		padding: 0 10px 1em 40px;
		color: #6f6e6c;
	}

	.info a
	{
		color: #52688f;
	}

	.info a:visited
	{
		color: #847;
	}

	.info .t
	{
		background: transparent url(info-t.gif) 0 0 no-repeat;
	}

	.info .b
	{
		background: transparent url(info-b.gif) 0 100% no-repeat;
	}

	.info div div div
	{
		position: relative;
		top: -10px;

		padding-top: 10px;

		background: transparent 0 0 no-repeat;
	}

	.info .disc { background-image: url(/files/icon/disc.png) }
	.info .lamp { background-image: url(/files/icon/lamp.png) }
	.info .main { background-image: url(/files/icon/main.png) }
	.info .more { background-image: url(/files/icon/more.png) }
	.info .news { background-image: url(/files/icon/news.png) }
	.info .stat { background-image: url(/files/icon/stat.png) } 
/* Info (end) */

/* Right (begin) */
	#right
	{
		width: 504px;
		max-width: 504px;

		padding-bottom: 2em;

		color: #fff;
		background: #455d87;
	}

	#right h1
	{
		font-size: 140%;

		float: left;

		white-space: nowrap;

		position: relative;
		top: -0.95em;

		margin-left: 1.38em;
		padding: 0.4em 1em 0.3em 1em;
		background: #cf020a;
	}

	#copyright
	{
		font-size: 0.85em;

		text-align: right;
		vertical-align: bottom;
		padding: 0 1em 0.5em 1em;

		color: #cdd3df;
		background: #455d87;
	}
/* Right (end) */

/* Content (begin) */
	#cnt
	{
		clear: both;
		padding: 0.4em 2em 0 2em;
	}

	[id]#cnt
	{
		padding-top: 0.8em;
	}

	#cnt h2, #cnt h3
	{
		font-size: 120%;
	}

	#cnt p
	{
		margin: 1.2em 0;
	}

	#cnt ul
	{
		padding-left: 3em;
	}

	#cnt li
	{
		padding-bottom: 0.5em;
	}

	#cnt .footnote
	{
		font-size: 0.85em;

		border-top: 1px solid #8695b1;

		margin-top: 5em;
		padding-top: 0.5em;
	}

	#cnt table
	{
		width: 100%;
		border-collapse: collapse;
	}

	#cnt .left, #cnt .right, #cnt .center
	{
		margin-bottom: 0;
	}
	
	#cnt .left *, #cnt .right *, #cnt .center *
	{
		border-top: none;
		border-color: #455d87;
	}

	#cnt .left
	{
		float: left;
	}

	#cnt .left img
	{
		border-left: none;
	}

	#cnt .right
	{
		float: right;
	}

	#cnt .right img
	{
		border-right: none;
	}

	#cnt .center
	{
		text-align: center;
	}

	#cnt .center img
	{
		border-bottom: none;
	}

	#cnt .oobp
	{
		float: right;

		padding: 1em 0 1em 2em;

		width: 7em;
	}

	#cnt .oobp p
	{
		font-size: 0.85em;

		color: #cdd3df;
	}

	#cnt .oobp a:link
	{
		color: #cdd3df;
	}
/* Content (end) */

/* Skills page (begin) */
	.skills, .skills th, .skills td
	{
		white-space: normal;
		vertical-align: top;
	
		border-top: 1px solid #8695b1;
		border-bottom: 1px solid #8695b1;
	}

	.skills th
	{
		font-weight: normal;
		padding: 0.5em 0.5em 0.5em 2em;
	}

	.skills td
	{
		font-size: 0.9em;
		padding: 0.5em 0.5em 0.5em 2em;
	}

	#cnt .skills ul
	{
		padding-left: 1.2em;
	}

	#cnt .skills li
	{
		padding: 0 0 0.3em 0;
		list-style: square;
	}
/* Skills page (end) */

/* Portal software (begin> */
	.portal-software tr, .portal-software td
		{
		white-space: normal;
		vertical-align: top;
		border-bottom: 1px solid #8695b1;
	}
/* Portal software (end> */

/* Portfolio page (begin) */
	.portfolio .head th
	{
		padding: 1em 0 0.5em 0;

		text-align: left;
	
		border: 0;
		background: #455d87;
	}

	.portfolio th
	{
		padding: 1em;

		text-align: center;
		
		background: #fff;
		border-right: 1em solid #455d87;
		border-bottom: 1em solid #455d87;
	}

	.portfolio td
	{
		vertical-align: middle;
		padding: 0;
		border-top: 0;
		padding: 0.1em 0 0.8em 0;
	}

	.portfolio td h3
	{
		font-size: 100% !important;
		font-weight: normal;
	}

	.portfolio img
	{
		color: #455d87;
		background: #fff;
	}

	.case-study img
	{
		border: 2em solid #fff;
		border-top-width: 1.5em;
		border-bottom-width: 1.5em;

		color: #455d87;
		background: #fff;
	}
/* Portfolio page (end) */

/* Case study page (begin) */
	.case-study h2
	{
		font-size: 140%;
		margin-top: 1em;
	}

	.case-study h3
	{
		font-size: 100%;
		margin-top: 1em;
	}

	.case-study p, .case-study li
	{
		font-size: 0.9em;
		margin-top: 0;
	}

	.case-study ul
	{
		margin-bottom: 1em;
	}

	.case-study li
	{
		padding-bottom: 0.1em;
	}
/* Case study page (end) */

/* News page (begin) */
	#right .news ul
	{
		padding-left: 3em;
	}

        .news .rss
        {
                float: right;
        }


	.news dt
	{
		font-weight: bold;
		margin: 1em 0 0 0;
	}

	#cnt .news p
	{
		margin: 0 0 1.2em 0;
	}

	.news dd.date a
	{
		font-size: 110%;
		font-weight: bold;
	}

	#right .date
	{
		font-size: 100%;
	}
/* News page (end) */

/* Contact page (begin) */
	.contact dt
	{
		font-size: 0.9em;
		font-weight: bold;
	
		fl\oat: left;
		clear: left;

		width: 6em;
	}

	.contact dd
	{
		font-size: 0.9em;
		margin-bottom: 0.4em;

		padding-left: 6.2em;
		padd\ing-left: 0;
	}

	#right .contact h2
	{
		font-size: 100%;
		margin: 2em 0 1em 0;
	}

	.contact .scheme td
	{
		font-size: 0.9em;
		font-weight: bold;
		vertical-align: top;
	}

	.contact .scheme ol
	{
		margin-left: 9px;
		clear: both;
	}

	#right .contact .scheme p
	{
		margin-top: 0.3em;
	}

	.contact .scheme p img
	{
		float: left;
		position: relative;
		top: -0.3em;

		margin: 0 0.7em 0 5px;
	}

	.contact .scheme li
	{
		list-style: none;

		padding: 0.2em 0 0 28px;
		background: transparent 0 30% no-repeat;
	}

	.contact .scheme .m1 { background-image: url(map-1.gif) }
	.contact .scheme .m2 { background-image: url(map-2.gif) }
	.contact .scheme .m3 { background-image: url(map-3.gif) }
	.contact .scheme .m4 { background-image: url(map-4.gif) }
	.contact .scheme .m5 { background-image: url(map-5.gif) }
	.contact .scheme .m6 { background-image: url(map-6.gif) }
	.contact .scheme .m7 { background-image: url(map-7.gif) }
	.contact .scheme .m8 { background-image: url(map-8.gif) }
	.contact .scheme .ma { background-image: url(map-a.gif) }
	.contact .scheme .mm { background-image: url(map-m.gif) }
/* Contact page (end) */