/*
	by Ruster
	http://ruster.info/
*/

html, body { height: 100%; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; padding: 0; margin: 0; }
form { padding: 0; margin: 0; }

body
{
	font-size: 13px;
	font-family: Arial, Tahoma, sans-serif;
	background: #131313 url('i/bg.png') 0 0 repeat;
	color: #FFF;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

abbr, acronym
{
	border-bottom: 1px dotted #222;
	cursor: help;
	font-style: italic;
}

p
{
	margin: 0 0 1em 0;
	padding: 0;
}

a:link, a:visited, a:active
{
	color: #DE1000;
	text-decoration: none;
}
	a:hover
	{
		color: #DE1000;
		text-decoration: underline;
	}

input[type="submit"],
button
{
	cursor: pointer;
}



/* XX* */
#xx1
{
	min-width: 1000px;
	min-height: 100%;
	position: relative;
}

	#xx2
	{
		overflow: hidden;
		padding-bottom: 360px;
		background: url('i/h_bg.png') 50% 0 repeat-x;
	}

		/* Header */
		#header
		{
			width: 1000px;
			height: 215px;
			margin: 0 auto;
			position: relative;
		}
	
			#logo
			{
				width: 388px;
				height: 121px;
				position: absolute;
				top: 0;
				left: -45px;
			}
			
			#ruster
			{
				width: 127px;
				height: 119px;
				background: url('i/ruster.png') 0 0 no-repeat;
				position: absolute;
				top: 19px;
				right: 25px;
			}
			
			#kontakti
			{
				position: absolute;
				top: 50px;
				right: 160px;
			}
				
				#kontakti h2
				{
					color: #7C7C7C;
					font-size: 14px;
					font-weight: bold;
				}
			
				#kontakti dl
				{
					margin: 0;
					padding: 0;
				}
					#kontakti dt
					{
						margin: 0;
						padding: 0;
						float: left;
					}
					
					#kontakti dd
					{
						margin: 0;
						padding: 0;
						margin-left: 60px;
					}
			
			/* Навигация */
			ul#menu
			{
				width: 100%;
				height: 56px;
				display: block;
				position: absolute;
				top: 128px;
				left: 0;
				overflow: hidden;
				text-align: center;
				margin: 0;
				padding: 0;
			}
				ul#menu li
				{
					height: 56px;
					line-height: 56px;
					background: #000;
					display: inline-block;
					padding: 0 40px;
					margin: 0;
					background: url('i/link_top_menu.png') 0 0 no-repeat;
					font-family: 'Times New Roman', 'Minion Pro';
					font-size: 18px;
				}
					ul#menu li:first-child
					{
						background: none;
					}
				
					ul#menu li a
					{
						color: #EABDBD;
						text-shadow: 1px 1px 0 #7E0406;
						text-decoration: none !important;
					}
						ul#menu li a:hover
						{
							color: #FFF;
						}
				
				





		/* SIDE */
		#xbody
		{
			width: 900px;
			margin: 20px auto 0 auto;
			overflow: hidden;
			position: relative;
		}

			#left-side
			{
				float: left;
				width: 410px;
			}

			#right-side
			{
				margin-left: 490px;
			}


	/* Footer */
	#footer
	{
		width: 100%;
		height: 359px;
		background: url('i/f_bg.png') 0 67px repeat-x;
		position: absolute;
		bottom: 0;
		left: 0;
	}

		#footer_1000
		{
			width: 1000px;
			height: 359px;
			position: relative;
			margin: 0 auto;
		}
		
			/* Последные работы */
			#raboti_title
			{
				width: 230px;
				height: 15px;
				background: url('i/raboti_title.png') 0 0 no-repeat;
				position: absolute;
				top: 53px;
				left: 40px;
			}
			
			#f_kon
			{
				width: 920px;
				padding: 0 40px;
				height: 202px;
				position: absolute;
				bottom: 71px;
				left: 0px;
			}
			
			#raboti
			{
				height: 202px;
				position: absolute;
				bottom: 71px;
				left: 57px;
			}
			
				#raboti a.rabota
				{
					width: 280px;
					height: 200px;
					padding: 1px;
					margin-right: 20px;
					background: url('i/ramka.png') 0 0 no-repeat;
					display: block;
					float: left;
				}
				
					#raboti a.rabota img
					{
						width: 280px;
						height: 200px;
						display: block;
					}
					
				#vse_raboti
				{
					width: 31px;
					height: 121px;
					display: block;
					float: left;
					margin: 40px 0 0 -20px;
				}

			#oplata
			{
				width: 377px;
				height: 47px;
				background: url('i/oplata.png') 0 0 no-repeat;
				position: absolute;
				top: 0;
				right: 15px;
				padding: 25px 0 0 103px;
			}
			
				#oplata img
				{
					width: 88px;
					height: 31px;
					display: block;
					float: left;
					margin-right: 5px;
				}
			
			#banan
			{
				position: absolute;
				bottom: 10px;
				right: 40px;
			}

				#banan img
				{
					width: 88px;
					height: 31px;
					display: block;
					float: left;
					margin-left: 5px;
					opacity: 0.5;
				}
					#banan a:hover img
					{
						opacity: 1;
					}
				
				#valid
				{
					width: 88px;
					height: 31px;
					display: block;
					float: left;
					margin-left: 5px;
				}

					#banan #valid img
					{
						width: 88px;
						height: 15px;
						display: block;
						float: none;
						margin: 0 0 1px 0;
					}
			
			#copyright
			{
				color: #7C7C7C;
				position: absolute;
				bottom: 15px;
				left: 40px;
				font-weight: bold;
			}



/* etc */
.boo
{
	height: 103px;
	line-height: 1.6;
}
	#xbody .boo:first-letter
	{
		font-size: 24px;
		font-weight: bold;
		line-height: 0 !important;
	}

/* Listing */
.krolik
{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}
	.krolik:after
	{
		content: '';
		display: block;
		clear: both;
	}

	.krolik2
	{
		position: relative;
		left: 50%;
		float: left;
	}
		.krolik3
		{
			position: relative;
			z-index: 1;
			left: -50%;
		}

			.listing
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
				font-size: 18px;
			}
				.listing li
				{
					margin: 0;
					padding: 0;
					display: block;
					float: left;
				}

					.listing a
					{
						color: #AEAEAE;
						text-decoration: none;
						text-shadow: #000 1px 1px 1px;
						padding: 3px 10px;
						display: block;
						background: url('i/listing.png') 0 -19px repeat;
						
					}
						.listing a:hover
						{
							Color: #F1F1F1;
							text-decoration: none;
							background: url('i/listing.png') 0 -71px repeat;
						}

					.listing .active
					{
						color: #F1F1F1;
						text-decoration: none;
						text-shadow: #000 1px 1px 1px;
						padding: 3px 10px;
						display: block;
						background: url('i/listing.png') 0 -123px repeat;
					}


