/* clearfix */
.clearfix { zoom: 1 }
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0; 
} 
html[xmlns] .clearfix { 
	display: block; 
}  
* html .clearfix { 
	height: 1%; 
}
/* end clearfix */

* {margin: 0; padding: 0;}

:focus {outline: none}

a img {border: none}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  min-width: 980px;
}

p {
  margin-bottom: 15px;
}

body.whiteArena {font: 15px "Times New Roman", serif; color: #fff; line-height: 1.4; color: #000;}
body.blackArena {font: 15px "Times New Roman", serif; color: #fff; line-height: 1.4; color: #fff;}

#all_wrap {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: hidden;
}

* html #pagePotfolioIn #all_wrap {
  overflow: visible;
} 

body.blackArena #all_wrap {
  background:#000 url(../img/page_bg.jpg) no-repeat center center;
}

#mainColumn {
  width: 100%;
  position: relative;
  z-index: 2;
}

#mainColumn .centerPage {
  width:     90%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
  position:  relative;
}


#falseColumn {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  /*ubral z-index*/
}

/* for firefox 2 hack
  height: 10000px;
*/
#falseColumn, x:-moz-any-link {height: 10000px;}/*styles for Firefox 2.0 here*/
#falseColumn, x:-moz-any-link, x:default {height: 100%;}/*restore styles for Firefox 3.0 and newer*/


 
#falseColumn div {
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative; 
}

#falseColumn a {
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
}


#falseColumn a span { 
  float: left;
  width: 718px;
  height: 1047px;
  margin-left: -437px;
  background: url(../images/g_white_arena.gif) no-repeat left top;
  /*
  position: relative;
  zoom: 1;
  width: 718px;
  height: 1047px;
  left: -435px;
  background: url(../images/g_white_arena.gif) no-repeat left -355px;
  */
}

body.blackArena #falseColumn a span {
  background-image: url(../images/g_black_arena.png);
}



        
* html #falseColumn a span { 
  position: relative;
}

#rasporka {height: 38px;}




/* shapka */

#shapka {
  height: 90px;
  position: relative;
  border-top: 8px solid #018c8e;
  z-index: 3;
}

#shapka address {position: absolute; right: 400px; top: 39px; font: normal  normal 22px "Times New Roman", Times, serif; line-height:18px;}
#shapka address a{color: #fff;}
#shapka address .telephone {color: #000; margin: 0 15px;}
body.blackArena #shapka address .telephone {color: #a9aaaa;}
body.blackArena #shapka address .address {color: #a9aaaa; font-size:14px; margin-left:30px; display:block;}
body.blackArena #shapka a.mail {color:#A9AAAA; text-decoration:none; border-bottom:1px dashed #A9AAAA; margin-left:30px;font-size:14px;}
body.blackArena #shapka a.mail:hover {color:#FFF; border-bottom:1px dashed #FFF;}
body.whiteArena #shapka address .telephone {color: #404040;}
body.whiteArena #shapka address .address {color: #404040; font-size:14px; margin-left:30px; display:block;}
body.whiteArena #shapka a.mail { color:#000; text-decoration:none; border-bottom:1px dashed #000; margin-left:30px; font-size:14px;}
#shapka address { font-size: 22px;}


#logotip {
  position: absolute;
  width: 163px;
  height: 49px;
  left: 0;
  top: 80px;
}

body.whiteArena #logotip {
  background: url(../img/logo_gorod.png) no-repeat left top;
  top:40px;
}

body.blackArena #logotip {
  background: url(../img/logo_gorod_w.png) no-repeat left top;
  top:40px;
}


#main_nav {
  position: absolute;
  width: 100%;
  height: 99px;
  top: 190px;
  z-index: 5;
}

#main_nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  background:url(../images/menu_bg.png) no-repeat center top;
  overflow: hidden;
}

#main_nav ul li {
  float: left;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
}
		
#main_nav ul li span {
  float: left; 
  width: 0;
  clear: left;
  height: 4px;
  background: url(../images/text_decor.gif) repeat-x left bottom;
  display: inline-block;
}

#main_nav .currentPage a {cursor: default;}

#main_nav .currentPage span {width: 100%;}

* html #main_nav ul li span {
  margin-top: -8px;
}

