/* © diesel, 2008 */

/* Backgrounds */
	.bg {
		position: absolute; top: 0;  font-size: 0;
		height: 100%;}

		.left-bg {
			float: left;  left: 0; width: 225px; 
			_margin-right: -225px; _position: relative !important;
			background: url(../images/left-bg.gif) 100% 0 repeat-y;}
	
		.right-bg {
			float: right; right: 0; width: 258px; 
			_margin-left: -258px; _left: 100%;
			background: url(../images/right-bg.gif) 0 0 repeat-y;}
			
/* Header */
	.header {
		position: relative; height: 240px;
		background: #003C7F; padding-left: 9px;}
		
		/* Services */
		.header-services {
			position: relative; height: 44px;
			background: #EEEEEE url(../images/services-bg.gif) top left repeat-x;}
			
			/* Search */
			.search {
				position: absolute; top: 0; right: 0; width: 220px; height: 44px;
				background: #3488D5 url(../images/search-bg.gif) left top repeat-x;}
				
				.search-corner {
					position: absolute; top: 0; left: 0; width: 24px; height: 44px;
					background: #3488D5 url(../images/search-corner.gif) left top repeat-x;}
					
				.search-form {
					position: absolute; top: 10px; left: 16px;}
					.search-form td {vertical-align: middle;}
						.search-form img 			{ position: relative; top: 1px;}
						.search-form button 		{ background: none; border: 0 solid; }
						.search-form button span	{ color: #191919; text-decoration: underline; padding-right: 5px;}
						
						.search-form input {
							height: 14px; _height: 18px; width: 135px; _width: 142px; padding: 0 2px 2px 2px; margin-top: 3px;
							border: 1px #356AA4 solid; font-size: 1em; color: #777; font-family: Verdana, Tahoma, Sans-Serif;}
			/* Links services */
			.services {
				position: absolute; top: 14px; right: 250px;}
				.services-i {
					position: relative; float: right; margin-left: 25px;					
					font-family: Verdana, Tahoma, Sans-Serif; font-size: 1em;}
					
					.services-i span, .services-i a {
						padding-left: 12px; background: url(../images/content-list-blue.gif) 0 4px no-repeat;}
					.services-i a, .services-i a:visited {
						color: #333333; text-decoration: none;}
					.services-i span, .services-i a:active, .services-i a:hover {
						color: #3E81B6;} 
		
		/* Logo */	
		.header-img {
			position: relative; height: 196px;
			background: url(../images/header.jpg) 100% 0 no-repeat;}
			.header-logo {
				position: absolute; top: 94px; left: 403px;}
				
		/* Separate */
		.header-separate {
			height: 2px; background: url(../images/sep-head.gif) top left repeat-x;}


		/* FLASH */
		.header-flash {position: absolute; left: 288px; top: -1px;}

/* End header */

/* Common Plugins */
	/* Menu */
		
		.menu {z-index: 4;
			position: relative; _width: 100%;  background: #ACC0D1;}
			
			.menu table {
				position: relative; width: 100%; text-align: center;}
				
				.menu table td {
					position: relative; width: 20%;}
				
				/* Общие */	
				.menu-link, menu-link:visited {
					position: relative; display: block; padding: 20px 5px; _height: 1%;
					text-decoration: none; text-transform: uppercase; height: 100%;
					font-family: Tahoma, Sans-Serif; font-size: 1.1em;}
				.menu-link b {
					position: absolute; top: 0; left: 0; width: 20px; height: 20px;}
				.menu-link i {
					position: absolute; top: 11px; //top: 9px; _top: 11px; left: 50%; width: 30px; height: 33px; margin-left: -15px;}
				.menu-link span {position: relative; color: white;}
					
				/* Первый */
				.menu-td-1 {background: #22517C;}
					.menu-link-1, .menu-link-1:visited {						
						background: url(../images/menu-bg-1.gif) top left repeat-x;}
					.menu-link-1:hover, .menu-link-1:active {
						background: url(../images/menu-bg-1-h.gif) top left repeat-x;}
						
					.menu-link-1 b, .menu-link-1:visited b {						
						background: url(../images/menu-b-1.gif) top left no-repeat;}
					.menu-link-1:hover b, .menu-link-1:active b {
						background: url(../images/menu-b-1-h.gif) top left no-repeat;}
						
					.menu-link-1 i, .menu-link-1:visited i {						
						background: url(../images/menu-i-1.gif) top left no-repeat;}
					.menu-link-1:hover i, .menu-link-1:active i {
						background: url(../images/menu-i-1-h.gif) top left no-repeat;}
				
				/* Второй */
				.menu-td-2 {background: #205E95;}
					.menu-link-2, .menu-link-2:visited {
						background: url(../images/menu-bg-2.gif) top left repeat-x;}
					.menu-link-2:hover, .menu-link-2:active {
						background: url(../images/menu-bg-2-h.gif) top left repeat-x;}
						
					.menu-link-2 b, .menu-link-2:visited b {						
						background: url(../images/menu-b-2.gif) top left no-repeat;}
					.menu-link-2:hover b, .menu-link-2:active b {
						background: url(../images/menu-b-2-h.gif) top left no-repeat;}
						
					.menu-link-2 i, .menu-link-2:visited i {						
						background: url(../images/menu-i-2.gif) top left no-repeat;}
					.menu-link-2:hover i, .menu-link-2:active i {
						background: url(../images/menu-i-2-h.gif) top left no-repeat;}
						
				/* Третий */
				.menu-td-3 {background: #1B7BD3;}
					.menu-link-3, .menu-link-3:visited {						
						background: url(../images/menu-bg-3.gif) top left repeat-x;}
					.menu-link-3:hover, .menu-link-3:active {
						background: url(../images/menu-bg-3-h.gif) top left repeat-x;}
						
					.menu-link-3 b, .menu-link-3:visited b {						
						background: url(../images/menu-b-3.gif) top left no-repeat;}
					.menu-link-3:hover b, .menu-link-3:active b {
						background: url(../images/menu-b-3-h.gif) top left no-repeat;}
						
					.menu-link-3 i, .menu-link-3:visited i {						
						background: url(../images/menu-i-3.gif) top left no-repeat;}
					.menu-link-3:hover i, .menu-link-3:active i {
						background: url(../images/menu-i-3-h.gif) top left no-repeat;}
				
				/* Четвертый */
				.menu-td-4 {background: #368BD8;}
					.menu-link-4, .menu-link-4:visited {						
						background: url(../images/menu-bg-4.gif) top left repeat-x;}
					.menu-link-4:hover, .menu-link-4:active {
						background: url(../images/menu-bg-4-h.gif) top left repeat-x;}
						
					.menu-link-4 b, .menu-link-4:visited b {						
						background: url(../images/menu-b-4.gif) top left no-repeat;}
					.menu-link-4:hover b, .menu-link-4:active b {
						background: url(../images/menu-b-4-h.gif) top left no-repeat;}
						
					.menu-link-4 i, .menu-link-4:visited i {						
						background: url(../images/menu-i-4.gif) top left no-repeat;}
					.menu-link-4:hover i, .menu-link-4:active i {
						background: url(../images/menu-i-4-h.gif) top left no-repeat;}
						
				/* Пятый */
				.menu-td-5 {background: #6EABE3;}
					.menu-link-5, .menu-link-5:visited {						
						background: url(../images/menu-bg-5.gif) top left repeat-x;}
					.menu-link-5:hover, .menu-link-5:active {
						background: url(../images/menu-bg-5-h.gif) top left repeat-x;}
						
					.menu-link-5 b, .menu-link-5:visited b {						
						background: url(../images/menu-b-5.gif) top left no-repeat;}
					.menu-link-5:hover b, .menu-link-5:active b {
						background: url(../images/menu-b-5-h.gif) top left no-repeat;}
						
					.menu-link-5 i, .menu-link-5:visited i {						
						background: url(../images/menu-i-5.gif) top left no-repeat;}
					.menu-link-5:hover i, .menu-link-5:active i {
						background: url(../images/menu-i-5-h.gif) top left no-repeat;}
				
				/* Дроп - меню */
				.menu-drop 			{ position: relative; text-align: left; }
				.menu-drop-item		{ position: absolute; top: 1px; left: 0px; width: 100%; padding: 5px 0 5px 0;
									  text-align: center;
									  /* Полупрозрачность */
									  _height: 1%;
									  filter: Alpha(opacity=90); -moz-opacity: 0.90; KhtmlOpacity: .90;	opacity: .90;}
					.menu-drop-item-1 {background: #22517C;}
					.menu-drop-item-2 {background: #205E95;}
					.menu-drop-item-3 {background: #1B7BD3;}
					.menu-drop-item-4 {background: #368BD8;}
					.menu-drop-item-5 {background: #6EABE3;}
					
					.menu-drop-link {
						position: relative; display: block; padding: 2px 5px 2px 5px;
						font-family: Tahoma, Sans-Serif; font-size: 1.1em; text-decoration: none;}
					
					.menu-drop-link, .menu-drop-link:visited, 
					.menu-drop-link:hover, .menu-drop-link:active {
						color: white;}
					
					/* Ховеры */
					.menu-drop-item-1 a:hover, .menu-drop-item-1 a:active,
					.menu-drop-item-2 a:hover, .menu-drop-item-2 a:active { 
						background: #1B7BD3;} 
						
					.menu-drop-item-3 a:hover, .menu-drop-item-3 a:active,
					.menu-drop-item-4 a:hover, .menu-drop-item-4 a:active { 
						background: #64AFED;} 
						
					.menu-drop-item-5 a:hover, .menu-drop-item-5 a:active { 
						background: #9EC8EA;} 
				/* Конец дропа */
				
		/* Separate */
			.menu-separate {
				height: 5px; background: url(../images/sep-menu.gif) top left repeat-x;}
	/* End menu */
	
	/* Cat menu */
		.cat-menu {
			position: relative; padding: 20px;}

			.cat-menu ul li {
				position: relative; padding: 0 0 .6em 1em;  _height: 1%;
				list-style-type: none; background: url(../images/cat-menu-list.gif) no-repeat 0 .4em;}
				
			.cat-menu a, .cat-menu a:visited  {
				color: #B4D7F7; text-decoration: none; font-family: Verdana, Tahoma, Sans-Serif;}
			.cat-menu a:hover, .cat-menu a:active {color: #B4D7F7; text-decoration: underline;}
			
			
		.cat-menu-block {
			position: relative; width: 225px; text-align: left;
			background: #22517B url(../images/left-img-bg.gif) top right repeat-y;}
		
		.left-img {z-index: 2;
					position: absolute; top: 15px; left: 212px; width: 29px; height: 8px; 
					background: url(../images/left-img.gif) top left no-repeat;}	
		.left-top-corner {
			position: absolute; top: 0; left: 209px; width: 16px; height: 17px; 
			background: url(../images/left-top-corner.gif) top left no-repeat;}
		.left-bot-corner {
			position: absolute; bottom: 0; left: 154px; width: 71px; height: 66px; 
			background: url(../images/left-bot-corner.gif) top left no-repeat;}
	/* End cat menu */
	
	/* Our */
		.our-link, .our-link:visited, 
		.our-link:hover, .our-link:active {
			position: relative; display: block; margin-top: 15px;
			font-family: Tahoma, Sans-Serif; font-size: 1.5em; color: #2C6EA5; text-decoration: none;}
			
			.our-question, .our-question:visited {
				background: url(../images/our-question.gif) 3px 0 no-repeat;}
			.our-ask, .our-ask:visited {
				background: url(../images/our-ask.gif) 3px 0 no-repeat;}
			.our-question:active, .our-question:hover {
				background: url(../images/our-question-h.gif) 3px 0 no-repeat;}
			.our-ask:active, .our-ask:hover {
				background: url(../images/our-ask-h.gif) 3px 0 no-repeat;}
	/* End our */

/* End Common Plugins */	


/* Footer */
	.main {
		padding-bottom: 80px;}

	.footer {
		position: relative; height: 70px; margin-top: -70px; text-align: left; _border-left: 1px #EEEEEE solid;
		background: white url(../images/footer-bg.gif) 0 0 repeat-x; z-index: 3;}
		
		
		/* Right */
		.develop {
			position: absolute; top: 0; right: 0; height: 70px; width: 257px; _width: 262px;
			border-left: 5px white solid; text-align: center;
			background: #29557E url(../images/dev-bg.gif) 0 0 repeat-x;}
			
			.develop a {
				position: relative; top: 20px;
				text-decoration: none; color: #CAE3F9 !important;}
				
			.develop-img {
				position: absolute; top: 3px; left: 0; width: 20px; height: 20px;
				background: url(../images/dev-img.gif) top left no-repeat;}
				
		/* Left */
		.counters {
			position: absolute; top: 5px; left: 1px; height: 65px; width: 223px; _width: 224px;
			border-right: 1px #EEEEEE solid; text-align: center;
			background: url(../images/counters-bg.gif) 5px 100% no-repeat;}
			.counters img {position: relative; top: 10px;}
			
		/* Center */
		.foot-cent-bg {
			position: absolute; bottom: 0; left: 240px; width: 485px; height: 16px;
			background: #EBE4BF url(../images/footer-center-left.gif) 0 100% no-repeat;}
			.foot-cent-bg-right {
				position: absolute; bottom: 0; right: 0; _right: -1px; width: 14px; height: 16px;
				background: #EBE4BF url(../images/footer-center-right.gif) 0 100% no-repeat;}
				
		.contacts {
			position: absolute; top: 10px; left: 260px; width: 420px;}
		.contacts-header {
			position: relative; margin: 8px 0 15px 0; //margin-top: 5px; 
			border-left: 5px #ECE7BF solid;
			font-family: Verdana, Tahoma, Sans-Serif; font-size: 1.3em; color: #003c7f;}
			
			.contacts-text 	{position: relative; margin-left: 5px; background: #F0F6FA; display: block;}
			.contacts-phone {font-size: 1.2em;}
			.contacts-img  {
				position: absolute; top: 0px;  right: -5px; width: 44px; height: 49px; 
				background: url(../images/contacts-img.gif) top left no-repeat;}	
				
		/* Img */
		.foot-right-bg {
			position: absolute; top: -20px;  right: 244px; width: 28px; height: 6px; 
			background: url(../images/foot-bg.gif) top left no-repeat;}	
			
		.foot-left-bg {
			position: absolute; top: -20px;  left: 210px; width: 28px; height: 6px; 
			background: url(../images/foot-bg.gif) top left no-repeat;}