/* Table of Contents:

	Global Settings
	Classes
	Typography
	Container Layout
	Header Layout
	Middle Layout
	Footer Layout
	
*/

/*
 DEBUG
 
 border: 1px dashed red;
 border: 1px dashed green;
 border: 1px dashed blue;
 
*/


/* hack for Opera 7+ 
@media all and (min-width: 0px){
	.verticalalign{
		width: 100% !important;
	}
	div[id^="wrapper"] #center .verticalalign{
		width: 649px !important;
	}
	div[id^="wrapper"] #left .verticalalign{
		width: 172px !important;
	}
	div[id^="wrapper"] #right .verticalalign{
		~width: 203px !important;
		width: 180px !important;
	}
}
*/


/* hack for IEs of all persuasions before IE7 
* html .verticalalign{
	width: 100% !important;
}
.verticalalign p{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #996666;
}
*/

/* Start Mac IE5 filter 
#center, #left, #right{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}

@media all and (min-width: 0px) {
	#center, #left, #right{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important; 
	}
	#center:before, #left:before, #right:before{
		~content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}
End Mac IE5 filter */

/* -------------------------------------------------------------------------------------
	Global Settings
--------------------------------------------------------------------------------------- */
html, body {
	border: 0;
	margin: 0;
	padding: 0;
}

.vertical_menu {
	margin: 0;
	padding: 0;
	width: 165px;
	font-family: Tahoma;
}

.vertical_menu li{
	list-style-type:none;
}

.verticalalign{
	position: absolute;
	bottom: 0;
}



/* -------------------------------------------------------------------------------------
	Typography
--------------------------------------------------------------------------------------- */
body {
	color: #121239;
	font-family: Tahoma, Verdana, Sans serif, Arial;
	font-size: 11px;
	line-height: 135%;
	text-align: center;
}

table {
	color: #121239;
	font-size: 11px;
}


/* ------------------------------- Links --------------------------------- */

#main_menu a {
	border-right: 2px solid #FFF;
	display: block;
	color:#515193;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	text-decoration: none;
	width:85px;	
}
	#main_menu a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background-color: #345ECC;
	}	

#center a {
	color: #515193;
	font-weight: bold;
	text-decoration: underline;	
	
}
	#center a:hover{
		color: #4876FF;
		font-weight: bold;
		text-decoration: underline;
	}

#bread_crumbs a{
	~color:#000057;
	color:#6C7B8B;
	font-size:11px;
	line-height:12px;
	text-decoration: none;
	display: inline;
}
	#bread_crumbs a:hover{
		text-decoration: underline;
	}
	

#left a {
	background: url('style/menu_divider.png') no-repeat;
	background-position: left bottom;	
	color: #00008B;
	display:block;
	font-size: 11px;
	text-decoration:none;
}
	#left a:hover {
		background-color: #345ECC;
		color: #FFFFFF;
		text-decoration: none;
	}
	
#right a{
	color:#000072;
	font-size: 11px;
	text-decoration:none;
}
	#right a:hover {
		text-decoration:underline;
	}
	
#footer_menu a {
	color:#fff;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
}
	#footer_menu a:hover {
		text-decoration:underline;
	}		
	
#design a{
	color:#393951 !important;
	font-size:11px;
	text-decoration:none;
}

#mitem a{
	border-bottom: 1px solid #FFF;
	display: block;
	color:#515193;
	font-size:11px;
	font-weight:none;
	line-height:15px;
	padding: 2px 10px;
	text-align: left;
	text-decoration: none;
}

#mitem a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #345ECC;
}







h2 > a {
	color: #303090; 
	text-decoration: none !important;	
}	
	h2 > a:hover {
		color: #303090; 
		text-decoration: underline !important;	
	}
	
		
		body > a {
			color: #f00; 
			
		}
		body > a : hover {
			color: #0f0; 
			
		}


/*
#languages a, #languages a : visited{
	text-decoration: none;
	background-color: #FFF !important;
}
#languages a : hover{
	cursor: pointer;
	background: #345ECC;
	color: #fff;
}
*/	
		
		
		
		
		
/* ------------------------------- Headers --------------------------------- */		
		

