*
{
	margin:0;
	padding:0;
	border:0;
}

html, body
{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

/****************************************************************** иконки ******************************************************************/

#mwrapper
{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
}

#icons
{
	position:relative;
	width:100%;
	height:100%;
	color:#353535;
	background:url('../i/iconBack.jpg') left top repeat;
}
	#icons h1
	{
		font:30px trebuchet ms;
		color:#353535;
		margin-bottom:5px;
	}
	
	#icons a { color:#2f73c7; }
	
	#icons a:hover { text-decoration:none; }
	
	#icons #icBack
	{
		width:100%;
		max-width:1200px;
		min-width:1000px;
		height:100%;
		background:url('../i/icBack.jpg') center top no-repeat;
		margin:auto;
		position:relative;
	}
	
		#icBack #iconContainer
		{
			width:1000px;
			margin:auto;
			position:relative;
			height:100%;
		}
	
		#icBack #icLogo
		{
			width:273px;
			height:174px;
			background:url('../i/icLogo.png') left top no-repeat;	
			position:absolute;
			top:188px;
			left:190px;
		}
		
		#icBack #icInfo
		{
			width:270px;
			position:absolute;
			left:190px;
			font:13px trebuchet ms;
			font-style:italic;
			top:390px;	
		}
			#icInfo .ico
			{
				width:100%;
				height:21px;
				background:url('../i/icons.png') no-repeat;
				padding:2px 0 0 30px;
				margin-bottom:2px;
			}
			
			#icInfo .icq 	{ background-position:0 0; }
			
			#icInfo .post { background-position:0 -25px; }

			#icInfo .phone { background-position:0 -50px; }
			
		#icBack #icMenu
		{
			width:373px;	
			position:absolute;
			top:180px;
			left:500px;
			font:11px trebuchet ms;
			color:#808080;
		}
			#icMenu ul { list-style-type:none; }
				
				#icMenu ul li { margin-bottom:2px; }
			
			#icMenu a
			{
				color:#353535;
				text-decoration:none;	
				border-bottom:1px dashed #353535;
			}
				.px31 { font:30px trebuchet ms; }
				
				.px25 { font:23px trebuchet ms; }
				
				.px20 { font:19px trebuchet ms; }

				.px18 { font:17px trebuchet ms; }
				
				.px15 { font:15px trebuchet ms; }
				
				.px13 { font:13px trebuchet ms; }
				
				.px11 { font:11px trebuchet ms; }
				
				#icBack .blog
				{
					width:124px;
					height:84px;
					background:url('../i/icBlog.jpg') left top no-repeat;
					display:block;
					position:absolute;
					top:328px;
					right:0;	
				}

/****************************************************************** программки ******************************************************************/

#os
{
	position:relative;
	width:100%;
	height:100%;
	color:#353535;
	background:url('../i/iconBack.jpg') left top repeat;
}

	#os #osBack
	{
		width:100%;
		max-width:1200px;
		min-width:1000px;
		height:100%;
		background:url('../i/icBack.jpg') center top no-repeat;
		margin:auto;
		position:relative;
	}


	#os #osContainer
	{
		width:322px;
		height:310px;
		background:url('../i/osBack.jpg') left top no-repeat;
		margin:auto;
		position:relative;
		padding:245px 0 0 58px;
		top:96px;
		font:11px arial;
		color:#353535;
	}
		#osContainer a { color:#353535; text-decoration:none; }
		
		#osContainer a:hover 
		{ 
			text-decoration:none; 
		}
		
		#osContainer  .brdr a:hover
		{
			border-bottom:1px dashed #353535 !important;	
		}
		
		#osContainer ul li 
		{ 
			list-style-type:none; 
			margin-bottom:2px; 
			color:#808080; 
		}
		
		#osContainer h1
		{
			font:13px arial;
			color:#353535;
			font-weight:bolder;		
			margin:15px 0 9px 0;
		}
		
		#osContainer  .osUl li
		{
			color:#353535 !important;
		}
			.osUl a
			{
				color:#2f73c7 !important;
				text-decoration:underline !important;
			}
			
			.osUl a:hover
			{
				text-decoration:none !important;
			}
		
		#osContainer  a.osBlog
		{
			width:65px;
			height:23px;
			background:url('../i/osBlog.jpg') left top no-repeat;
			cursor:pointer;
			display:block;
			position:absolute;
			right:50px;
			top:463px;
			border:0 !important;
		}
		
/****************************************************************** дизайны ******************************************************************/

#design
{
	position:relative;
	width:100%;
	height:100%;
	color:#353535;
	background:url('../i/iconBack.jpg') left top repeat;
}
	#design h1
	{
		font:30px trebuchet ms;
		color:#353535;
		margin-bottom:9px;
	}


	#design #designBack
	{
		width:100%;
		min-width:1000px;
		background:url('../i/designBack.jpg') center top no-repeat;
		height:100%;		
		position:relative;
	}
		#designBack .designBlock
		{
			width:97px;
			height:57px;
			background:url('../i/desBlock.jpg') left top no-repeat;
			display:block;
			position:absolute;
			top:333px;
			right:35px;
			font:30px trebuchet ms;
			padding:15px 0 0 20px;
			color:#000;
		}
		
		#designBack #designContact
		{
			width:575px;
			height:324px;
			margin:auto;
			top:170px;
			position:relative;
		}
			#designContact #conts
			{
				width:220px;
				position:absolute;
				top:185px;
				left:0;	
			}
				#designContact  ul li
				{
					list-style-type:none;	
					font-style:italic !important;
					font:13px trebuchet ms;
					margin-bottom:8px;
				}
				
				#conts a { color:#2f73c7; }
				
				#conts a:hover { text-decoration:none; }
			
			#designContact #desMenu
			{
				width:313px;	
				position:absolute;
				top:10px;
				left:265px;
				font:11px trebuchet ms;
				color:#808080;
			}
				#desMenu li
				{
					margin-bottom:0 !important;			
				}
				
				#desMenu a
				{
					color:#353535;	
					text-decoration:none;	
					border-bottom:1px dashed #353535;
				}
				
				#desMenu .px31 { font:25px trebuchet ms; }
				
				#desMenu .px25 { font:21px trebuchet ms; }
				
				#desMenu .px20 { font:17px trebuchet ms; }

				#desMenu .px18 { font:15px trebuchet ms; }
				
				#desMenu .px15 { font:14px trebuchet ms; }
				
				#desMenu .px13 { font:12px trebuchet ms; }
				
				#desMenu .px11 { font:11px trebuchet ms; }

/****************************************************************** сайтики ******************************************************************/		

#web
{
	position:relative;
	width:100%;
	height:100%;
	color:#353535;
	background:#fff;
}		
	#web #php
	{
		width:216px;
		font:11px trebuchet ms;
		color:#cbcbcb;
		position:absolute;
		left:4px;
		top:1px;	
	}				
	
	#web #phpclose
	{
		width:15px;	
		font:11px trebuchet ms;
		color:#cbcbcb;
		position:absolute;
		right:4px;
		bottom:1px;
	}
	
	#web #webContent
	{
		margin:auto;
		width:490px;
		padding-top:175px;	
	}
		#webContent .tag
		{
			font:13px trebuchet ms;
			color:#969696;	
			float:left;
			width:90px;
		}
		
		#webContent ul
		{
			margin-bottom:40px;	
		}
		
		#webContent a
		{
			color:#353535;
			text-decoration:none;
			border-bottom:1px solid #fff;
		}
		
		#webContent a:hover
		{
			border-bottom:1px dashed #353535;	
		}
		
		.txtLt
		{
			text-align:left;	
		}
		
		.txtRt
		{
			text-align:right;	
		}
		
		.pd14
		{
			padding-top:14px;	
		}
		
		.pd10
		{
			padding-top:10px;	
		}
		
		.pd6
		{
			padding-top:6px;	
		}
		
		.pd5
		{
			padding-top:4px;	
		}
		
		.pd2
		{
			padding-top:2px;	
		}
		
		#webContent h1
		{
			font:30px trebuchet ms;
			color:#353535;
			float:left;
			margin-bottom:20px;
		}
		
		#webContent xmp
		{
			font-family:Trebuchet MS;	
		}
		
		#webContent ul
		{
			list-style-type:none;	
		}
			#webContent ul li
			{
				width:100%;
				clear:left;	
			}
		
		#webContent .p30
		{
			font:30px trebuchet ms;
			float:left;	
		}

		#webContent .p25
		{
			font:25px trebuchet ms;
			float:left;	
		}
		
		#webContent .p20
		{
			font:20px trebuchet ms;
			float:left;	
		}
		
		#webContent .p18
		{
			font:18px trebuchet ms;
			float:left;	
		}
		
		.p15
		{
			color:#808080;
			float:left;
			font:15px trebuchet ms;
		}
		
		.p13
		{
			float:left;
			font:13px trebuchet ms;
		}
		
		.p11
		{
			float:left;
			font:11px trebuchet ms;
		}
		
		a.email
		{
			border:0;
			color:#2f73c7 !important;
			text-decoration:underline !important;	
		}
		
		a:hover.email
		{
			border:0 !important;
			text-decoration:none !important;
		}
	
/****************************************************************** вёрсточка ******************************************************************/

#xhtml
{
	position:relative;
	width:100%;
	height:100%;
	color:#353535;
	background:#fff;
}
	#xhtml xmp
	{
		font-family:Trebuchet MS;	
	}
	
	#html1
	{
		width:45px;
		font:11px trebuchet ms;
		color:#cbcbcb;
		position:absolute;
		left:4px;
		top:1px;	
	}

	#html2
	{
		width:45px;
		font:11px trebuchet ms;
		color:#cbcbcb;
		position:absolute;
		right:4px;
		bottom:1px;	
	}
	
	#htmlContainer
	{
		width:606px;
		height:342px;
		margin:auto;
		background:url('../i/xhtml.gif') left top no-repeat;
		top:170px;
		position:relative;
	}
	
		#htmlContainer .htmBlog
		{
			width:118px;
			height:60px;
			border:1px solid #000;
			background:url('../i/x.gif') left top no-repeat;	
			position:absolute;
			right:-180px;
			top:164px;
			text-align:center;
			padding-top:15px;
		}
			.htmBlog a
			{
				font:30px trebuchet ms;
				color:#2f73c7;	
			}
			
			.htmBlog a:hover
			{
				text-decoration:none;
			}
	
		#htmlContainer .pic
		{
			font:11px trebuchet ms;
			color:#cbcbcb;
 			position:absolute;
 			top:-17px;
 			left:0;
		}
		
		#htmlContainer .pic2
		{
			font:11px trebuchet ms;
			color:#cbcbcb;
 			position:absolute;
 			top:-17px;
 			left:0;
		}
		
		#htmlContainer .pic3
		{
			font:11px trebuchet ms;
			color:#cbcbcb;
 			position:absolute;
 			bottom:-17px;
 			right:0;
		}
		
		#htmlContainer .title
		{
			position:absolute;	
			font:11px trebuchet ms;
			color:#cbcbcb;
			left:28px;
			top:22px;
		}
		
		#htmlContainer #htmlConts
		{
			width:220px;
			position:absolute;
			top:185px;
			left:24px;	
		}
			#htmlConts h1
			{
				font:29px trebuchet ms;
				color:#353535;
				margin-bottom:9px;
			}
			
			#htmlConts ul li
			{
				list-style-type:none;
				font:13px trebuchet ms;
				font-style:italic;	
				margin-bottom:11px;
			}
			
			#htmlConts a
			{
				color:#2f73c7;
			}
			
			#htmlConts a:hover
			{
				text-decoration:none;
			}
			
			.a
			{
				font:11px trebuchet ms;
				color:#cbcbcb;
				position:absolute;
			}
			
			.a1
			{
				left:-21px;
				margin-top:2px;
			}

			.a2
			{
				left:135px;
				margin-top:2px;
			}
			
			.a3
			{
				left:-21px;
				margin-top:12px;
			}
			
			.a4
			{
				left:-21px;
				margin-top:7px;
			}
			
			.a5
			{
				left:-21px;
				margin-top:5px;
			}
			
			.a6
			{
				left:156px;
				margin-top:12px;
			}
			
			.a7
			{
				left:261px;
				margin-top:7px;
			}
			
			.a8
			{
				left:225px;
				margin-top:5px;
			}
			
			.a9
			{
				left:158px;
				margin-top:2px;
			}

			.a10
			{
				left:60px;
				margin-top:2px;
			}
			
			.a11
			{
				left:39px;
				margin-top:2px;
			}
			
			.a12
			{
				left:5px;
				top:35px;
			}
			
			.a13
			{
				left:90px;
				top:35px;
			}



			
			#htmMenu
			{
				width:313px;	
				position:absolute;
				top:13px;
				left:265px;
				font:11px trebuchet ms;
				color:#808080;
				list-style-type:none;
			}
				#htmMenu li
				{
					margin-bottom:0 !important;			
				}
				
				#htmMenu a
				{
					color:#353535;	
					text-decoration:none;	
					border-bottom:1px dashed #353535;
				}
				
				#htmMenu .px31 { font:28px trebuchet ms; }
				
				#htmMenu .px25 { font:23px trebuchet ms; }
				
				#htmMenu .px20 { font:17px trebuchet ms; }

				#htmMenu .px18 { font:15px trebuchet ms; }
				
				#htmMenu .px15 { font:14px trebuchet ms; }
				
				#htmMenu .px13 { font:12px trebuchet ms; }
				
				#htmMenu .px11 { font:11px trebuchet ms; }
				
				#htmMenu .mtb { margin-top:-5px; }

/****************************************************************** манагмент ******************************************************************/

#manage
{
	width:100%;
	height:100%;
	position:relative;
	background:url('../i/k.gif') center center repeat;
	min-height:720px;
}
	#manage .manageBlock
	{
		position:absolute;
		z-index:15;	
		width:100%;
		min-width:1000px;
		max-width:1141px;
		height:701px;
		left:50%;
		margin-left:-571px;
		overflow:hidden;

	}
		#manager
		{
			background:url('../i/manage.png') left top no-repeat;
			z-index:14;
			position:absolute;
			left:50%;
			margin-left:-571px;
			width:100%;
			min-width:1000px;
			max-width:1141px;
			height:701px;
			top:21px;
			
		}
		
		.manageBlock .manageMail
		{
			position:absolute;
			z-index:16;
			display:block;
			width:126px;
			height:25px;
			top:431px;
			left:272px;
		}
		.manageBlock .manageBlog
		{
			position:absolute;
			z-index:16;	
			width:121px;
			height:74px;
			top:335px;
			left:1000px;
		}
		.manageBlock .manageVerst
		{
			width:295px;
			height:38px;
			position:absolute;
			left:524px;
			top:183px;
			display:block;
		}
		.manageBlock .manageDesign
		{
			position:absolute;
			left:524px;
			top:223px;
			width:174px;
			height:26px;
			display:block;
		}
		.manageBlock .managePo
		{
			position:absolute;
			left:524px;
			top:273px;
			width:277px;
			height:21px;
			display:block;
		}
		.manageBlock .manageWeb
		{
			position:absolute;
			left:524px;
			top:296px;
			width:168px;
			height:15px;
			display:block;
		}
		.manageBlock .managePda
		{
			position:absolute;
			left:524px;
			top:313px;
			width:63px;
			height:12px;
			display:block;
		}
		.manageBlock .manageIcons
		{
			position:absolute;
			left:524px;
			top:327px;
			width:40px;
			height:14px;
			display:block;
		}

/****************************************************************** ПДА ******************************************************************/

#pda
{
	width:100%;
	height:100%;
	position:relative;
}
	#pda #pdaTop
	{
		width:100%;
		background:#b7000d;
		font:13px arial;
		color:#fff;
	}
		#pdaTop a { color:#fff; }
		#pdaTop a:hover { text-decoration:none; }
		
		#pdaTop #TopCont
		{
			width:200px;
			margin:auto;
			background:url('../i/pda.gif') left center no-repeat;
			height:25px;
			text-align:right;
			padding-top:7px;	
		}
	#pda #pdaBody
	{
		width:100%;
		background:#fff;	
	}
		#pdaBody #BodyCont
		{
			width:200px;
			margin:auto;
			font:11px arial;
			color:#808080;
			padding:5px 0 15px 0;
		}
			#BodyCont a
			{
				color:#b7000d;	
			}
			
			#BodyCont ul
			{
				color:#b7000d;	
				font-weight:normal;
				margin-left:12px;
			}
			
				#BodyCont ul li
				{
					margin-bottom:2px;	
				}
			
				#BodyCont ul span
				{
					color:#808080;
				}
	
	#pda #pdaContact
	{
		width:100%; 
		height:23px;
		background:#c9d1d3;
		font:11px arial;
		color:#3a3e3f;
		text-align:left;
	}
		#pdaContact #pdaCnt
		{
			width:200px;
			padding-top:5px;
			margin:auto;
		}
		
	#pda #pdaAbout
	{
		width:200px;
		margin:auto;	
	}
		#pdaAbout ul li
		{
			list-style-type:none;
			font:11px arial;
			color:#000;	
			margin-top:4px;
		}
		
		#pdaAbout a
		{
			color:#b7000d;
		}
						
/****************************************************************** воруй, убивай ******************************************************************/
	
.left {float:left;}

.right {float:right;}

.clear {clear:both;}