/*******************************************************************************
		Coded by GS on 21.02.2007, True Vision
*******************************************************************************/

div.nr  { background: url(../images/i/nr/nr1.gif) 0 0 no-repeat; }
div.nr1 { background: url(../images/i/nr/nr1.gif) 0 0 no-repeat; }
div.nr2 { background: url(../images/i/nr/nr2.gif) 0 0 no-repeat; }
div.nr3 { background: url(../images/i/nr/nr3.gif) 0 0 no-repeat; }
div.nr4 { background: url(../images/i/nr/nr4.gif) 0 0 no-repeat; }
div.nr5 { background: url(../images/i/nr/nr5.gif) 0 0 no-repeat; }

div.step-nr1 { background: url(../images/i/nr/small_nr1.gif) 0 87px no-repeat; }
div.step-nr2 { background: url(../images/i/nr/small_nr2.gif) 0 87px no-repeat; }
div.step-nr3 { background: url(../images/i/nr/small_nr3.gif) 0 87px no-repeat; }
div.step-nr4 { background: url(../images/i/nr/small_nr4.gif) 0 87px no-repeat; }
div.step-nr5 { background: url(../images/i/nr/small_nr5.gif) 0 87px no-repeat; width: 20px; }


#description { margin-right: 267px; min-height: 275px; }
* html #description { height: 275px; }

#category-description { margin-bottom: 40px; padding: 20px 50px 0 28px; }

/*------------------- bug in all version of ie ! -------------------------------
#content-middle { min-height: 500px; }
* html #content-middle { height: 500px; }
*/

#document { margin-right: 267px; padding-left: 340px; }

#licenses-list { padding: 0 0 0 340px; }
#licenses-list table { width: 88%; }
#licenses-list td { padding: 13px 10px 24px 3px; width: 20%; }
#licenses-list div { background-color: #838587; float: left; }
#licenses-list div img { position: relative; top: -3px; left: -3px; border: 1px solid #004685; }
#licenses-list a img { border: 1px solid #004685; }
#licenses-list a:hover img { border: 1px solid #FFFFFF; }

#contacts-list { margin-bottom: 40px; width: 92%; clear: both; }
#contacts-list div.line { margin: 0 0 20px 0; }
#contacts-list td { padding: 0 0 0 340px; color: #626262; vertical-align: top; }
#contacts-list td td { padding: 0 30px 10px 0; width: 50%; }
#contacts-list div.map { margin-top: 20px; background-color: #919395; float: left; }
#contacts-list div.map img { position: relative; top: -2px; left: -2px; border: 1px solid #004685; }
#contacts-list a img { border: 1px solid #0D4F8B; }
#contacts-list a:hover img { border: 1px solid #6892B7; }


#project-list { padding: 0 0 0 315px; clear: both; }
#project-list td.item { padding: 0 20px 60px 0; width: 50%; vertical-align: top; }
/* #project-list div.item { float: right; width: 310px; height: 290px; } */
#project-list div.lead { padding: 5px 0 0 60px; }
#project-list div.title { width: 230px; color: #6D6D6D; }
#project-list div.photos { padding-top: 2px; font-size: 0.9em; }


#project-navigation { clear: both; }
#project-navigation a { color: #FFF; }
#project-navigation a:hover { color: #FFF; text-decoration: none; }
#project-navigation div.next {
	background-color: #004685;
	border-right: 5px solid #003C73;
	padding: 5px 5px 5px 15px;
	float: right;
}
#project-navigation div.next a {
	background: url(../images/i/mrk/next.gif) 100% 50% no-repeat;
	padding: 5px 45px 5px 0;
	display: block;
	white-space: nowrap;
	font-size: 1.2em; font-weight: bold;
}
* html #project-navigation div.next a { width: 100px; }
#project-navigation div.prev {
	background-color: #004685;
	border-left: 5px solid #003C73;
	padding: 5px 15px 5px 5px;
	float: left;
}
#project-navigation div.prev a {
	background: url(../images/i/mrk/prev.gif) 0 50% no-repeat;
	width: 23px; height: 2.2em;
	display: block;
	white-space: nowrap;
}
#project-navigation div.prev span { display: none; }


