        /* <![CDATA[ */


            html, body {
                height: 100%;                                                                   /* Make sure the document takes up the whole window. */
                margin: 0;                                                                      /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
                padding: 0;                                                                     /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
			width:100%;
			background:#ffffff;
			text-align:center;
            }


            div#shim {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
                margin-top: -373px;                                                              /* Half the height of div#blueBox. */
                float: left;
            }


            div#content-wraper-div {
			
                background:#ffffff;
                width: 0;
				/*min-width:745px;*/
                
				
				
                
				/*max-height: 745px;*/
                height:745px;
				
				
				clear: both;
				text-align:center;
				margin:0 auto;
				
				border:solid 0px silver;

                /*
                 *
                 * Issue: IE4 doesn't allow a negative margin-top.
                 *
                 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
                 * The content will be centered but will crop if the window is not small enough to accommodate it.
                 *
                 */
                position: relative;
                top: -373px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */
				
				/*display:none;*/

            }


            /*
             *
             * Issue: IE5mac interprets negative values as positive.
             *
             * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
             *
             */

            /* Hide from IE5mac \*//*/
                div#shim {
                    display: none;
                }
                html, body {
                    height: auto;
                }
            /* end hack */


		/* ]]> */



	div#top-div{
		height:16.78%;
		width:100%;
	}

	div#main-div{
		border:solid 0px red;
		color:#ffffff;
		height:66.04%;
		width:100%;
		/*background:#10238a;*/
	}
		div#top-edge-div{
			height:7.75%;
			width:100%;
			background:url(/public/img/top-edge-bg.png) repeat-x;
		}
		
		div#links-div{
			width:100%;
			background:#10238a;
			/*height:84.56%;*/
			height:0;
			margin:0 auto;
			/*display:none;*/
		}
			div#links{
				width:780px;
				height:100%;
				background:#fff;
				margin:0 auto;
				text-align:left;
				border-left:solid 1px #ffffff;
				border-right:solid 1px #ffffff;
			}
				div#links-top-row{
					width:100%;
					height:33.20%;
				}
				div#links-middle-row{
					width:100%;
					height:33.20%;
				}
				div#links-bottom-row{
					width:100%;
					height:33.20%;
				}
					div.middle-line{
						height:0.25%; background:#ffffff;
					}
				
												div.link-div{
													/*width:33.21%;*/
													width:100%;
													height:100%;
													text-align:center;
													float:left;
													border-right:solid 0px #ffffff;
													
													display:block;
												}
												div.last-in-row{
													border-right:none !important;
												}
													div.link-div a{
														display:block;
														width:100%;
														height:100%;
														text-align:center;
														color:#ffffff;
														font:65% Verdana;
														line-height:100%;
														/*line-height:12px;*/
														text-decoration:none;
														text-shadow:1px 1px #797979;
														position:relative;
														z-index:0;
													}
														div.link-div a span.link-text, div.link-div a span.link-text-2{
															
															display:inline-block;
															
															*cursor:pointer;
															position:absolute;
															width:100%;
															height:21.74%;
															
															bottom:0px;
															left:0px;
															margin:auto;
															margin-bottom:-1%;
															text-align:center;
														}
															span.link-text.one-line{
																bottom:-5% !important;
															}

		
		div#bottom-edge-div{
			height:7.75%;
			width:100%;
			background:url(/public/img/bottom-edge-bg.png) repeat-x;
		}

	div#footer-div{
		width:100%;
		height:17.18%;
		position:relative;
		/*background:url(/public/img/footer-div.png) 50% no-repeat;*/
		color:#10238a;
		display:none;
	}
		#welcome_msg{
			font:bold 95% Verdana;
			z-index:5;
			display:block;
			width:100%;
			
		}
			#welcome_msg span{
				padding:2%;
				display:block;
			}




	div#lang-div{
		width:100%;
		height:100%;
		position:relative;
		top:0px; left:0px;
		margin-top:-10%;
	}	
		div#lang-div a img{
			border:none;
			width:100%;
			height:100%;
		}
		div#lang-div a{
			cursor: pointer;
		}
	
	
			
			

		
		
		
/*  ////////////////    /////////////////    ////////////////////////////////*/
div.uc{
	position:absolute;
	
}

.text-div{
	
}



/* // ////////////////////////////////////////////////////////////////////////////////// */



.link-div a img{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-shadow:none;
	border:none;
	
}

.link-div a img.hover{
	position:absolute;
	top:0; left:0;
	display:none;
}

table{
	width:100%; height:100%;
}
table td{
	width:33.33%;
	height:100%;
	border-right:solid 1px #fff;
}






#corp-ru a{
	/*background:url(/public/img/links/logo-ru.png) no-repeat;*/
}
	#corp-ru a:hover{
		/*background:url(/public/img/links/logo-ru-on.png) no-repeat;*/
	}
#corp-en a{
	/*background:url(/public/img/links/logo-en.png) no-repeat;*/
}
	#corp-en a:hover{
		/*background:url(/public/img/links/logo-en-on.png) no-repeat;*/
	}
	
#design a{
	/*background:url(/public/img/links/design.png) no-repeat;*/
}
	#design a:hover{
		/*background:url(/public/img/links/design-on.png) no-repeat;*/
	}	

#pipelines a{
	/*background:url(/public/img/links/pipelaying.png) no-repeat;*/
}
	#pipelines a:hover{
		/*background:url(/public/img/links/pipelaying-on.png) no-repeat;*/
	}	

#contracting a{
	/*background:url(/public/img/links/contracting.png) no-repeat;*/
}
	#contracting a:hover{
		/*background:url(/public/img/links/contracting-on.png) no-repeat;*/
	}
	
	
	
	

#training a{
	/*background:url(/public/img/links/training.png) no-repeat;*/
}
	#training a:hover{
		/*background:url(/public/img/links/training-on.png) no-repeat;*/
	}
#manufacturing a{
	/*background:url(/public/img/links/manufacturing.png) no-repeat;*/
}
	#manufacturing a:hover{
		/*background:url(/public/img/links/manufacturing-on.png) no-repeat;*/
	}	

#ecology a{
	/*background:url(/public/img/links/ecology.png) no-repeat;*/
}
	#ecology a:hover{
		/*background:url(/public/img/links/ecology-on.png) no-repeat;*/
	}	

#welding a{
	/*background:url(/public/img/links/welding.png) no-repeat;*/
}
	#welding a:hover{
		/*background:url(/public/img/links/welding-on.png) no-repeat;*/
	}
	

#argoweld a{
	/*background:url(/public/img/links/argoweld.png) no-repeat;*/
}
	#argoweld a:hover{
		/*background:url(/public/img/links/argoweld-on.png) no-repeat;*/
	}
	
/* ********************************************************************************** */
    
			
			/*Styles for dim overlay & message box*/
			#dim{ display:none; position:absolute; top:0; left:0; width:100%; z-index:200; background: url('/public/lightsout/lightsout/dim.png'); text-align:left; }
				.msgbox{ position:absolute; width:300px; height:200px; z-index:200; border:5px solid #222222; background: #FFF; top: 50%; left: 50%; margin-top: -100px; margin-left: -150px; }
					.msgbox img {border:none; margin:5px;}
					.close{ top:0px; float:right; }

			

			#loader-div{
				display:none;
				position:absolute;
				top:35%;
				left:50%;
				margin-left:-64px;
				border:15px solid #f5f5f5; background:#FFF; overflow:hidden;
				z-index:500;
				text-align:center;
			}
   
   
   
   
   
   
   
        
