* { margin: 0; padding: 0;
	outline: none; }

a img { border: none; }

a { color: #1a3dc1; }
a:visited { color: #800080; }
a:hover { color: #FF5100; }
a:hover { text-decoration: none; }

.unvisible { VISIBILITY: hidden; Z-INDEX: 66}

h1, h2, h3 { margin-bottom: 10px;
	color: #FF5100;
	font: Tahoma, Arial, sans-serif; }

	h1 { font:22px Tahoma, Arial, sans-serif;
		margin-bottom: 15px; }
	h2 { font:20px Tahoma, Arial, sans-serif;
		margin-bottom: 15px; }
	h3 { font:18px Tahoma, Arial, sans-serif;
		margin-bottom: 5px; }
	h4 { font:12px Tahoma, Arial, sans-serif;
		margin-bottom: 5px; }
	h5 { font:20px Tahoma, Arial, sans-serif;
		margin-bottom: 5px; color: #FF5100;}

	.ptr { font:24px Tahoma, Arial, sans-serif; color: #FF5100;}

	.date_small{font:11px Tahoma, Arial, sans-serif;}

html, body { width: 100%;
	font: normal 12px Arial, sans-serif; }

	.table_price td {
		padding: 10px
	}

.datalex { width: 980px;
	margin: 0 auto; }
	
	.head { position: relative; z-index: 1;
		height: 61px;
		padding-top: 34px; }
		
		.head .logo { position: absolute;
			left: 0; bottom: 0; }
			
			.head .logo h2 { display: none; }
			
			.head .logo a { display: block;
				line-height: 0; }
			
		.head .motto { position: absolute;
			left: 201px; bottom: 0;
			width: 400px; height: 61px;
			background: url("/i/d/page/motto.png") no-repeat; }
			
			.head .motto p { display: none; }
		
		.head .home { position: absolute; right: 435px; bottom: 0;}
			.head .home a { display: block; line-height: 0; }
		.head .email { position: absolute; right: 415px; bottom: 0;}
			.head .email a { display: block; line-height: 0; }
		.head .eng { position: absolute; right: 385px; bottom: 0;}
			.head .eng a { display: block; line-height: 0; }

		.head .phone { position: absolute;
			right: 174px; bottom: 0;
			width: 206px; height: 61px;
			background: url("/i/d/page/phone.png") no-repeat; }
			
			.head .phone p { display: none; }
		
		.head .global-menu { position: absolute;
			right: 174px; top: 0; 
			height: 34px; }
			
			.head .global-menu ul { list-style: none;
				padding-top: 12px; }
			
				.head .global-menu ul li { display: inline;
					padding: 0 5px; }
		
	.content { float: left; display: inline; 
		width: 806px;
		padding: 0 0 25px 0; }

		.content .services { width: 806px; height: 154px;
			background: black; }
		
			.content .services ul { position: relative; z-index: 998;
				width: 806px; height: 154px;
				list-style: none; }
			
				.content .services ul li { position: absolute;
					top: 0;
					width: 200px; height: 154px; }

					.content .services ul li.create { left: 0; }
					.content .services ul li.support { left: 200px; }
					.content .services ul li.promo { left: 400px; }
					.content .services ul li.advt { width: 206px;
						left: 600px; } 

				.content .services ul li a { color: white;
					font: normal 20px Tahoma, Arial, sans-serif;
					text-align: center;
					text-decoration: none; }
					
					.content .services ul li a span { border-bottom: 1px dotted white;}
	
				*:first-child+html .content .services ul li a { text-decoration: underline; }
				*:first-child+html .content .services ul li a span { border: none; }
	
				.content .services ul li a { display: block;
					width: 140px; height: 104px;
					padding: 50px 30px 0 30px;
					background: url("/i/d/page/services-bg.png") no-repeat; }
	
					.content .services ul li.create a { }
					.content .services ul li.support a { background-position: -200px top; }
					.content .services ul li.promo a { background-position: -400px top; }
					.content .services ul li.advt a { width: 146px;
						background-position: -600px top; }
	
					.content .services ul li.create a:hover,
					.content .services ul li.create a.active { background-position: left -154px; }
					.content .services ul li.support a:hover,
					.content .services ul li.support a.active { background-position: -200px -154px; }
					.content .services ul li.promo a:hover,
					.content .services ul li.promo a.active { background-position: -400px -154px; }
					.content .services ul li.advt a:hover,
					.content .services ul li.advt a.active { background-position: -600px -154px; }
				
			.content .services ul li ul { position: absolute; display: none; z-index: 999;
				left: 0; top: 154px;
				width: 198px; height: auto;
				padding: 15px 0 7px 0;
				background: #c32801;
				border-top: 1px solid #d15a3c; }	
				
				.content .services ul li ul li { position: static;
					width: 198px; height: auto; }
					
					.content .services ul li ul li a { color: white;
						font: normal 11px Tahoma, Arial, sans-serif;
						// font: normal 10px Tahoma, Arial, sans-serif;
						text-align: left; }
					
					.content .services ul li ul li a { display: block;
						width: 168px; height: auto;
						padding: 2px 15px;
						background: transparent; } 
						
						.content .services ul li ul li a:hover { background: #e56c00; }
	
				.content .services ul li.advt ul,
				.content .services ul li.advt ul li { width: 206px; }
				
				.content .services ul li.advt ul a { width: 176px; }
				
				.content .services ul li.create ul,
				.content .services ul li.create ul li { width: 199px; }
				
				.content .services ul li.support ul { left: 1px; width: 197px; }
				.content .services ul li.support ul li { width: 197px; }
				.content .services ul li.support ul li a { width: 167px; }
				
				.content .services ul li.create ul li a { width: 169px; }
		
		.content .portfolio { position: relative; overflow: hidden;
			width: 806px; height: 277px;
			background: black url("/i/d/page/portfolio-bg.png") no-repeat;
			border-top: 1px solid #575757; }
			
			.content .portfolio .images { position: absolute; overflow: hidden;
				left: 52px; top:0;
				width: 702px; height: 218px; }
			
			.content .portfolio ol { overflow: hidden;
				width: 702px; height: 218px;
				list-style: none; }
				
				.content .portfolio ol li { float: left; 
					width: 220px; height: 170px;
					padding: 28px 7px 10px 7px; }
					
					.content .portfolio ol li a { display: block;
						width: 220px; height: 170px;
						text-decoration: none;
						color: #cecece;
						text-align: center; }
						
						.content .portfolio ol li a span { text-decoration: underline; }
						.content .portfolio ol li a:hover span { text-decoration: none; }
		
			.content .portfolio #nextBtn, 
			.content .portfolio #prevBtn { position: absolute; z-index: 900;
				top: 125px; 
				width: 14px; height: 24px;
				background: url("/i/d/page/btns.png") no-repeat; }
				
				.content .portfolio #nextBtn a,
				.content .portfolio #prevBtn a { display: block;
					width: 14px; height: 24px; }
				
				.content .portfolio #prevBtn { left: 30px; }
				
				.content .portfolio #nextBtn { right: 30px;
					background-position: -14px top; }
		
		.content .text { padding: 15px 0 12px 10px; }
		
			.content .text p { padding: 0 0 15px 0; }
			
			.content .text ul.news { overflow: hidden;
				list-style: none; }
				
				.content .text .news h3 { margin-bottom: 1; }
				
				.content .text ul.news li { float: left; display: inline; position: relative; 
					width: 220px; 
					padding: 18px 50px 0 0; }
					
					.content .text ul.news li p { padding-bottom: 0; }
					
					.content .text ul.news li .date { position: absolute;
						left: 0; top: 0px;
						font-size: 10px; }
		
	.sidebar { float: left; display: inline;
		width: 159px;
		padding: 0 0 25px 15px; }
	
	* html .sidebar { padding: 0 0 25px 12px; }
	
		.sidebar .extra-menu { overflow: hidden;
			height: 442px; }
			
			.sidebar .extra-menu ul { margin-bottom: 23px;
				list-style: none; }
		
		.sidebar .column { padding: 15px 0; }
		
	.footer { clear: both;
		width: 806px;
		text-align: center;
		padding: 15px 0px;
		border-top: 1px solid #c5c5c5;
		color: #696969; }
	.line	{
		border-top: 1px solid #e6e6e6;
	}

	.space_left	{
		margin-bottom: 7px;
	}

	.nav_menu{
		font: normal 11px Arial, sans-serif; }
	}