h1, table h1 {
	font-family: Tahoma;
	text-align:center;
	color: #FFFFFF;
	font-size:14px;
    font-weight: bold;
    background-color: #345ECC;
    padding-top: 7px;
    padding-bottom: 7px;
    /*padding-left: 15px;*/
	/*background-image: url('style/h1.jpg');*/
}

h2, table h2 {
	font-family: Tahoma;
	color: #303090;
	font-size: 12px;
	background-color: #E4EAF8;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: 2px solid #BCD2EE;
	border-left-style: none;
	border-right-style: none;
	~background-image: url('style/h2.jpg');
}

h3, table h3 {
	font-family: Arial;
	color: #333333;
	font-size:11px;
	/*background-color: #E4EAF8;*/
    padding-top: 3px;
    padding-bottom: 3px;
    /*padding-left: 7px;*/
   
}

h4, table h4 {
	font-family: Tahoma;
	color:#303090;
	font-size:12px;
}

h6, table h6 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	text-align: center;
}



#container {
	text-align: left;
}
		#header{
			background: url('style/container_back_header.png') repeat-y;	
		}

		#splash {
			background: url('style/splash_back.jpg') no-repeat;
		}
		
		#main_menu {
			line-height: 20px;
			text-align: left;
			background-color: #F2F2F2;
			background-image: url('style/main_menu.jpg');
		}
				#main_menu .inner {
					text-align: left;
					line-height: 10px;
					background-image: url('style/main_menu.jpg');
				}

		#monitor {
			background: url('style/monitor_back.png') no-repeat;
		}
				#banner {
					background: url('style/banner_back.gif') no-repeat;
				}
		
		#tools{		
		}

		#languages {
			background-color: #F2F2F2;
		}
				

#wrapper{
	background: url('style/container_back.gif') repeat-y;	
}
		#center{
			background: url('style/wraper_up.gif') repeat-x;
		}
		
		#bread_crumbs {
			background: url('style/bread_crumbs_back.png') repeat-y;
		}
				#bread_crumbs_up{
					background: url('style/bread_crumbs_up.png') no-repeat;
				}
				
				#bread_crumbs_down{
					background: url('style/bread_crumbs_down.png') no-repeat;
					background-position: bottom left;
				}

		#left{
			background: url('style/left_back.png') repeat-y #f8f8f8;
		}
				#left_up{
					background: url('style/left_up.png') no-repeat;
				}
				#vertical_menu{
				}
				#left_down{
					background: url('style/left_down.png') no-repeat;
					background-position: bottom left;
				}

		#right{
			background: url('style/right_back.png') repeat-y #f8f8f8;
		}
		
				#right_up{
					background: url('style/right_up.png') no-repeat;
				}
				#right_down{
					background: url('style/right_down.png') no-repeat;
					background-position: bottom left;
				}

		#footer{
			background: url('style/container_back.gif') repeat-y;	
		}
				#copyrights {
					background: url('style/copyrights_back.png') no-repeat;
				}
						#copyrights .lf{
							font-family: Arial;
							font-size: 12px; 
							font-weight: bold; 
							color: rgb(81, 81, 114);
						}
						#copyrights .rt{
							font-size: 9px; 
							font-weight: bold; 
							color: rgb(87, 81, 153);
						}
				
				#contacts {
					background: url('style/contacts_back.png') no-repeat;
				}
						#contacts .header{
							font-family: Tahoma;
							font-style: italic; 
							font-weight: bold; 
							font-size: 17px; 
							color: #303090;
						}
		
						#contacts .desc {
							color:#303090;
							font-family:Tahoma;
							font-size:11px;
							font-weight:bold;
						}

						#contacts .val {
							color:#8181EF;
							font-family:Arial;
							font-size:18px;
						}
						
				#footer_menu {
					background: url('style/footer_menu_back.png') no-repeat;
				}
						#design{
							~border: 1px dashed red;
							color:#393951;
							font-family:Tahoma;
							font-size:16px;
							font-weight:bold;
						}
								
						
						#footer_menu .inner .menu {
							text-align: right;
							color: #fff;
						}
						

#banner_panel {
	text-align: left;
	vertical-align: top; 
}
#banner_panel2 {
	text-align: left; 
	vertical-align: top;
}

/* -------------------------------------------------------------------------------------
	 Container Layout
--------------------------------------------------------------------------------------- */
#container {
	width: 1032px;
	margin: 5px auto;
}

