* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font:12px/16px Verdana,"Times New Roman", Times, serif;
	height: 100%;
	text-align:center;
	background-color:#999;
}
a {
	color:#003300;
	outline: none;
	text-decoration: underline;
	
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
h3{font-size:12px;}
input {vertical-align: middle}
.to_left{float: left;display: inline;}
.to_right{float: right !important; display: inline;}
.clear{clear:both;}
.grey{color:#666;}

#wrapper {
	min-width: 983px;
	max-width: 1383px;
	margin: 0 auto;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	background-color:#FFF;
	height: 100%;}


/* Header
-----------------------------------------------------------------------------*/
#header {
	padding-top:18px;
	height: 75px;
}
	#header #logo a{
		float: left;
		display: inline;
		display:block; 
		background:url(../img/logo.png) no-repeat;
		margin-left:35px;
		width:260px;
		height:50px;}
	#header h2{
		font-size:13px;
		margin:8px 0 0 10px;
		float: left;
		display: inline;}
	#header #contact_info{
		float: right;
		display: inline;
		color:#990000;
		font-size:13px;
		margin-right:35px;
	}
	#header #contact_info {font-size:13px;}
	#header #contact_info p{color:black; margin-top:4px;}
	#header #contact_info p span{font-weight:900; font-size:23px;}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 50px;
	height: 1%;
}
#middle:after{
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	display:inline;
	overflow: hidden;
	position: relative;
}
#content{
	padding:0 1%;
}

#content-default{
	padding-left:2%;
	padding-top:74px;
}
	#content h3{
		margin-bottom:10px;}