#main_nav li.first {margin-left: 86px; display: inline;}

#main_nav ul li a {
  float: left;
  margin-top: 28px;
  color: #fff;
  text-decoration: none;
  font: 18px "Times New Roman", serif;
}



#moveLeft { 
  position: absolute;
  left: 0;
  top: 190px;
  height: 80px;
  width: 38px;
  background: url(../images/moveLeftRight.png) no-repeat left;
  z-index: 3;
}

#moveRight { 
  position: absolute;
  right: 0;
  top: 190px;
  height: 80px;
  width: 38px;
  background: url(../images/moveLeftRight.png) no-repeat right;
  z-index: 3;
}

#moveLeft2 { 
  position: absolute;
  left: 0;
  top: 190px;
  height: 80px;
  width: 38px;
  background: url(../images/moveLeftRight.png) no-repeat left;
  z-index: 3;
}

#moveRight2 { 
  position: absolute;
  right: 0;
  top: 190px;
  height: 80px;
  width: 38px;
  background: url(../images/moveLeftRight.png) no-repeat right;
  z-index: 3;
}


/* content */
#content_wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#track {
  width: 20000px;
  position: relative;
}

#track .page {
  float: left;
}

#track .placeUnderCap {
  font: 24px "Times New Roman", Times, serif;
  line-height: 1;
  font-style: italic;
  height: 80px;
  margin-bottom: 100px;
  padding-top: 15px;
  width: 60%;
  margin-left: 84px;
}

#track .dynamicWidth {
  width: 46%;
}




#reviewOfNews {
  padding: 0 0 18px 0;
  font-size: 15px;
}

#reviewOfNews dt {
  overflow: hidden;
}

#reviewOfNews dd {
  margin-left: 83px;
}

#reviewOfNews dd p {
  margin-top: 10px;
  margin-bottom: 20px;
}

#reviewOfNews dt span {
  font: 24px "Times New Roman", Times, serif;
  color: #b2b2b2;
  float: left;
  line-height: 1;
}

#reviewOfNews a {
  font: 22px "Times New Roman", Times, serif;
  color: #018c8e;
  font-style: italic;
  display: block;
  margin-left: 80px;
  line-height: 1.1;
}

.main_text {
  margin-left: 115px;
  
}

* html .marginLeft {
  margin-left: 52px;
} 


/* processes block */
#processes {
	display:block;
	float:left;
	height:auto;
	overflow:auto;
	width:590px;
}
#processes p{
	padding-left:115px;
	font-size:18px;!important
	line-height:22px;
}
#processes #trackProcess{
  height: 100%;
  overflow: hidden;
}

#trackProcess .block {
  padding-top: 45px;
  padding-bottom: 100px;
}

#processes #prevProcess {
  position: absolute;
  left: 0;
  top: 0;
  width: 33px;
  height: 18px;
  background: url(../images/up_down.gif) no-repeat left top;
  cursor: pointer;
}

#processes #nextProcess {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 33px;
  height: 18px;
  background: url(../images/up_down.gif) no-repeat left bottom;
  cursor: pointer;
}

body.blackArena #processes #prevProcess, body.blackArena #processes #nextProcess {
  background-image: url(../images/up_down_black.gif);
}


#processes a.nn {
  float: left;
  color: #018c8e;
  font: italic normal 22px/1 "Times New Roman", Times, serif;
  margin-top: -8px;
}

#processes a.nn span {
  font-size: 36px;
}

#processes h2 {
  margin-left: 115px;
  font:normal 28px "Times New Roman", Times, serif;
  margin-bottom: 8px;
}

#processes div.desciption {
  margin-left: 78px;
}

#processes p {
  font-size: 18px;
  margin-bottom: 18px;
}


#process_menu
{
	display:block;
	float:left;
	background:url(../images/sub_m_bg.jpg) repeat-y top left;
	width:384px;
	margin:4px 0 0 87px;
}

