a:focus { -moz-outline: none; }

html,body {height:100%;}

body { 
	font-family: verdana, Tahoma, sans-serif;
	font-size:10pt;
	line-height:15pt;
	margin:0px;
	padding:0px;
	color:#323232;
}

#container{
width:960px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
}
.w1  { width:60px; }    
.w2  { width:140px; }    
.w3  { width:220px; }    
.w4  { width:300px; }    
.w5  { width:380px; }    
.w6  { width:460px; }    
.w7  { width:540px; }    
.w8  { width:620px; }    
.w9  { width:700px; }    
.w10  { width:780px; }    
.w11  { width:860px; }    
.w12  { width:940px; }    
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12{
margin-top:0px;
margin-right:20px;
float:left;
height: auto;
}

.cnt {min-height:100%;height:auto !important;height:100%;position:relative;z-index:100;overflow-x: hidden;}
.ftr {position: relative;z-index:100;width:100%;margin:0;margin-top: -80px; height: 80px;background:#BBD4E4;color:#5A88AC;} /* отрицательная граница = высоте футера */
.ftr .inner{width:940px;margin:0 auto;padding-top:30px;}

h1 {color:#323232;font-weight:normal;font-size:23px;line-height:30px;margin:0 0 1em 0;}
h2 {color:#6584AB;font-weight:normal;font-size:18px;line-height:25px;margin:1.1em 0 0.2em 0;}
h3 {color:#fff;background:#5F8AB5;font-weight:normal;font-size:18px;line-height:25px;padding:0.3em 1em 0.3em 1.1em;margin:0 0 0 0;text-transform:lowercase;}
h4 {color:#323232;background:#fff;font-weight:bold;font-size:12px;line-height:16px;padding:0.3em 1em 0.3em 1.1em;margin:2.5em 0 1em 0;}

a{color:#459CA5;text-decoration:none;}

#n {height:376px;}
#n .w8 {margin-top:0 !important;}
#n a{display:block; padding:20px 0 0 0;color:#C5E3FF;font-size:15px;height:27px;text-decoration:none;letter-spacing:3px;}
#n a span{cursor:hand;}
#n ul {margin:0;padding:0;height:47px;}
#n ul.home{background:url(../i/n.png) 0 -47px no-repeat;}
#n ul.company{background:url(../i/n.png) 0 -94px no-repeat;}
#n ul.services{background:url(../i/n.png) 0 -141px no-repeat;}
#n ul.technologies{background:url(../i/n.png) 0 -188px no-repeat;}
#n ul.projects{background:url(../i/n.png) 0 -235px no-repeat;}

#n h1{width:189px;height:98px;background:url(../i/mainlogo.png) no-repeat;margin:30px 0 0 0;position:relative;z-index:100;}
#n h1 a{display:block;width:189px;height:98px;text-indent:-9999px;}

#n ul li{margin:0;padding:0;float:left;list-style-type:none;text-align:center;cursor:hand;}
#n ul li#home a{text-indent:-9999px;width:75px;background:url(../i/home-i.png) center no-repeat;}
#n ul li#company{width:118px;}
#n ul li#services{width:119px;}
#n ul li#technologies{width:158px;}
#n ul li#projects{width:122px;}

#hdr .w12{margin-left:-470px;position:absolute;left:50%;}

p {width:90%;margin:0.7em 0 0.7em 0;}
.hide{display:none;}
.show{dislay:block;}
/* main */
body{background:#EFFAEE url(../i/mainbg32.png) repeat-x;}
.ftr{background:#BBD4E4 url(../i/ftrbg.png) repeat-x;}
#hdr {height:366px;width:100%;position:absolute;top:0;left:0;background:#172647 url(../i/mainbg32.png) repeat-x;}
#hdrBg {background: url(../i/mainbg.jpg) center center no-repeat;width:100%;height:366px;}
#hdr h1{width:189px;height:98px;background:url(../i/mainlogo.png) no-repeat;margin:30px 0 0 0;position:relative;z-index:100;}
#hdr h2{color:#ACD0F1;font-weight:normal;font-size:25px;line-height:25px;width:440px;margin:0;margin:85px 0 0 0;}
#hdr h1 a{display:block;width:189px;height:98px;text-indent:-9999px;}
.maincnt{padding:0 0 0 0;}
.bgw8{margin-top:0;background: url(../i/w8.png) no-repeat;padding:3em 0 0 0;}
.bgw4 {margin-top:0;background: url(../i/w4.png) no-repeat;padding:3em 0 0 0;}
/* main */




/* inner */

body#inner{background:#EFFAEE url(../i/inr.png) repeat-x;}

body#inner #hdr {height:155px;background:#172647 url(../i/inr.png) repeat-x;}
body#inner #hdrBg {background: url(../i/inr.jpg) center center no-repeat;width:100%;height:155px;}

body#inner #n {height:165px;margin-bottom:30px;}
.v-services{height:180px;margin-bottom:10px;margin-top:20px;}
*html .v-services h1{background: url(../i/ie_ttl.png);}
.v-services h1{float:left;background: url(../i/ttl.png);margin:0;padding:5px 20px 5px 20px;font-weight:normal;font-size:23px;line-height:30px;color:#323232;margin-top:13px;}

.s1{background: url(../i/v-services.jpg) no-repeat;}
.s2{background: url(../i/v-services_.jpg) no-repeat;}
.s3{background: url(../i/v-services__.jpg) no-repeat;}


.v-company {background: url(../i/v-company.jpg) no-repeat;height:180px;margin-bottom:10px;margin-top:20px;}

ul.l2, ul.c, ul.c2, ol, ul.cntct{margin:0;padding:0;}
ul.l2 li{list-style-type:none;padding:0;border-bottom:1px solid #B4D5DE;}
ul.l2 li a{display:block;background:#DBEDEF url(../i/ar.png) 0.8em 1.1em no-repeat;padding:0.8em 1em 0.8em 2em;color:#459CA5;text-decoration:none;font-weight:bold;font-size:8pt;line-height:11pt;}
ul.l2 li a:hover{background-color:#E7F5F7;color:#497298;}
ul.l2 li a.cur{background-color:#E7F5F7;color:#497298;}
.l2 h3{margin-top:20px !important;}

ul.c li{list-style-type:none;background: url(../i/blt.png) 0.1em 0.3em no-repeat;padding:0 1em 0 1.3em;margin:1em 0 1em 0em;line-height:11pt;}


.c2 li{list-style-type:none;background:#fff url(../i/ar.png) 0.8em 0.75em no-repeat;padding:0.5em 1em 0.5em 2em;margin:0.3em 0 0.3em 0em;line-height:11pt;}
ol.c2 li{margin:0;padding-bottom:0.1em;height:35px;font-weight:bold;}
.prj{background:#fff;padding:1em 1em 0.5em 1em; text-align:center;}

.btn a{background:#2F5E9E url(../i/bl.png) no-repeat;height:22px;display:block;padding-left:1em;font-size:12pt;color:#BBD9F7;width:auto;float:left;clear:left;}
.btn {height:22px;background:url(../i/br.png) top right no-repeat;padding:0 2em 0 0;float:left;clear:left;margin:0.5em 0 0.5em 0;width:auto;}

.cntct li.ph{height:60px;list-style-type:none;background: url(../i/cnts.png) no-repeat;padding:0 1em 0.5em 5em;margin:0;line-height:11pt;font-weight:bold;font-size:8pt;}
.cntct li.eml{height:60px;list-style-type:none;background: url(../i/cnts.png) 0 -70px no-repeat;padding:1.5em 1em 0.5em 5em;margin:0;line-height:11pt;font-weight:bold;font-size:8pt;}

.nobrd{border:none !important;}
.typeface-js{font-family:MankSans-Medium;}

















div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 0px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../i/nyro/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 0px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 0px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../i/nyro/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
	display:none;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../i/nyro/prev.png) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(../i/nyro/next.png) right 20% no-repeat;
}