/*------------------------------- project "Amber"  ---------------------------*/
#project-amber {
	background: url(../images/i/project/amber.png) 0 0 no-repeat;
	margin: 0 0 20px 209px; padding: 107px 50px 0 377px;
	min-height: 160px;
}
* html #project-amber { height: 160px; }


#project-aadd {
	background: url(../images/i/bg/gallery1_mid.jpg) 50% 164px no-repeat;
	min-height: 264px;
}
#project-aadd .layer1 { background: url(../images/i/bg/gallery1_left.jpg) 0 0 no-repeat; height: 264px; }
#project-aadd .layer2 {
	background: url(../images/i/bg/gallery1_right.gif) 100% 0 no-repeat;
	width: 100%; height: 196px;
}
#project-aadd .layer3 { background: url(../images/i/bg/gallery1_bg.jpg) 0 0 repeat-x; }

#project-aadd table table {
	background: url(../images/i/bg/gallery1_left2.jpg) 0 0 no-repeat;
	width: 100%;
}
#project-aadd td { padding: 0 45px 0 315px; vertical-align: top; }
#project-aadd td td { padding: 26px 0 18px 7px; width: 33%; }

#project-aadd img { position: relative; top: -5px; left: -5px; }
#project-aadd table a {
	background-color: #7D8186;
	display: block;
	width: 200px; height: 120px;
	margin: 0 auto;
}
#project-aadd table a img { border: 1px solid #0D4F8B; }
#project-aadd table a:hover img { border: 1px solid #6892B7; }


/*------------------------------ project "Moscow"  ---------------------------*/
#project-moscow {
	margin: 0 0 20px 209px; padding: 107px 50px 0 291px;
	min-height: 170px;
}
* html #project-moscow { height: 170px; }
#project-moscow div.link a { float: right; }

#project-moscow-gallery { float: right; }
#project-moscow-gallery .layer1 { vertical-align: top; }
#project-moscow-gallery .layer2 { background: url(../images/i/bg/film.gif) 0 20px repeat-x; padding-left: 12px; }
#project-moscow-gallery .layer3 { padding-bottom: 6px; vertical-align: top; }
#project-moscow-gallery .layer3 td { padding: 41px 11px 19px 0; }
#project-moscow-gallery div.film { background: url(../images/i/bg/film.png) 0 0 no-repeat; width: 128px; height: 200px; }


/*-------------------------- project "St. Petersburg"  -----------------------*/
#project-petersburg {
	margin: 0 255px 20px 191px; padding: 52px 20px 0 320px;
	min-height: 240px;
}
* html #project-petersburg { height: 240px; }
#project-petersburg div.link br.clear { clear: left; }

#project-petersburg-gallery {
	background: url(../images/i/bg/gallery3.gif) 0 0 no-repeat;
	margin-right: 16px;
	width: 245px; height: 270px;
	float: right;
}
#project-petersburg-gallery div.img { padding: 27px 0 0 18px; height: 193px; }
#project-petersburg-gallery div.hide { display: none; }
#project-petersburg-gallery div.navigation { padding-left: 223px; }
#project-petersburg-gallery div.navigation img { cursor: pointer; }


/*-------------------------------- services  ---------------------------------*/
#services-doc { margin-bottom: 22px; padding: 0 50px 0 292px; }
#services-doc h2 { margin-bottom: 5px; color: #A6791B; }
#services-doc div { padding: 6px 0 0 51px; }

#services-description { margin-bottom: 50px; padding: 0 35px 0 335px; }

#services-list td.services-list-left {
	background: url(../images/i/bg/step/bar_left.png) 0 0 no-repeat;
	padding: 0 0 0 292px;
	width: 99%;
	color: #FFB629;
	font-size: 0.9em;
}
#services-list td.services-list-right { width: 1%; }
#services-list td.services-list-right div {
	background: url(../images/i/bg/step/bar_right.png) 0 0 no-repeat;
	width: 47px; height: 220px;
}
#services-list a { color: #004685; }
#services-list a:hover { color: #A6791B; }
#services-list div.step { background: url(../images/i/bg/step/item.gif) 0 50% no-repeat; height: 220px; }
#services-list div.step-nr { height: 220px; }