div.pro_pic
{
	display:block;
	overflow:hidden;
	width:587px;
	height:290px;
	margin-bottom:18px;
}
div.pro_over
{
	display:block;
	background:url(../images/img_over.png) no-repeat top left;
	position:relative;
	width:587px;
	height:290px;
	top:-296px;
	left:0px;
}
div.process_menu_top
{
	display:block;
	width:384px;
	background:url(../images/sub_m_top.jpg) no-repeat top left;
}
div.process_menu_bottom
{
	display:block;
	width:320px;
	background:url(../images/sub_m_bot.jpg) no-repeat bottom left;
	min-height:450px;
	padding:32px;
}
div.process_menu_bottom a
{
	display:block;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	line-height:18px;
	margin-bottom:18px;
}
div.process_menu_bottom a.selected
{
	text-decoration:underline;
}
/* pages */
.center {
  width:     90%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1064px;
}



/* footer */
#footer {
  height: 38px;
  margin-top: -38px;
  position: relative;
  z-index: 30;
  font-size: normal;
}

#footer .center {
  position: relative; height: 38px;
  /*background: url(../images/footer_back_whiteArena.png) repeat-x left bottom;*/
  color: #fff;
}

body.blackArena #footer .center {
  position: relative; height: 100%;
  /*background: url(../images/footer_back.png) repeat-x left bottom;*/
  color: #000;
}

/*
#footer .click {
  background: url(../images/rulon_back.png) repeat-x left bottom;
}
  */
  
#footer #copy {
  position: absolute;
  left: 10px;
  top: 14px; 
  z-index: 10;
  color: #a9a9a9;
}

body.blackArena #footer #copy {
  color: #555;
} 


#footer #sites_map {
  height: 100%;
  width: 44%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  background: url(../images/site_map_up_whiteArena.gif) no-repeat center 6px;
  z-index: 10;
  position: relative;
}

#footer #sites_map span {
  position: relative;
  bottom: -13px;
}

body.blackArena #footer #sites_map {
  background: url(../images/site_map_up.gif) no-repeat center 4px;
}

#footer #develop {
  position: absolute;
  right: 10px;
  top: 14px;
  z-index: 10;
  color: #a9a9a9;
}

body.blackArena #footer #develop, body.blackArena #footer #develop a {
  color: #555;
} 

#footer #develop a {
  color: #aaa;
  text-decoration: none;
}

#footer #develop a:hover {
  color: #cdcdcd;
}

body.blackArena #footer #develop a:hover {
  color: #333;
}

#footer #rulon {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin-bottom: 0;  
}

#footer #rulon div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 38px;
  bottom: 0;
  overflow: hidden;
  background: url(../images/rulon_back_whiteArena.png) repeat-x left top;  
}

* html #footer #rulon div {
  filter: alpha(opacity=70)
  
}


body.blackArena #footer #rulon div {
  background-image: url(../images/rulon_back_blackArena.png);
}

#footer #rulon a  {color: #fff; text-decoration: none;}
body.blackArena #footer #rulon a  {color: #000;}

#footer #rulon a:hover  {text-decoration: underline;}
#footer #rulon h2 {position: absolute; font-weight: normal;}

#footer #mapLowReklam {
  font-size: 18px;
  left: 50px;
  top: 40px;
}

#footer #mapCompany {
  font-size: 18px;
  left: 230px;
  top: 64px;
}
#footer #mapPortfolio {
  font-size: 30px;
  left: 330px;
  top: 24px;
}
#footer #mapProcess {
  font-size: 18px;
  left: 440px;
  top: 74px;
}
#footer #mapInfo {
  font-size: 18px;
  left: 540px;
  top: 64px;
}
#footer #mapContacts {
  font-size: 30px;
  right: 100px;
  top: 70px;
}
#footer #mapZajavka {
  font-size: 18px;
  left: 100px;
  top: 100px;
}
#footer #mapPopular {
  font-size: 18px;
  left: 530px;
  top: 144px;
}
#footer #mapVakant {
  font-size: 18px;
  right: 200px;
  top: 110px;
}



/* portfolio map */
#portfolioMap {
  padding-top: 44px;
  margin-left: -134px;
}

* html #portfolioMap {position: relative;}

#portfolio {position: relative;}

#portfolio div.floatLink {
  position: absolute;
}

#portfolio div.floatLink h2 {
  font-size: 28px;
  line-height: 1;
  font-weight: normal;
}

#portfolio div.floatLink span {
  font-size: 60px;
}

#portfolio div.floatLink a {
  font-size: 18px;
  color: #018c8e;
}