/* -------------------------------------------------------------------------------------
	 Header Layout
--------------------------------------------------------------------------------------- */
#header{
	height: 234px;
	/* hack for outer line */
	padding-left: 4px;
	padding-right: 4px;
}
		#splash {
			float: left;
			height: 234px;
			width: 642px;
		}

		#main_menu {
			float: left;
			height: 20px;
			left: -462px;
			position: relative;
			top: 213px;
			width: 1px;
		}
				#main_menu .inner {
					height: 20px;
					width: 727px;	
				}

		#monitor {
			float: left;
			height: 211px;
			margin-left: 12px;
			width: 325px;
		}
				#banner {
					height: 173px;
					margin: 9px 8px;
					width: 309px;
				}

		#tools {
			float: left;
			height: 170px;
			margin-top: 30px;
			margin-left: 12px;
			width: 22px;
		}
				#tools img {
					border: 0;
					margin-bottom: 5px;
				}

		#languages {
			float: right;
			height: 18px;
			margin-top: 2px;
			margin-bottom: 0px;
			padding-top: 2px;
			width: 115px;
		}

/* -------------------------------------------------------------------------------------
	 Middle Layout
--------------------------------------------------------------------------------------- */
#wrapper{
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	width:1032px;
}
		#center{
			float: left;
			margin-left: 172px;
			padding: 8px;
			width: 633px;
		}
				#bread_crumbs {
					width: 635px;
				}

					#bread_crumbs_up{
						height: 3px;
						width: 635px;
					}
					
					#bread_crumbs .inner {
						margin-left: 5px;
						margin-right: 5px;
					}

					#bread_crumbs .inner a{
						margin-left: 5px;
						margin-right: 5px;
					}

					#bread_crumbs_down{
						height: 6px;
						width: 635px;
					}


		#left{
			float: left;
			margin-left: -821px;
			width: 172px;
		}
				#left_up{
					height: 9px;
					width: 172px;
				}
				#after_left_up{
				padding-left:5px; 
				margin-top:25px; 
				width:160px; 
				height:150px; 
				}
				#left_down{
					background-position: bottom left;
					height: 6px;
					width: 172px;
				}
				
				#left a {
					overflow:auto;
					padding:3px 8px 8px 8px;
				}
				#left .verticalalign{
					width: 172px;
				}

		#right{
			float: left;
			width: 203px;	
		}
				#right_up{
					width: 203px;
					height: 9px;
				}
				#right .inner {
					margin: 8px;
				}
						#right .inner a{
							display:block;
							overflow:auto;
							padding:3px 8px 8px 8px;
						}		
				#right_down{
					width: 172px;
					height: 6px;
				}
				
				#right .verticalalign{
					width: 203px;	
				}

/* -------------------------------------------------------------------------------------
	 Footer Layout
--------------------------------------------------------------------------------------- */

#footer{
	clear: both;
	height: 130px;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;
}

#copyrights {
	width: 1024px;
	height: 27px;
}
		#copyrights .lf{
			float: left;
			margin-top: 3px;
			margin-left: 13px;
		}
		#copyrights .rt{
			float: right;
			margin-top: 5px;
			margin-right: 8px;
		}
	
#contacts {
	width: 1024px;
	height: 70px;
}
		#contacts .header{
			margin-bottom: 8px;
			margin-left: 190px;
		}
	
#footer_menu {
	height: 33px;
	padding: 0px;
	width: 1024px;
}
		#design{
			float: left;
			height: 100%;
			width: 170px;
		}
		#footer_menu .inner{
			float: left;
			height: 30px;
			width: 600px;
		}
				#footer_menu .inner .menu {
					height: 28px;
					padding-top: 5px;
					padding-left: 25px;
					width: 100%;
				}


#banner_panel {
	height: 90px; 
	margin-left: 2px;
	margin-top: -10px; 
    padding:1px;
	width: 1024px; 
}

#banner_panel2 {
	height: 200px; 
	margin-left: 2px;
	~margin-top: -10px; 
    padding:1px;
	width: 1024px; 
}


/*  -------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*@media all and (min-width: 0px) {*/
	#center, #left, #right{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important; 
	}
	#center:before, #left:before, #right:before{
		content: '.';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
/*}*/