* {margin: 0; padding: 0}
html, body {margin: 0px; padding: 0px; position: relative; font-family: Arial, sans-serif; background:#fff; font-size: 12px; height: 100%; color: #000; min-width:998px; max-width:3000px; 
-width: expression(((document.documentElement.offsetWidth < 1000 + 22) ? 1000 + 'px' : 'auto'));
}

div {box-sizing:border-box;
    -moz-box-sizing:border-box;
}
a, a img {outline: none; border: none; outline:none;}
a {color: #003abc; text-decoration: underline; font-weight: normal;}
a:hover {color: #807775; text-decoration: none; font-weight: normal; }
ul, li {margin: 0px; padding: 0px; list-style: none;}
table, td, tr, th {padding: 0px; border: 0; border-collapse: collapse;}
form, fieldset, dl, dt, dd {margin: 0px; padding: 0px; border: 0px;}
p {margin: 0px; padding: 1em 0px 0px 0px;}
.clear {clear:both;
font-size:0;

margin:0;
overflow:hidden;
padding:0;
position:relative;
z-index:1;}

#body{min-width:1000px; max-width:1073px; -width: 1078px;}
input, textarea {
    outline-style:none;
    resize: none;
}

/*Headers*/
h1 {position:relative; font-size:39px; color:#686868; font-weight:normal; /*margin:45px 0px 22px 47px;*/ margin:45px 0px 22px 0px; display:block; width:80%; left:-165px;}
h2 {font-family:Georgia; font-size:18px; color:#000; font-weight:normal; margin:18px 0px 26px 0px; letter-spacing:2px;}
h4 {font-size:21px; color:#000; font-weight:normal; margin:0px 0px 31px 0px;}
h3 {font-family:Arial Black, sans-serif; font-size:45px;  font-weight:bold; position:relative; left:-5px;}

#partners {position:absolute; width:120px; height:120px; top:0; left:0; z-index:2; background:url(../images/sotrud.png) no-repeat 0 0; -background:none;}
*html #partners {-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sotrud.png", sizingMethod= 'crop');}
#header {
  position:relative;
/*  height:234px; 
  padding:0 227px 0 73px;
  padding:0 0 0 73px;*/
  width:1000px;
  float:right;
  z-index:1;

}
#header .container {
  position:relative;
  width:100%;
  padding:57px 0 0 0;
}
#header .container .title {
  position:relative;
  width:58%;
  font-size:43px;
  line-height:46px;
}
#header .container .info {
  position:absolute;
  bottom:14px;
  width:420px;
  margin:0 0 0 570px;
}
#header .container .info span {
  font-family:Georgia, sans-serif;
  font-size:16px;
}
#header .container .info ul {

}
#header .container .info ul li {
  display: -moz-inline-box;
  display: inline-block; 
  vertical-align: bottom; 
  *display: inline; 
  zoom:1;
  width:190px;
  margin:6px 20px 0 0;
}
.info ul li p {padding:0 !important;}
.nopad   {margin:6px 0px 0 0 !important;}
#header .container .info ul li a {
  display:block;
  margin:10px 0 0 0;
}


/*--content---*/
#content {
  position: relative;
  min-height: 100%;
/*  width:1073px;*/
  min-width:1000px;
  max-width:1073px;
  -width:1078px;
  overflow-x:hidden;
  padding:0 0 256px 0px;
}
* html #content {
  height: 100%;
}
#content-inner {
 padding:30px 0 0px 0px;
 width:1000px;
 float:right;
}
#content-inner #flash {
  position:relative; width:600px; height:400px; margin-left:190px; background:#000;
}
#content-inner #flash .logo {
position:absolute; width:188px; height:103px; top:-36px; right:-213px; background:url(../images/logo/logo1.gif) no-repeat 0 0;
}
#content-inner #flash .showreel {
position:absolute; width:26px; height:218px; bottom:0; left:-29px; background:url(../images/showreel.gif) no-repeat 0 0;
}
#content-inner .use-scroll {
  position:relative;
  margin-top:-10px;
  font-size:10px;
  color:#a0a0a9;
  width:120px;
}
.project .black-text{
background:#000;
color:#8aab15;
font-weight:bold;
font-size:16px;
padding:1px 2px 2px 2px;
margin:0 0 2px 0;

}
 .content .project div {margin:2px 0 0 0;}