#portfolio #portfol_projects {
  left: 306px;
  width: 300px;
  top: 185px;
  line-height:12px;
}

#portfolio #portfol_clients {
  left: -137px;
  top: 360px;
  text-align: right;
  line-height:12px;
}

#portfolio #portfol_hronology {
  left: 636px;
  top: 320px
}
p.short_label
{
	font-size:22px;
	font-style:italic;
	color:#FFF;
	margin-bottom:22px;
}
p.short_label a
{
	color:#0aa5a7;
	text-decoration:none;
	border-bottom:1px dashed #0aa5a7;
}
p.short_label a:hover
{
	border-bottom:none;
}
p.short_label_b
{
	font-size:22px;
	font-style:italic;
	color:#000;
	margin-bottom:22px;
}
p.short_label_b a
{
	color:#00797b;
	text-decoration:none;
	border-bottom:1px dashed #00797b;
}
p.short_label_b a:hover
{
	border-bottom:none;
}
/* popupHint */


#popupHint {
  position: absolute;
  background: url(../images/popupHintTop.png) no-repeat left top;
  width: 363px;
  color: #000;
}
#popupHint.mirrow {
  background: url(../images/popupHintTopMirrow.png) no-repeat left bottom;
}

#popupHint #innerPopupHint {
  background: url(../images/popupHintBottom.png) no-repeat left bottom;
  margin: 0;
  margin-top: 30px;
  padding: 5px 15px 20px 15px;
}
#popupHint.mirrow #innerPopupHint {
  margin: 0;
  margin-bottom: 30px;
  background: url(../images/popupHintBottomMirrow.png) no-repeat left top;  
}

#popupHint h2 {
  font: 22px "Times New Roman", Times, serif;
  color: #018c8e;
  margin-bottom: 4px;
}

#popupHint p {
 line-height: 1.3;
 font-size: 14px;
}

#popupHint label {display: block;}
#popupHint label input, #popupHint textarea {
  display: block;
  background: none;
  width: 321px;
  padding: 5px;
  border: 1px solid black;
  margin-bottom: 15px;
  font: inherit;
}

#popupHint .file {
  display: block;
  background: none;
  width: 331px;
  border: 1px solid black;
  margin-bottom: 15px;
  font: inherit;
  position: relative;
  height: 30px;
}

#popupHint .file input {
  margin: 0;
  padding: 0;
  border: none;
}

.falseInput {
  position: absolute;
  top: 5px;
  left: 5px;
}

.fileInput {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  cursor: pointer;
  z-index: 2;
}

#popupHint .file span {
  background: #018c8e;
  color: #fff;
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 3px 15px 4px 15px;
  border: none;
  font: inherit;
}

#popupHint textarea {
  width: 321px;
}

#popupHint form .submit {
  background: #018c8e;
  color: #fff;
  float: right;
  clear: both;
  padding: 3px 15px 5px 15px;
  border: none;
  margin-top: 20px;
  cursor: pointer;
  font: inherit;
}

.closeHint {
  position: absolute;
  width: 17px;
  height: 16px;
  background: url(../images/closeHint.gif) no-repeat right top;
  cursor: pointer;
  right: 10px;
  top: 40px;
  z-index: 200;
}
#popupHint.mirrow .closeHint {
  top: 10px;
}


#popupHint a.pdf, #popupHint a.rar, #popupHint a.xls, #popupHint a.doc {
  display:-moz-inline-stack; 
  display:inline-block; 
  zoom:1; 
  *display:inline;
  overflow:hidden;
  vertical-align: top;
  padding-top: 60px;
  margin-right: 15px;
  color: #000;
  text-decoration: none;
  margin-top: 10px;
}
#popupHint a.pdf span, #popupHint a.rar span, #popupHint a.xls span, #popupHint a.doc span {
  color: #018c8e;
}

#popupHint a.pdf {
  background: url(../images/pdf.gif) no-repeat left top;
}
#popupHint a.rar {
  background: url(../images/rar.gif) no-repeat left top;
}
#popupHint a.xls {
  background: url(../images/xls.gif) no-repeat left top;
}
#popupHint a.doc {
  background: url(../images/doc.gif) no-repeat left top;
}
.home-baner{
text-align: center;
margin-top: 209px;
}