/**
 * @section links
 */
	a {
		color: #ef7b16;}

	a:visited {
		color: #ef7b16;}

	a:hover, a:active {
		color: #45a80f;}

	.hovered {
		color: #45a80f !important;}

	.a, .a:visited {
		float: left; padding: 1px 0 7px 20px;
		font-weight: bold;
		background: url(../images/a.gif) no-repeat 0 1px;}


/**
 * @section backgrounds
 */
	.bgn {
		background: none !important;}

	.bn {
		border: 0 !important;}


/**
 * @section Headers for blocks
 */
	.h1 {
		color: #45a80f; font-size: 1.8em; font-family: 'Trebuchet MS', Tahoma; 
		padding-bottom: 15px;}	

	
	

/**
 * @section header
 */
	.header {
		height: 1%;
		padding: 0 235px 2px 325px;}

		.header-offer {
			position: absolute; top: 11px; left: 83px;}

		.header-logo {
			position: absolute; top: -50px; left: 40px;}

	/**
	 * @subsection Contacts
	 */	
		.header-contacts {
			position: absolute; top: 18px; right: 34px; 
			padding: 0 0 0 35px;
			background: url(../images/header-contacts-phones.gif) top left no-repeat;}

			.header-contacts-item {
				padding: 0 0 0 40px; margin-bottom: 5px;
				color: #777; font-size: 1.1em;
				background-position: top left; background-repeat: no-repeat;}

				.hci-moscow {
					background-image: url(../images/header-contacts-moscow.gif);}

				.hci-peterburg {
					background-image: url(../images/header-contacts-peterburg.gif);}

				.hci-email {
					padding-top: 3px; padding-bottom: 10px;
					background-image: url(../images/header-contacts-mail.gif);}

				.header-contacts-item b {
					position: relative; top: -3px;
					color: #000; font-size: 1.6em; font-weight: normal;}

				.header-contacts-item span {
					position: relative; top: -2px; color: #333;
					font-size: 1.4em;}

				.header-contacts-item a {
					font-weight: bold;}

	/**
	 * @subsection Services
	 */	
		.services {
			position: absolute; top: 25px; left: 87px;}

			.services-item {
				float: left; margin-right: 63px; height: 50px;}

				.services-item a, .services-item a:visited, .services-item span {
					display: block;
					line-height: .8em; font-size: .8em;
					background: #b3b3b3; color: white;}

				.services-item a:hover {
					background: #ef7b16;}

				.services-item span {
					background: #e5e5e5;}
					
			.services-hovered {
				padding: 13px 0 2px; border-bottom: 2px #ffa200;
				text-decoration: none;
				width: 230px;
				color: #ffa200;
				font-size: 20px;font-weight:bold;
				}

	/**
	 * @subsection Offers
	 */	

		.header-offers {
			padding: 20px 0 0 15px;
			background: url(../images/header-exclamation.gif) no-repeat 0 15px;}

			.header-offers-item {
				float: left; width: 200px; margin-bottom: 10px;
				background: url(../images/line-vertical-dotted.gif) top left repeat-y;}

				.header-offers-item p {
					color: #4d4d4d;
					font-size: 1.1em;
					padding: 8px 13px 5px;}

				.header-offers-item a, .header-offers-item a:visited {
					display: block; padding: 0 13px;
					color: #45a80f; font-weight: bold;}

				 .header-offers-item a:hover {
					color: #ef7b16;}

/**
 * @section menu
 */
	.menu {
		position: relative; z-index: 3; height: 1%;
		padding: 0 33px 0 325px;}

	/**
	 * @subsection Cities menu
	 */	

		.menu-cities {
			position: absolute; left: 0; top: 50px; width: 273px;
			text-align: right;color: #b2b2b2; font-size: 1.1em;}

			.menu-cities span {
				color: #333;}

	/**
	 * @subsection Sections menu
	 */	
		.menu-sections {
			padding-top: 12px;
			border-top: #ffa200 4px solid;}

			.menu-sections a, .menu-sections a:visited {
				float: left; padding: 0 0 0 30px; margin: 0 10px 10px 0;
				text-decoration: none; width: 120px;
				background: url(../images/bullets.gif) no-repeat 0 8px;}

				.menu-sections a span, .menu-sections a:visited span {
					color: #333; line-height: 1.6em;
					border-bottom: 1px dashed black;
					font-weight: bold; font-size: 1.5em; font-family: 'Trebuchet MS', Tahoma;}

				.menu-sections a:hover span, .menu-sections-hovered span{
					border: none !important; color: #45a80f !important;}
		
		
/**
 * @section footer
 */
	.footer {
		padding: 0 32px 0 40px;}

		.footer-in {
			position: relative; height: 80px; padding-left: 282px;
			background: url(../images/line-horisontal-dotted.gif) top left repeat-x;}

			.footer-line {
				height: 4px;
				background: #ffa200;}

	/* Copyright */		
	.footer-copyright {
		position: absolute; top: 18px; left: 18px;
		font-size: 1.1em; color: #4d4d4d;}
		
	/* Phone */
	.footer-phone {
		position:absolute; top: 24px; left: 720px; padding-left: 40px;
		font-size: 1em; white-space: nowrap; 
		background: url(../images/header-contacts-phones.gif) no-repeat 0 4px;}

		.footer-phone div {
			padding-bottom: 4px; width: 150px;}
			
		.footer-phone b {
			position: relative; top: -2px;
			font-size: 1.4em; font-weight: normal;}	

		.footer-phone span {
			position: relative; top: -1px;
			font-size: 1.2em; font-weight: normal;}	
			
	/* Contacts */
	.footer-contacts {
		position: absolute; top: 18px; left: 282px; padding-right: 15px;
		background: url(../images/footer-contacts.gif) no-repeat 100% 9px; 
		font-size: 1.1em; color: #4d4d4d; line-height: 1.3em;}	
		
		.footer-contacts b {
			color: #ef7b16; }

		.footer-contacts a, .footer-contacts a:visited {
			font-weight: bold;}
			
	/* Counters */
	.counters {
		position: absolute; top: 23px; right: 0; width: 225px;}
	
		.counter {
			float: right; margin: 0 0 7px 7px;}

/**
 * @section Advantages
 */
	.advantages {
		padding-bottom: 20px;}

	.advantages table{
		 position: relative;}

	.advantages tr {
		background: url(../images/line-horisontal-dotted.gif) top left repeat-x; }

	.advantages td{
		padding: 13px 0 17px;}

		.advantage-content h2 {
			padding: 6px 0 8px 0;
			color: #45a80f; font-size: 1.2em; font-weight: bold;}

		.advantage-content p {
			color: #4d4d4d; font-size: 1.2em;}

		.advantage-content a, .advantage-content a:visited {
			position: relative; top: 5px;}

	.advantage-number {
		width: 68px;
		font-size: 3em; color: #ffa200; font-family: 'Trebuchet MS', Tahoma;}

/**
 * @section Consult
 */

	.consult h2{
		padding-bottom: 12px;
		font-size: 1.7em; color: #333333; font-family: 'Trebuchet MS', Tahoma;}

		.consult-item, .consult-item:visited {
			float: left; width: 171px; height: 61px; margin-right: 10px;
			text-decoration: none;
			background-position: top left; background-repeat: no-repeat;}

			.consult-item span, .consult-item:visited span {
				float: left; padding: 13px 0 0 56px; font-size: 1.2em; color: #010101;}

			.consult-item span b {
				display: block; font-size: 1.4em; font-weight: normal;}

			.icq {
				background: url(../images/consult-icq.gif);}

				.icq b {
					color: #45a80f;}

			.skype {
				background: url(../images/consult-skype.gif);}

				.skype b {
					color: #00aef0;}

			.consult-item:hover span b {
				color: #ef7b16 !important;}


/**
 * @section Side menu
 */
	.menu-side {
		padding-bottom: 22px;}

		.menu-side a, .menu-side a:visited {
			display: block; padding: 0 20px 0 0;
			text-decoration: none; height: 1%;
			background: url(../images/bullet.gif) no-repeat 100% 11px;}

			.menu-side a span, .menu-side a:visited span{
				padding: 6px 0 6px 10px;
				display: block; text-align: right; font-size: 1.2em;
				color: #333333; border-bottom: 1px solid #cecece;}

			.menu-side a:hover span{
				color: #45a80f;}




/**
 * @section Order
 */
	.order {
		text-align: center; padding-bottom: 32px;}

		.order-in {
			margin: 0 auto; width: 240px;}
		
		.order-in p {
			padding-left: 15px;
			font-size: 1.1em;}

			.order-in p b { 
				font-size: 3.1em; color: #ffa200; font-family: 'Trebuchet MS', Tahoma;}

		.order-button {
			padding: 0 0 12px 0 !important;}

/**
 * @section Sub menu
 */

	.submenu {
		font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom: 30px;
		background: #f4f4f4;
		}

		.submenu-tl {
			height: 1%;
			background: url(../images/submenu-tl.gif) top left no-repeat;}

		.submenu-tr {
			height: 1%;
			background: url(../images/submenu-tr.gif) top right no-repeat;}

		.submenu-bl {
			height: 1%;
			background: url(../images/submenu-bl.gif) bottom left no-repeat;}

		.submenu-br {
			height: 1%; padding: 0 15px;
			background: url(../images/submenu-br.gif) bottom right no-repeat;}

			.submenu table {

				}

			.submenu td {
				padding: 0 15px 0;
				background: url(../images/submenu-delimiter.gif) center left no-repeat;}

			.submenu a, .submenu a:visited {
				display: block; padding: 10px 0 12px; text-decoration:none;
				font-weight: bold; font-size: 1em;}

			.submenu-hovered {
				padding: 10px 0 2px; border-bottom: 2px #ffa200 solid;
				color: black !important; text-decoration: none; }


/**
 * @section Side blocks
 */

	.side-block {
		margin-bottom: 40px; height: 1%;
		background: url(../images/line-horisontal-dotted.gif) top left repeat-x;}

	.side-b {
		height: 1%;
		background: url(../images/line-horisontal-dotted.gif) bottom left repeat-x;}

	.side-r {
		height: 1%;
		background: url(../images/line-vertical-dotted.gif) top right repeat-y;}

	.side-l {
		height: 1%;
		background: url(../images/line-vertical-dotted.gif) top left repeat-y;}

		.side-tl {
			height: 1%;
			background: url(../images/side-tl.gif) top left no-repeat;}

		.side-tr {
			height: 1%;
			background: url(../images/side-tr.gif) top right no-repeat;}

		.side-bl {
			height: 1%;
			background: url(../images/side-bl.gif) bottom left no-repeat;}

		.side-br {
			height: 1%;
			background: url(../images/side-br.gif) bottom right no-repeat;}	
			
	.side-block h2{
		position: relative; top: -12px;
		font-size: 1.7em; color: #333333; font-family: 'Trebuchet MS', Tahoma;
		background: white; padding: 0px 20px; float: left;}

	.side-more {
		position: relative; top: 11px;
		font-size: 1.1em;
		background: white; padding: 0px 20px; float: left;}

	.side-content {
		padding: 0 20px 15px; font-size: 1.1em; color: #4d4d4d;}

	.side-bl .side-more {
		margin-left: 10px; padding: 0px 10px; float: none; }

	.side-bl h2 {
		margin-left: 10px; padding: 0px 10px; float: none;}

	.side-bl .side-content {
		padding-right: 0;}


	/**
	 * @subsection Side clients
	 */

		.side-clients-icon {
			padding-left: 50px !important;
			background: white url(../images/icon-clients.gif) no-repeat 20px 0 !important;}

		.side-client-image {
			text-align: center !important; padding-bottom: 12px;}

		.side-clients p{
			text-align: justify;}

	/**
	 * @subsection Side faq
	 */

		.side-faq {
			position: relative; top: 7px;}

			.side-faq-icon {
				padding-left: 50px !important;  padding-bottom: 5px !important;
				background: white url(../images/icon-faq.gif) no-repeat 20px 0 !important;}

			.side-faq-icon {
				padding-left: 50px !important;  padding-bottom: 5px !important;
				background: white url(../images/icon-faq.gif) no-repeat 20px 0 !important;}

			.side-more-faq {
				padding-left: 50px !important;
				top: 11px;}

			.side-faq input, .side-faq textarea {
				padding: 2px; 
				/*display: block; */
				width: 194px;  margin-bottom: 6px; 
				color: #808080; font-size: 1.2em;
				border: 1px solid #cecece;}
				
				input.toggle-inputs {
				padding: 2px; 
				/*display: block; */
				width: 194px;  margin-bottom: 6px; 
				color: #808080; font-size: 1.2em;
				border: 1px solid #cecece;
				}
				
				input.dop_inp {
				padding: 2px; 
				/*display: block; */
				width: 194px;  margin-bottom: 6px; 
				color: #808080; font-size: 1.2em;
				border: 1px solid #cecece;
				}
				
				textarea.dop_inp {
				padding: 2px; 
				/*display: block; */
				width: 194px;  margin-bottom: 6px; 
				color: #808080; font-size: 1.2em;
				border: 1px solid #cecece; width: 100%;
				height: 95px; margin-bottom: 0;
				}


	/**
	 * @subsection Side banners
	 */
		.banners {
			padding-bottom: 40px; text-align: center;}

	/**
	 * @subsection News
	 */

		.side-news-date {
			font-weight: bold; color: #45a80f; padding-bottom: 9px;}

			.side-news p {
				text-align: justify;}
	 
	/**
	 * @subsection Awards
	 */

		.side-awards {
			text-align: center; padding-right: 25px !important;}


/**
 * @section main
 */

	.left-in {
		padding: 0 51px 0 40px;}

	.right-in {
		padding: 0 35px 0 35px;}

	.center-in, .left,.right {
		padding-top: 10px;
		padding-bottom: 15px;}

/**
 * @section PortfolioUrls
 */
	.portfolio-urls {
		color: #ef7b16; padding-bottom: 9px;}

	.product-selection {
		  padding: 0;
		color: #4d4d4d; font-size: 1.2em; line-height: 0.8em;}

	.product-selection h3{
		  padding: 0;
		color: #4d4d4d; font-size: em; line-height: 1.4em;}

	.portfolio-company-url {
		color: #ef7b16;

				}
	.portfolio-company-name {
		font-weight: bold;
		}
	portfolio-company-description {
		text-align: justify;
		}
	.portfolio-brands {
	position: absolute;	width: 300px;}
	.portfolio-clients {
	position: relative; left: 330px;width: 390px;}


	   .block1 { 
	/*width: 200px; 
	background: #ccc;
	padding: 5px;
	padding-right: 20px; 
	position: fixed; 
	border: solid 1px black; */
float: left;
   }
   .block2 { 
width: 200px; 
	/*background: #fc0; */
	/*padding: 50px; */
	/*border: solid 1px black; */
	float: left; 
	position: relative; 
/*	top: 40px; */
	left: 10px;
	padding: 2px;
   }
   .block2 textarea {

				width: 100%;
				height: 79px;
				overflow: hidden;
				margin-bottom: 0;
          }
   .block3 { 
/*width: 200px; */
	/*background: #fc0; */
	/*padding: 50px; */
	/*border: solid 1px black; */
	/*left: 20px;*/
	float: left; 
	position: relative; 
	top: 45px; 
	left: 30px;
	padding: 2px;
   }