.project img {
margin:0 0 0px 0;
}
.leftmargin { left:-1073px;}
.projinfo {position:absolute; top:737px;  right:1078px; width:1000px;  z-index:666; border-top:7px solid #c1c1c1; background:#fff; /*display:none;*/ padding:12px 0 0 0; }
#projectinfo-cont  {/*padding:0 190px 0 190px; -width:698px;*/ margin-left:190px;}
.projinfo .allproj {position:absolute; top:19px; left:110px; z-index:99992;}

#preloader {width:54px; height:55px; position:absolute; left:50%; margin-left:-27px; top:100px; z-index:100;}

.task {position:relative; float:left; width:208px; margin:6px 28px 0px 0;  color:#313235;  z-index:2;}
.decision {position:relative; float:left;  margin:6px 0px 0px 0; width:334px; color:#313235; z-index:2;}
.task b, .decision b {font-size:16px; font-family:Georgia; font-style:italic; color:#000; display:block; margin:0 0 3px 0;}
.nav-proj {position:absolute; width:74px; height:150px; /*top:355px;*/ cursor:pointer;  z-index:2;}
.left {left:70px; background:url(../images/left.gif) no-repeat 0 0; position:absolute;  top:285px;}
.right {right:85px; background:url(../images/right.gif) no-repeat 0 0;  position:absolute; top:285px;}

.leftgray {left:70px; background:url(../images/leftgray.gif) no-repeat 0 0; position:absolute;  top:285px; cursor:default;}
.rightgray {right:85px; background:url(../images/rightgray.gif) no-repeat 0 0;  position:absolute; top:285px;  cursor:default;}

.monik {position:relative; margin:-15px 0 43px 0; left:-108px; width:820px; height:586px;  z-index:1;}
.colormonik1 { background:#bf0000;}
.colormonik2 { background:#00bf55;}
.colormonik3 { background:#0090bf;}
.colormonik4 { background:#5a00bf;}
.colormonik5 { background:#bd00bf;}
.colormonik6 { background:#87bf00;}
.monik .container1 {position:absolute; top:84px; right:139px; width:546px; height:320px; z-index:3; overflow:hidden;}
.monik .blick {background:url(../images/blik.png) no-repeat 0 0;
height:403px;
position:absolute;
right:110px;
top:56px;
width:575px;
z-index:4;
-background:none;
}
*html .monik .blick {-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/blik.png", sizingMethod= 'crop');}
.pngimgcolor {position:absolute; width:820px; height:586px; top:0; left:0; z-index:2; background:url(../images/pngimgcolor.png) no-repeat 0 0; -background:none; }
*html .pngimgcolor {-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pngimgcolor.png", sizingMethod= 'crop');}
.monitor {position:absolute; width:820px; height:525px; top:56px; left:0; z-index:3; background:url(../images/monik.png) no-repeat 0 0; -background:none;}
*html .monitor {-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/monik.png", sizingMethod= 'crop');}



/*---footer---*/
#footer {
  position: relative;
  height: 256px;

  margin:-256px 0 0;
/*  min-width:998px; 
  width:100%;*/
  z-index:1;
}


#footer .container {
position:relative;
padding:0px 0 0 262px;
color:#000;
font-size:1em;
width:500px;
}

.containerload #footer {
  margin:60px 0 0 !important;
  min-width:498px; 
}

.containerload #footer .container {
padding:0px 0 0 0px !important;
}

#footer .container .copy{
  position:relative;
  display:block;
  width:15px;
  margin:0 0 0 -15px;
  float:left;
}
#footer .container .inf {
position:relative;
margin:40px 0 0 -4px;
width:213px;
border-top:1px solid #9999a2;
color:#9999a2;
font-size:10px;
line-height:1.2em;
padding:0 28px 0 4px;
}






/*--scroll--*/
.scrolltrigger {position:relative;}




/*color*/
.color1 a {color:#d5206b;}
.color1 a:hover {color:#71002a;}
.color1 .logo {background:url(../images/logo/logo1.gif) no-repeat 0 0 !important;}
.color1 .black-text {color:#d5206b;}

.color2 a {color:#db8e4c;}
.color2 a:hover {color:#8c3f00;}
.color2 .logo {background:url(../images/logo/logo2.gif) no-repeat 0 0  !important;}
.color2 .black-text {color:#db8e4c;}

.color3 a {color:#ac2632;}
.color3 a:hover {color:#101421;}
.color3 .logo {background:url(../images/logo/logo3.gif) no-repeat 0 0  !important;}
.color3 .black-text {color:#ac2632;}

.color4 a {color:#a6112f;}
.color4 a:hover {color:#630018;}
.color4 .logo {background:url(../images/logo/logo4.gif) no-repeat 0 0  !important;}
.color4 .black-text {color:#a6112f;}

.color5 a {color:#f47700;}
.color5 a:hover {color:#e02c25;}
.color5 .logo {background:url(../images/logo/logo5.gif) no-repeat 0 0  !important;}
.color5 .black-text {color:#f47700;}

.color6 a {color:#3c6c71;}
.color6 a:hover {color:#754c28;}
.color6 .logo {background:url(../images/logo/logo6.gif) no-repeat 0 0  !important;}
.color6 .black-text {color:#3c6c71;}

.color7 a {color:#64a025;}
.color7 a:hover {color:#0d4c01;}
.color7 .logo {background:url(../images/logo/logo7.gif) no-repeat 0 0  !important;}
.color7 .black-text {color:#64a025;}

.color8 a {color:#fd4302;}
.color8 a:hover {color:#632f1e;}
.color8 .logo {background:url(../images/logo/logo8.gif) no-repeat 0 0  !important;}
.color8 .black-text {color:#fd4302;}

.color9 a {color:#fc6901;}
.color9 a:hover {color:#4b1900;}
.color9 .logo {background:url(../images/logo/logo9.gif) no-repeat 0 0  !important;}
.color9 .black-text {color:#fc6901;}

.color10 a {color:#376f9b;}
.color10 a:hover {color:#010a45;}
.color10 .logo {background:url(../images/logo/logo10.gif) no-repeat 0 0  !important;}
.color10 .black-text {color:#376f9b;}

.color11 a {color:#b40218;}
.color11 a:hover {color:#640000;}
.color11 .logo {background:url(../images/logo/logo11.gif) no-repeat 0 0  !important;}
.color11 .black-text {color:#b40218;}

.color12 a {color:#c94aab;}
.color12 a:hover {color:#740072;}
.color12 .logo {background:url(../images/logo/logo12.gif) no-repeat 0 0  !important;}
.color12 .black-text {color:#c94aab;}

.color13 a {color:#ee6d02;}
.color13 a:hover {color:#5f0901;}
.color13 .logo {background:url(../images/logo/logo13.gif) no-repeat 0 0  !important;}
.color13 .black-text {color:#ee6d02;}

.color14 a {color:#43848f;}
.color14 a:hover {color:#3a4c16;}
.color14 .logo {background:url(../images/logo/logo14.gif) no-repeat 0 0  !important;}
.color14 .black-text {color:#43848f;}

.color15 a {color:#ba9c00;}
.color15 a:hover {color:#9a0300;}
.color15 .logo {background:url(../images/logo/logo15.gif) no-repeat 0 0  !important;}
.color15 .black-text {color:#ba9c00;}

.color16 a {color:#cea318;}
.color16 a:hover {color:#e56701;}
.color16 .logo {background:url(../images/logo/logo16.gif) no-repeat 0 0  !important;}
.color16 .black-text {color:#cea318;}

.color17 a {color:#5f6187;}
.color17 a:hover {color:#214900;}
.color17 .logo {background:url(../images/logo/logo17.gif) no-repeat 0 0  !important;}
.color17 .black-text {color:#5f6187;}

.color18 a {color:#00a2cf;}
.color18 a:hover {color:#1a9f0f;}
.color18 .logo {background:url(../images/logo/logo18.gif) no-repeat 0 0  !important;}
.color18 .black-text {color:#00a2cf;}

.color19 a {color:#e55346;}
.color19 a:hover {color:#643a0e;}
.color19 .logo {background:url(../images/logo/logo19.gif) no-repeat 0 0  !important;}
.color19 .black-text {color:#e55346;}

.color20 a {color:#fb6204;}
.color20 a:hover {color:#887e2e;}
.color20 .logo {background:url(../images/logo/logo20.gif) no-repeat 0 0  !important;}
.color20 .black-text {color:#fb6204;}

/*---nedd to change color---*/
.color21 a {color:#fb9112;}
.color21 a:hover {color:#f5010b;}
.color21 .logo {background:url(../images/logo/logo21.gif) no-repeat 0 0  !important;}
.color21 .black-text {color:#fb9112;}

.color22 a {color:#17e60b;}
.color22 a:hover {color:#027cca;}
.color22 .logo {background:url(../images/logo/logo22.gif) no-repeat 0 0  !important;}
.color22 .black-text {color:#17e60b;}

.color23 a {color:#ff4220;}
.color23 a:hover {color:#0b2200;}
.color23 .logo {background:url(../images/logo/logo23.gif) no-repeat 0 0  !important;}
.color23 .black-text {color:#ff4220;}

.color24 a {color:#8dab02;}
.color24 a:hover {color:#424602;}
.color24 .logo {background:url(../images/logo/logo24.gif) no-repeat 0 0  !important;}
.color24 .black-text {color:#8dab02;}

.color25 a {color:#ff6405;}
.color25 a:hover {color:#a52212;}
.color25 .logo {background:url(../images/logo/logo25.gif) no-repeat 0 0  !important;}
.color25 .black-text {color:#ff6405;}

.color26 a {color:#ff55b6;}
.color26 a:hover {color:#910c41;}
.color26 .logo {background:url(../images/logo/logo26.gif) no-repeat 0 0  !important;}
.color26 .black-text {color:#ff55b6;}

.color27 a {color:#00d1b2;}
.color27 a:hover {color:#f94f2b;}
.color27 .logo {background:url(../images/logo/logo27.gif) no-repeat 0 0  !important;}
.color27 .black-text {color:#00d1b2;}

.color28 a {color:#714e6c;}
.color28 a:hover {color:#72001b;}
.color28 .logo {background:url(../images/logo/logo28.gif) no-repeat 0 0  !important;}
.color28 .black-text {color:#714e6c;}

.color29 a {color:#fb6204;}
.color29 a:hover {color:#887e2e;}
.color29 .logo {background:url(../images/logo/logo29.gif) no-repeat 0 0  !important;}
.color29 .black-text {color:#fb6204;}

.color30 a {color:#48311b;}
.color30 a:hover {color:#435e1b;}
.color30 .logo {background:url(../images/logo/logo30.gif) no-repeat 0 0  !important;}
.color30 .black-text {color:#48311b;}

.color31 a {color:#69725f;}
.color31 a:hover {color:#142f04;}
.color31 .logo {background:url(../images/logo/logo31.gif) no-repeat 0 0  !important;}
.color31 .black-text {color:#69725f;}

.color32 a {color:#02a8fe;}
.color32 a:hover {color:#021c4b;}
.color32 .logo {background:url(../images/logo/logo32.gif) no-repeat 0 0  !important;}
.color32 .black-text {color:#02a8fe;}

.color33 a {color:#986116;}
.color33 a:hover {color:#39220f;}
.color33 .logo {background:url(../images/logo/logo33.gif) no-repeat 0 0  !important;}
.color33 .black-text {color:#986116;}

.color34 a {color:#5e7208;}
.color34 a:hover {color:#2a4801;}
.color34 .logo {background:url(../images/logo/logo34.gif) no-repeat 0 0  !important;}
.color34 .black-text {color:#5e7208;}

.color35 a {color:#d6803e;}
.color35 a:hover {color:#a24019;}
.color35 .logo {background:url(../images/logo/logo35.gif) no-repeat 0 0  !important;}
.color35 .black-text {color:#d6803e;}

/*---*/

.color36 a {color:#2cb68f;}
.color36 a:hover {color:#071a3a;}
.color36 .logo {background:url(../images/logo/logo36.gif) no-repeat 0 0  !important;}
.color36 .black-text {color:#2cb68f;}


.color37 a {color:#bc63ba;}
.color37 a:hover {color:#720085;}
.color37 .logo {background:url(../images/logo/logo37.gif) no-repeat 0 0  !important;}
.color37 .black-text {color:#bc63ba;}

.color38 a {color:#b18b45;}
.color38 a:hover {color:#1a1401;}
.color38 .logo {background:url(../images/logo/logo38.gif) no-repeat 0 0  !important;}
.color38 .black-text {color:#b18b45;}

.color39 a {color:#dc6619;}
.color39 a:hover {color:#920e00;}
.color39 .logo {background:url(../images/logo/logo39.gif) no-repeat 0 0  !important;}
.color39 .black-text {color:#dc6619;}

.color40 a {color:#506f9d;}
.color40 a:hover {color:#000525;}
.color40 .logo {background:url(../images/logo/logo40.gif) no-repeat 0 0  !important;}
.color40 .black-text {color:#506f9d;}

.color41 a {color:#7c9d16;}
.color41 a:hover {color:#0f3400;}
.color41 .logo {background:url(../images/logo/logo41.gif) no-repeat 0 0  !important;}
.color41 .black-text {color:#7c9d16;}

.color42 a {color:#7ba4af;}
.color42 a:hover {color:#e43d0b;}
.color42 .logo {background:url(../images/logo/logo42.gif) no-repeat 0 0  !important;}
.color42 .black-text {color:#7ba4af;}

.color43 a {color:#03501d;}
.color43 a:hover {color:#a54c05;}
.color43 .logo {background:url(../images/logo/logo43.gif) no-repeat 0 0  !important;}
.color43 .black-text {color:#03501d;}

.color44 a {color:#283072;}
.color44 a:hover {color:#fb0a01;}
.color44 .logo {background:url(../images/logo/logo44.gif) no-repeat 0 0  !important;}
.color44 .black-text {color:#283072;}

.color45 a {color:#d49719;}
.color45 a:hover {color:#d00000;}
.color45 .logo {background:url(../images/logo/logo45.gif) no-repeat 0 0  !important;}
.color45 .black-text {color:#d49719;}

.color46 a {color:#544f47;}
.color46 a:hover {color:#192023;}
.color46 .logo {background:url(../images/logo/logo46.gif) no-repeat 0 0  !important;}
.color46 .black-text {color:#544f47;}

.color47 a {color:#67162a;}
.color47 a:hover {color:#070e43;}
.color47 .logo {background:url(../images/logo/logo47.gif) no-repeat 0 0  !important;}
.color47 .black-text {color:#67162a;}