html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, dl, dt, dd, ul, ol, li, fieldset, form, label, table, tr, th, td, br, button
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent
}
html, body
{
	width:100%;
	height:100%;
	min-width:900px
}
body
{
	background-color:#00769f;
	font:62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	position:relative;
	color:#fff
}
.animated
{
	position:relative;
	overflow:hidden
}
a {color:#fff}
#Container
{
	background:url(../i/bg.png) 0 50% repeat-x;
	display:table; 
	height:100%;
	position:relative;
	min-height:540px;
	overflow:hidden;
	width:100%; 
	text-align:center
}
#wrapContainer
{
	display:table-cell;
	position:relative;
	vertical-align:middle
}
#wrapContent {position:relative}
.animated #Container
{
	background-position:0 0 !important;
	height:2100px;
	width:300%;
	position:relative;
	top:50%;
	left:0;
	overflow:visible;
	margin:-1050px 0 0 -100%
}
.animated #Container.projects
{
	left:500px;
	margin-top:-1550px
}
.animated #Container.about
{
	left:500px;
	margin-top:-550px
}
.animated #Container.investment
{
	left:-500px;
	margin-top:-550px
}
.animated #Container.contacts
{
	left:-500px;
	margin-top:-1550px
}
.animated #Container.projects #wrapContent
{
	left:-500px;
	top:500px
}
.animated #Container.about #wrapContent
{
	left:-500px;
	top:-500px
}
.animated #Container.investment #wrapContent
{
	left:500px;
	top:-500px
}
.animated #Container.contacts #wrapContent
{
	left:500px;
	top:500px
}

/* Menu */
#menu
{
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
	margin:-389px -64px 0 -389px;
	width:778px;
	height:778px;
	z-index:1000;
}
#menu li
{
	background:url(../i/mdotted.png) 0 0 no-repeat;
	width:279px;
	height:279px;
	margin-bottom:220px;
	overflow:hidden;
	list-style:none;
	font-size:1.8em
}
#aboutLink, #projectsLink {float:left}
#investmentLink, #contactsLink {float:right}
#menu a
{
	position:relative;
	display:block;
	width:223px;
	height:223px;
	margin:28px 0 0 28px;
	text-align:center;
	line-height:220px;
	cursor:pointer;
	text-shadow:#002e57 0 2px 1px;
	text-decoration:none
}
#menu .bg, .animated #menu .bg
{
	background:url(../i/mlink.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:223px;
	height:223px
}
#menu .bg, .animated #menu a:hover .bg
{
	opacity:.1;
	filter:alpha(opacity=10)
}
#menu a span
{
	position:relative
}
#menu a:hover .bg
{
	opacity:.3;
	filter:alpha(opacity=30)
}
#menu #vacancyLink
{
	background:url(../i/mdotted3.png) 0 0 no-repeat;
	width:170px;
	height:170px;
	position:absolute;
	top:50%;
	margin-top:-85px;
	right:0;
}
#vacancyLink a {margin:22px auto 0}
#vacancyLink a, #vacancyLink .bg
{
	width:125px;
	height:125px;
	line-height:125px;
	color:#fff
}
#vacancyLink .bg
{
	background:url(../i/mlink3.png) 0 0 no-repeat;
	display:block
}
.animated #vacancyLink {display:none}

/* Sub menu */
.pages #menu
{
	width:776px;
	height:227px;
	top:640px;
	left:50%;
	margin:-184px -67px -50px -361px
}
.contacts #menu, .projects #menu
{
	top:-18px;
	margin-top:0
}
.pages #menu li, .pages #menu #vacancyLink
{
	position:relative;
	top:0;
	left:0;
	background:none;
	margin:0;
	width:auto;
	float:left;
	font-size:1.6em
}
.animated .pages #menu li {display:none}
.pages #menu a, .pages #menu #vacancyLink a
{
	width:auto;
	line-height:170px;
	margin-left:20px;
	margin-top:28px
}
.pages #menu a:hover {color:#f3d424}
.pages #mainLink {display:block !important}
#menu #mainLink
{
	background:url(../i/mdotted2.png) 0 0 no-repeat;
	width:227px;
	height:227px
}
#menu #mainLink a {margin-left:28px}
#menu #mainLink a, #menu #mainLink .bg
{
	width:170px;
	height:170px;
	color:#fff;
}
#menu #mainLink .bg
{
	background:url(../i/mlink2.png) 0 0 no-repeat;
	display:block
}
.investment #investmentLink a, .contacts #contactsLink a, .projects #projectsLink a, .about #aboutLink a
{
	color:#99e12a !important;
	cursor:default
}
.projects #menu, .about #menu {margin-left:-411px}
.projects #menu #mainLink, .about #menu #mainLink {float:right}

/* Main page */
#mainBg
{
	background:url(../i/c.png) 0 0 no-repeat;
	width:656px;
	height:656px;
	margin:-106px -28px;
	position:relative;
	top:10px
}
#mainBg h1
{
	background:url(../i/logo.png) 0 0 no-repeat;
	width:167px;
	height:0;
	padding-top:84px;
	overflow:hidden;
	position:absolute;
	top:302px;
	left:244px;
	z-index:100
}
#mainBg div {position:absolute}
#mainBg .c10
{
	background:url(../i/c10.png) 0 0 no-repeat;
	width:92px;
	height:92px;
	left:282px;
	top:153px
}
#mainBg #c10l
{
	top:282px;
	left:153px
}
#mainBg #c10r
{
	top:282px;
	left:411px
}
#mainBg #c10b {top:411px}
#mainBg .c9
{
	background:url(../i/c9.png) 0 0 no-repeat;
	width:87px;
	height:87px;
	left:284px;
	top:133px
}
#mainBg #c9l
{
	top:284px;
	left:133px
}
#mainBg #c9r
{
	top:284px;
	left:436px
}
#mainBg #c9b {top:436px}
#mainBg .c8
{
	background:url(../i/c8.png) 0 0 no-repeat;
	width:60px;
	height:60px;
	left:298px;
	top:156px
}
#mainBg #c8l
{
	top:298px;
	left:156px
}
#mainBg #c8r
{
	top:298px;
	left:440px
}
#mainBg #c8b {top:440px}
#mainBg .c7
{
	background:url(../i/c71.png) 0 0 no-repeat;
	width:74px;
	height:74px;
	left:291px;
	top:124px
}
#mainBg #c7l, #mainBg #c7r
{
	background:url(../i/c7.png) 0 0 no-repeat;
	top:291px
}
#mainBg #c7l {left:124px}
#mainBg #c7r {left:458px}
#mainBg #c7b {top:458px}
#mainBg .c6
{
	background:url(../i/c6.png) 0 0 no-repeat;
	width:178px;
	height:178px;
	left:138px;
	top:138px
}
#mainBg #c6tr {left:340px}
#mainBg #c6bl {top:340px}
#mainBg #c6br
{
	top:340px;
	left:340px
}
#mainBg .c5
{
	background:url(../i/c5.png) 0 0 no-repeat;
	width:240px;
	height:240px;
	left:72px;
	top:72px
}
#mainBg #c5tr {left:344px}
#mainBg #c5bl {top:344px}
#mainBg #c5br
{
	top:344px;
	left:344px
}
#mainBg .c4
{
	background:url(../i/c4.png) 0 0 no-repeat;
	width:217px;
	height:217px;
	left:110px;
	top:110px
}
#mainBg #c4tr {left:329px}
#mainBg #c4bl {top:329px}
#mainBg #c4br
{
	top:329px;
	left:329px
}
#mainBg .c3
{
	background:url(../i/c3.png) 0 0 no-repeat;
	width:163px;
	height:163px;
	left:165px;
	top:165px
}
#mainBg #c3tr {left:328px}
#mainBg #c3bl {top:328px}
#mainBg #c3br
{
	top:328px;
	left:328px
}
#mainBg .c2
{
	background:url(../i/c2.png) 0 0 no-repeat;
	width:228px;
	height:228px;
	left:93px;
	top:93px
}
#mainBg #c2tr
{
	background:url(../i/c21.png) 0 0 no-repeat;
	left:334px
}
#mainBg #c2bl
{
	background:url(../i/c22.png) 0 0 no-repeat;
	top:338px
}
#mainBg #c2br
{
	background:url(../i/c23.png) 0 0 no-repeat;
	top:338px;
	left:334px
}
#c1
{
	background:url(../i/c1.png) 0 0 no-repeat;
	width:252px;
	height:248px;
	left:202px;
	top:204px
}
#c0
{
	background:url(../i/c0.png) 0 0 no-repeat;
	width:403px;
	height:403px;
	left:126px;
	top:126px
}

/* Content */
#content
{
	font-size:1.5em;
	font-style:normal;
	width:600px;
	min-height:480px;
	padding:50px 0;
	margin:0 auto;
	position:relative;
	z-index:100
}
#content li
{
	font-size:.85em;
	margin:0 0 .25em 1.1em
}
.contacts #content, .projects #content
{
	padding-top:225px;
	min-height:305px
}
#content p, #content ul {padding-bottom:.8em}
#content h2
{
	background:url(../i/headers.png) 0 0 no-repeat;
	position:relative;
	overflow:hidden;
	height:0;
	padding-top:50px;
	margin:0 0 12px -2px
}
.investment #content h2 {background-position:0 -50px}
.about #content h2 {background-position:0 -100px}
.contacts #content h2 {background-position:0 -150px}
#content, #menu {text-align:left}
#projects, #investment, #about, #contacts, #main, #mainLink, .pages #menu .bg {display:none}
.pages #projectsLink .bg, .pages #investmentLink .bg, .pages #aboutLink .bg, .pages #contactsLink .bg {background:none}


/* Corners */
.cornersBg
{
	width:236px;
	height:236px;
	margin:0 auto;
	position:absolute;
	display:none	
}
.animated .cornersBg {display:none !important}
.projects #cornerbl, .investment #cornertr, .about #cornertl, .contacts, .contacts #cornerbr {display:block}
#cornertr
{
	background:url(../i/cornertr.png) 100% 0 no-repeat;
	top:0;
	margin-left:100%;
	left:-236px
}
#cornertl
{
	background:url(../i/cornertl.png) 0 0 no-repeat;
	top:0;
	left:0
}
#cornerbl
{
	background:url(../i/cornerbl.png) 0 100% no-repeat;
	bottom:0;
	left:0
}
#cornerbr
{
	background:url(../i/cornerbr.png) 100% 100% no-repeat;
	bottom:0;
	margin-left:100%;
	left:-236px
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 10002;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}