#services-list div.title,
#services-list div.title-active { position: absolute; padding-bottom: 47px; color: #FFB629; }
#services-list div.title { background: url(../images/i/bg/step/title.gif) 0 100% no-repeat; }
#services-list div.title-active { background: url(../images/i/bg/step/title_active.gif) 0 100% no-repeat; }
#services-list div.title div,
#services-list div.title-active div {
	background: #FFF;
	border-top: 1px solid #004685; border-left: 1px solid #004685; border-right: 1px solid #004685;
	padding: 5px 7px 6px 7px;
}
#services-list div.title-active div { background: url(../images/i/bg/step/bg_active.gif) #004685 0 100% repeat-x; }

#services-list table { background: url(../images/i/bg/step/bar.png) 0 0 repeat-x; height: 220px; }
/* #services-list table { background: url(../images/i/bg/step/bar.gif) 0 108px repeat-x; } */
#services-list table td { width: 24%; vertical-align: top; }

#services-list table td.even div.title,
#services-list table td.even div.title-active { margin-top: 120px; padding-top: 47px; }
#services-list table td.even div.title { background: url(../images/i/bg/step/title2.gif) 0 0 no-repeat; }
#services-list table td.even div.title-active { background: url(../images/i/bg/step/title2_active.gif) 0 0 no-repeat; }
#services-list table td.even div.title div,
#services-list table td.even div.title-active div {
	border-top: none; border-bottom: 1px solid #004685;
	padding: 6px 7px 5px 7px;
}
#services-list table td.even div.title-active div { background: url(../images/i/bg/step/bg2_active.gif) #004685 0 0 repeat-x; }

#services-list table td.step-1 div.step { background: url(../images/i/bg/step/item_first.gif) 0 102px no-repeat; }
#services-list table td.step-5 div.step { background: url(../images/i/bg/step/item_last.gif) 100% 102px no-repeat; }
#services-list table td.step-5 { width: 1%; }
#services-list table td.step-1 div.title,
#services-list table td.step-1 div.title-active { width: 150px; }
#services-list table td.step-3 div.title,
#services-list table td.step-3 div.title-active { width: 150px; }
#services-list table td.step-1 div.title,
#services-list table td.step-3 div.title,
#services-list table td.step-5 div.title,
#services-list table td.step-1 div.title-active,
#services-list table td.step-3 div.title-active,
#services-list table td.step-5 div.title-active { margin-top: -1.2em; }
#services-list table td.step-5 div.title,
#services-list table td.step-5 div.title-active { margin-left: -97px; width: 125px; }
#services-list table td.step-5 div.title { background: url(../images/i/bg/step/title3.gif) 100% 100% no-repeat; }
#services-list table td.step-5 div.title-active { background: url(../images/i/bg/step/title3_active.gif) 100% 100% no-repeat; }
#services-list table td.step-2 div.title,
#services-list table td.step-4 div.title,
#services-list table td.step-2 div.title-active,
#services-list table td.step-4 div.title-active { width: 150px; }

#services-list table.step-2 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-2 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; }
#services-list table.step-2 td.step-2 div.step { background: url(../images/i/bg/step/item_active.gif) 0 104px no-repeat; }

#services-list table.step-3 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-3 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; }
#services-list table.step-3 td.step-2 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-3 td.step-2 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; }
#services-list table.step-3 td.step-3 div.step { background: url(../images/i/bg/step/item_active.gif) 0 104px no-repeat; }

#services-list table.step-4 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-4 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; }
#services-list table.step-4 td.step-2 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-4 td.step-2 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; }
#services-list table.step-4 td.step-3 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-4 td.step-3 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; }
#services-list table.step-4 td.step-4 div.step { background: url(../images/i/bg/step/item_active.gif) 0 104px no-repeat; }

#services-list table.step-5 td.step-1 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-5 td.step-1 div.step { background: url(../images/i/bg/step/item_first_active.gif) 0 102px no-repeat; }
#services-list table.step-5 td.step-2 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-5 td.step-2 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; }
#services-list table.step-5 td.step-3 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-5 td.step-3 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; }
#services-list table.step-5 td.step-4 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-5 td.step-4 div.step { background: url(../images/i/bg/step/item2_active.gif) 0 104px no-repeat; }
#services-list table.step-5 td.step-5 { background: url(../images/i/bg/step/bar_active.gif) 0 108px repeat-x; }
#services-list table.step-5 td.step-5 div.step { background: url(../images/i/bg/step/item_last_active.gif) 100% 102px no-repeat; }