#xbody .xblock .p, #xbody .xblock2 .p { background: #0C0C0C url('i/x_bg.png') 0 0 repeat; }
#xbody .xblock .p .p1, #xbody .xblock2 .p .p1 { background: url('i/x1.png') 0 0 no-repeat; }
#xbody .xblock .p .p2, #xbody .xblock2 .p .p2 { background: url('i/x2.png') 100% 0 no-repeat; }
#xbody .xblock .p .p3, #xbody .xblock2 .p .p3 { background: url('i/x3.png') 0 100% no-repeat; }
#xbody .xblock .p .p4, #xbody .xblock2 .p .p4 { background: url('i/x4.png') 100% 100% no-repeat; }

#footer .xblock .p { background: #0C0C0C url('i/x_bg_b.png') 0 0 repeat; }
#footer .xblock .p .p1 { background: url('i/x1b.png') 0 0 no-repeat; }
#footer .xblock .p .p2 { background: url('i/x2b.png') 100% 0 no-repeat; }
#footer .xblock .p .p3 { background: url('i/x3b.png') 0 100% no-repeat; }
#footer .xblock .p .p4 { background: url('i/x4b.png') 100% 100% no-repeat; }
#footer .xblock .p .p4 ul#ammm123 {	background: url('i/123b.png') 0 0 no-repeat; }
			/* xBlock -------------------------- */
			#xbody .xblock
			{
				margin-bottom: 30px;
			}
			
				.xblock h2
				{
					color: #DE1000;
					font-size: 20px;
					text-shadow: #000 1px 1px 1px;
					margin: 0 0 10px 15px;
					font-weight: bold;
				}
				
				.xblock .p .p4
				{
					padding: 25px;
				}
					
					.xblock .p .p4 ul#ammm123
					{
						height: 143px;
						background: url('i/123.png') 0 0 no-repeat;
						margin: -20px 0 -20px -40px;
						padding: 0 0 0 50px;
						overflow: hidden;
						font-size: 15px;
						list-style-type: none;
						position: relative;
					}



						.xblock .p .p4 ul#ammm123 li
						{
							margin: 0;
							padding: 13px 0;
							display: block;
						}
				
							.xblock .p .p4 ul#ammm123 em
							{
								color: #7C7C7C;
								font-style: normal;
								font-size: 10px;
								vertical-align: 5px;
								margin-left: 2px;
							}

			
			
			/* xBlock 2 -------------------------- */
			.xblock2
			{
				width: 600px;
				margin: 0 auto 50px auto;
				position: relative;
			}
			
				.xblock2 h2
				{
					color: #DE1000;
					font-size: 24px;
					text-shadow: #000 1px 1px 1px;
					margin: 0 0 10px 15px;
					font-weight: bold;
				}
				
				.xblock2 .date
				{
					width: 54px;
					height: 50px;
					background: url('i/date.png') 0 0 no-repeat;
					padding: 15px 0 0 1px;
					color: #3B3B3B;
					font-weight: bold;
					font-size: 10px;
					text-align: center;
					position: absolute;
					top: 76px;
					right: -54px;
				}
					.xblock2 .date span
					{
						font-size: 14px;
						display: block;
					}
				
					.xblock2 .p .p4
					{
						padding: 50px;
						overflow: hidden;
					}
										
						.xblock2 .p img.ximg
						{
							display: block;
							margin: 0 auto 20px auto;
							border: 1px solid #181818;
							padding: 1px;
						}
							.xblock2 .p a:hover img.ximg
							{
								border: 1px solid #303030
							}
					
						.xblock2 .p .url
						{
							height: 28px;
							line-height: 28px;
							background: url('i/url.png') 0 0 no-repeat;
							display: block;
							position: absolute;
							bottom: 0;
							left: 50px;
						}

							.xblock2 .p .url a
							{
								height: 28px;
								background: url('i/url2.png') 100% 0 no-repeat;
								display: block;
								padding: 0 15px;
								color: #3B3B3B;
							}
						
				.xblock2 .more
				{
					width: 117px;
					height: 44px;
					position: absolute;
					bottom: -8px;
					right: 50px;
				}