p.discr{max-width:600px;}
.padded_block{
	padding:0 0 0 30px;
	clear:both;
}
#content.padded_block{
	padding:0 0 0 45px;
}
	.padded_block .rightBlock{
		float: left;
		display: inline;
		width:40%;
		margin-top:0;
	}
	.to_center{
		margin:0 auto;
		max-width:1000px;
	}
	#top_menu{
		background:url(../img/top_menu_bg.png) repeat-x;
		float: left;
		display: inline;
		width:100%;
		height:27px;
		margin-bottom:27px;
                
		font-size:12px;
	}
		#top_menu li a{
			color:#fff;
			font-weight:bold;}
		#top_menu li{
			line-height:27px;
			float: left;
			display: inline;
			padding:0 2%;
			}
		#top_menu li.act{
			background:url(../img/top_menu_bg_act.png) top left repeat-x;
			font-weight:bold;
			color:#000;}
			#top_menu li.act a{
				color:#000;
				font-weight:normal;}
		#top_menu li.to_right{
			width:auto;
			margin:5px 0;
			line-height:17px;
			border-left:1px solid #5c0101;
		}
			#top_menu li.to_right a{
				text-decoration:none;
				padding:0;
				border-bottom:1px dashed #fff;
			}
				#top_menu li.to_right a:hover{
					margin-top:1px;
					border-bottom:none;
				}
		#top_menu li.sub_block{
			clear:left;
			background:url(../img/top_menu_bg_act.png) left bottom repeat-x;
			padding:0;
			width:100%;}
			#top_menu li.sub_block a{
				color:#003366;
				margin:0 1% 0 2%;
				font-weight:normal;
				font-size:12px;
			}
			#top_menu li.sub_block .act{
				color:#000;
				font-size:12px;
				margin:0 1% 0 2%;
				font-weight:bold;
			}
	#content h1{
		font-size:22px;
		clear:both;
		padding:20px 0 20px 15px;
	}
		#content h1 span{
			font-weight:normal;
			color:#666;
		}
	.big_baner{
		float: left;
		display: inline;
		display:block;
		width:698px;
		height:285px;
		/*border:1px solid #ccc;*/
	}
	.uslugi li{
		height:72px;
		width:158px;
		border:1px solid #ccc;
		float: right;
		display: inline;
		padding: 3px 85px 5px 10px;
		margin-bottom:20px;
		line-height:16px;
		position: relative;
		
	}
		.uslugi li a{color:#003366; display:block; margin-bottom:7px;}
		.uslugi li a.crown{ position: absolute;
		top:15px;
		right:15px;
		}
		.uslugi li table{
			width:243px;
			height:75px;
			margin:0 -85px 0 0px;
		}
		.uslugi li table td{
			padding:5px;
			padding-left:0;
		}
		.uslugi.col{
		margin-top:40px;}
	.making_sites{
		font-weight:bold;
		clear:both;
		color:#003366;
		float: left;
		display: inline;
		margin:10px 0;
	}
	#galery{
		clear:both;
		position: relative;
		margin:10px auto 0;
		float: left;
		display: inline;
		width:75%;
		text-align:justify;
	}
	#galery2{
		clear:both;
		position: relative;
		margin:10px auto 0;
		margin-top:0px;
		float: left;
		display: inline;
		width:75%;
		text-align:justify;
	}
	.show{
		float: left;
		display: inline;
		width:100%;
		max-width:1250px;
	}
	#galery.big_galery{
			float:none;
			display:block;
			margin:0 auto;
			height:auto;
			text-align:center;
			width:100%;
		}
		#galery div.site{
			float: left;
			display: inline;
			position: relative;
			vertical-align:top;
			text-align:center;
			padding:0;
			width:33%;
		}
		#galery2 div.site{
			float: left;
			display: inline;
			position: relative;
			vertical-align:top;
			text-align:center;
			padding:0;
			width:33%;
		}
			#galery.big_galery div.site{
				float:none;
			display:-moz-inline-stack; /* for FF2*/
			display:inline-block; /* normal browsers */
			zoom:1; /* for IE (hasLayout true) */
			*display:inline; /* for IE */			
				margin:0 3%;}
			#galery div.site a{color:#990000; margin:0;}
			#galery div.site a.addr{
				color:#000; 
				float: left;
				display: inline;
				font-weight:bold;
				margin:0 10px 5px 0;
				line-height:16px;
				}
			#galery div.site .date{
				color:#999;
				font-size:10px;
				float: left;
				display: inline;
				}
			#galery div.site p{
				float: left;
				display: inline;
				padding:0;
				width:235px;
				margin:0;
				padding:5px 0 15px;}
				
				#galery2 div.site a{color:#990000; margin:0;}
			#galery2 div.site a.addr{
				color:#000; 
				float: left;
				display: inline;
				font-weight:bold;
				margin:0 10px 5px 0;
				line-height:16px;
				}
			#galery2 div.site .date{
				color:#999;
				font-size:10px;
				float: left;
				display: inline;
				}
			#galery2 div.site p{
				float: left;
				display: inline;
				padding:0;
				width:235px;
				margin:0;
				padding:5px 0 15px;}
				
			#galery.big_galery div.site, #galery.big_galery div img{
				width:260px;}
				
		.snapshoot{display:block; width:235px;}
			.big_snapshoot{
				margin:5px 20px;
				padding:0;
				float: left;
				display: inline;
}		a.addr{
			color:#003366;
			font-weight:bold;
			margin-left:20px;
		}
		.discr{
			width:60%;
			margin-left:10px;
			margin-bottom:30px;
					}
		.auth{
			margin:10px 20px 0 530px;
		}
			.auth h2{line-height:35px; background-color:#f0f0f0; padding-left:25px; margin-bottom:20px; font-size:16px; margin-right:-30px;}
			a.to_right, .rightBlock a.to_right{color:#990000; font-weight:bold;}
			.auth i{margin:0 0 5px 40px; display:block;}
			.auth p{margin-left:40px;}

		#by_hronology h2, #by_category h2{	margin-bottom:20px;}
		#by_hronology h3, #by_category h3{	margin-bottom:5px; margin-top:20px;}
		#by_hronology a, #by_category a{ color:#990000;}
		#by_hronology p, #by_category p{margin-bottom:5px;}
		#by_hronology .date, #by_category .date{ font-size:10px;}
		.date{display:block; color:#666;}
	.rightBlock{
		float: right;
		display: inline;
		width:23%;
		margin-top: -280px;
		text-align:left;
	}
		.rightBlock h3{
			line-height:1.1em;
			margin-bottom:10px;
		}
		.rightBlock a{
			display:block;
			color:#003366;
			line-height:1.4em;
		}
		.padded_block .rightBlock p{ width:auto;}
		.direct{
			margin:0 0 10px 0;
			
		}
			.direct a{
				color:#990000;
				line-height:normal;
			}
			.direct a.addr{
				color:#006600;
				margin:0;
			}
			.direct p{
				margin:0;
			}
			.direct .area,.direct .guest{ color:#999; font-style:italic;}
	.direct_snap{
		float: left;
		display: inline;
		width:640px;
	}
		.direct_snap img{margin-left:-15px;}
	.h_sep{
		height:30px;
		margin-bottom:30px;
		clear:both;
		border-bottom:4px dashed #990000;
		margin-left:-20px;
	}
	#mid_block{ margin-bottom:20px; margin-top:20px;}
	#stat{float: left;	display: inline; color:#003366;padding-right:10px; width:350px;}
	#stat a{color:#003366; font-weight:bold;}
	#stat a.join{color:#990000;font-weight:normal;}
	#stat p{width:auto;}
	#stat .total_stat{ color:#999;}
	#stat .toLeft{	list-style-type:decimal; list-style-position:inside; width:340px; color:#000;}
		#stat .toLeft li{margin-bottom:10px;}
	
	.stat_info{
		margin-top:30px;
		overflow:hidden;
		height:180px;
		width:500px;
	}
		.stat_info_block{
			display:-moz-inline-stack; /* for FF2*/
			display:inline-block; /* normal browsers */
			zoom:1; /* for IE (hasLayout true) */
			*display:inline; /* for IE */			
			width:49%;
			margin:10px 0;
			font-weight:bold;
			list-style-type:decimal; 
			list-style-position:inside;
		}
			.stat_info_block li{font-weight:normal;}
	#advert_stat {
		max-width:1100px;
		margin:0;
		position: relative;
		text-align:center;
		}	
		#advert_stat .col{
			float: left;
			display: inline;
			margin-top:10px;
			width:27%;
			padding:0 3% 0 0;}
			#advert_stat .col a.to_right{
				margin-right:20px;
				font-weight:normal;}
	.col { 
		vertical-align:top;
		line-height:16px;
		padding:0 4% 0 10px;
		width:28%;
		display:-moz-inline-stack; /* for FF2*/
		display:inline-block; /* normal browsers */
		zoom:1; /* for IE (hasLayout true) */
		*display:inline; /* for IE */		
		text-align:left;}
		
		.col.double{
			width:60%;
			padding:0;
			
		}
			.col.double p.area{
				margin:0;
			}
		.mid_block	.col { 
			padding:0 4%;
			width:25%;
		}
		.col div{margin:5px 0 20px ;} 
		.col a{color:#003366;}
		.padded_block .col p{width:auto;}
		.col a.addr{
			margin:0;
			color:#990000;
			font-weight:normal;
		}
		.col .date{font-size:10px;}
	.col .direct, .direct_show .direct{
		font-size:12px;
	}
		.col .direct a, .direct_show .direct a{
			display:block;
			font-size:12px;
			font-weight:bold;
					}
		.col .direct p, .direct_show .direct p{
			width:auto;
			color:#666;}
		.col .direct .addr, .direct_show .direct .addr{
			font-size:12px;
			color:#006600;
			font-weight:normal;
			}
		.col .direct p a, .direct_show .direct p a{
			display:inline;
			font-size:12px;
			font-weight:normal;
			color:#666;}
		.col .area{
			color:#666;}
		.col .position a{
			color:#990000;
			font-weight:bold;}
		.col a.to_right{
			color:#990000;}
		#content p ul{
			list-style:none;
			}
		.col.to_left{width:100%; padding:0; min-height:320px;}
			.col.to_left div{
				margin-right:40px;
				width:250px;
				display:-moz-inline-stack; /* for FF2*/
				display:inline-block; /* normal browsers */
				zoom:1; /* for IE (hasLayout true) */
				*display:inline; /* for IE */				
			}
			.col.to_left div span{
				color:#666;
				font-size:10px;}
			.col.to_left div i{display:inline;}
			.col.to_left i{display:block;}
			
			.col.to_right{
				float:none;
				padding:0 0 0 10px;
				margin-left:5%;}
		.uslugi.to_right{width:29%; margin-top:20px; list-style:none;}
		.uslugi.to_right li{
			float:none;
			display: block;
			}
		#content h3 i{padding-bottom:20px; font-weight:normal;}
		#content div.to_left h3{margin-left:10px;}
		.direct_show{
			margin-left:640px;
			position:relative;
			text-align:center;
			overflow:hidden;}
			
			.col.double .position{
				display:-moz-inline-stack; /* for FF2*/
				display:inline-block; /* normal browsers */
				zoom:1; /* for IE (hasLayout true) */
				*display:inline; /* for IE */
				margin:0 5% /*10px*/5px 0;	}
			.direct_show .direct, .col.double .position{ 
				clear:left;
				text-align:left;		
				width:250px;}
				.position table tbody tr{
				padding-bottom:10px;
				
				}
				
	
/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 160px;
	margin-top:95px;
	margin-left: -100%;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-top:183px;	
	margin-right: -3px;
	width: 200px;
	margin-left: -200px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -31px auto 0;
	max-width: 1383px;
	height: 30px;
	line-height:30px;
	position:relative;
	text-align:right;
	clear:both;
	border-top:1px solid #ccc;
	font-weight:bold;
}
#footer span{
	float:left;
	padding-left:2%;
}
#footer span.e_mail{font-weight:normal; margin-left:15px;}
#footer a{color:#990000; font-weight:normal; margin-right:2%;}
#footer span a{margin-right:10px;}


/* Form
-----------------------------------------------------------------------------*/
#formLayer{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:url(../img/tr.png);
	z-index:9000;
	left:0;
	top:0;
}
#contact_form {
	text-align:left;
	width:426px;
	position:fixed;
	top:0;
	left:50%;
	margin:20px 0 0 -213px;
}
#form{
	border-left:1px solid #666;
	border-right:1px solid #666;
	padding:10px;
	background-color:#fff;
}
#form label{
	font-weight:bold;}
#form input, #form select, #form textarea{ 
	width:345px;
	border-top:1px #666 solid;
	border-left:1px #666 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	display:block;
	margin-bottom:10px;
}
.f_close{
	position: absolute;
	top:10px;
	right:10px;
	width:27px;
	height:27px;
	background:url("../img/close_btn.png") no-repeat;
}
#contact_form h2{
	background: url("../img/f_top.png") 0 0 no-repeat;
	padding:15px 0 0 10px;
}
#form textarea{
	height:auto;}
#form #f_send_copy{
	display:inline;
	width:auto;
	vertical-align:middle;
	height:auto;
	margin:0;
	margin-right:10px;}
#form .button{
	position: absolute;
	bottom:35px;
	right:10px;
	width:72px;
	height:21px;
	line-height:21px;
	text-align:center;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	background:url("../img/button.png") no-repeat;
font-size:10px;
}
#contact_form p{
	background:	url("../img/f_bottom.png") 0 100% no-repeat;
	padding:0 0 20px 10px;
}
	#map { margin-top:-50px;}
#map li { list-style-type:none; margin-top:12px;}
#map li.l2 { margin-left:12px; margin-top:8px; }