/*
----------------------------------------------------------------------------------------------------
[Table of Contents]

1. Reset and default page configuration
			
2. Blocks
			2.1 Menu Top Case			| .top-menu-case
			2.2 Add Block				| .add-block
			2.2 Navigation & Search		| .navsearch-case
			2.3 Enter Block				| .enter
			2.4 News Block				| .news
			2.5 List Big				| .big-list
			2.6 List Double				| .double-list
			2.7 List Content Right		| .list-contentright
			2.8 List Single-small		| .singlesmall-list
			2.9 Poll Form				| .poll
			2.10 List Groups Categories	| .groups-list__categories
			2.11 List Video				| .list-video
			2.12 List Photo				| .list-photo
			2.13 List Users				| .users-list
			2.14 Advertisement			| .advertisement
			2.15 Pager Menu				| .pager
			2.16 Label Menu				| .lable-list
			2.17 Registration			| .registration
			2.18 Article				| .article
			2.19 Box					| .box
			
			

3. Page Constructor
		3.1 Header			| .head
		3.2 Basis			| .basis
		3.3 Footer			| .foot

4. Pages
			
---------------------------------------------------------------------------------------------------
*/



/*
####################################################################################################
[1. Reset and default page configuration]
####################################################################################################
*/
	html,body, 
	div,dl,dt,dd,ul,ol,li,form,table,tr,td,
	h1,h2,h3,h4,h5,h6,pre,p,span,b,i,a,
	input,textarea,fieldset { margin: 0; padding: 0; outline: none;}


	html { height: 100%; background: #ccc;}
	body { 
		height: 100%; 
		background: #ccc;
		font: 12px "Trebuchet MS", Helvetica, sans-serif; /* default page font size is 12px (1em) */}
	
	h2,h2 a { color: #CC0000;font: italic bold 22px Georgia, "Times New Roman", Times, serif;}

	.img-block img { display: block;}	
	input[type="submit"] { cursor: pointer;}
	
	ul { list-style-type: none;}
	img, fieldset  { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	/* remember to define focus styles! */
	:focus {outline: 0; }

		.jsLogOff a {
	 color: #003399;
	 border-bottom: 1px solid #003399;
    cursor: pointer;
    display: inline-block;
    line-height: 12px;}
	
	.jsLogOff a:hover{
	 color: #CC0000;}

	

/*
####################################################################################################
[2. Blocks]
####################################################################################################
*/

/*
----------------------------------------------------------------------------------------------------
	[2.1 Menu Top Case]
----------------------------------------------------------------------------------------------------
*/
	.top-menu-case { 
		min-height: 19px;
		border-bottom: 1px dotted #999;
		background: #f7f6e9;
		padding: 8px 20px;
		position: relative;
		z-index: 3;
		
	}
		/* menu user information */
		.userinfo { }
		.userinfo__l { float: left;}
		.userinfo__r { float: right; margin-right: -6px;}
			.userinfo > li { 
				float: left; 
				padding: 0px 8px 0; 
				border-left: 1px solid #bdbdba;
				position: relative;
			}
			.userinfo__r > li { padding: 0 7px;}
				.userinfo > li:first-child { padding-left: 0;border-left: 0;}
				.userinfo > li > a { 
					text-decoration: none; 
					padding: 0 0 1px;
					display: block;
					color: #003399;
					font-size: 12px;
					
				}
				.userinfo > li > a span {
					border-bottom: 1px solid #003399; 
					line-height: 12px;
					display: inline-block;
					cursor: pointer;
					
				}
				
				.userinfo > li.dpdown { padding-right: 10px;}
				.userinfo > li.dpdown > a { 
					background: url(../images/top-menu-arrow.gif) right 8px no-repeat;
					text-decoration: none;
					padding-right: 11px;
				}
				.userinfo > li.dpdown > a span {
					border-bottom: 1px dotted #003399;
					
				}
				.userinfo > li > a span:hover { border-bottom: 1px solid #cc0000;}
				.userinfo > li.exit { padding-left: 11px;}
			
			/* dropdoun menu */
			.userinfo > li .dropdown { 
				display: none;
				position: absolute;
				left: -10px;
				top: 32px;
				min-width: 186px;
				
			}
			.userinfo > li .dropdown .shadow {
				background: #b2b2b2;
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				opacity: .7;
				
				
			}
			.userinfo > li .dropdown .dropdown__list { 
				background: #fff;
				width: 186px;
				position: relative;
				border: 1px solid #666;
				left: -3px;
				top: -3px;
				padding: 3px 0 5px;
			}			
			
				.userinfo > li .dropdown .dropdown__list > li {
					padding: 2px 12px;
					
				}		
				.userinfo > li .dropdown .dropdown__list > li > a {
					color: #003399;
					font-size: 12px;
					font-weight: bold;
				}
				.userinfo > li > a:hover,
				.userinfo > li .dropdown .dropdown__list > li > a:hover{
					color: #cc0000;
					
				}
				.userinfo > li.dpdown > a:hover span {border-bottom: 1px dotted #cc0000;}

			
	
/*
----------------------------------------------------------------------------------------------------
	[2.2 Add Block]
----------------------------------------------------------------------------------------------------
*/	
	
	.add-block { float: right; margin-top: 63px;}
		
		/* .add menu */
		.add-block .add-menu { float: right; margin-right: 15px; margin-left: 6px; }
			.add-block .add-menu > li { 
				float: left; 
				padding: 0 6px 0 10px;
				background: url(../images/add-menu-circle.png) left no-repeat;
			}
			.add-block .add-menu > li:first-child { padding-left: 0; background: none;}
				.add-block .add-menu > li > a {  font-size: 1.166em; color: #003399;}
				.add-block .add-menu > li > a:hover {color: #cc0000; }
		
		/* .add block text */
		.add-block__text { display: inline;font-size: 1.166em; float: right;}
	
	
/*
----------------------------------------------------------------------------------------------------
	[2.2 Navigation & Search]
----------------------------------------------------------------------------------------------------
*/
	.navsearch-case { position: relative; z-index: 2;min-height: 26px; padding: 10px 0 12px; background: #000;}
	
		/* search */
		.search { 
			width: 240px;
			padding-left: 20px;
			float: right; 
			margin-right: 20px;
			margin-top: 2px;
			border-left: 1px solid #808080;
		}
			.search input { background: none; border: none;}
			
			.search .input__case { 
				height: 24px; 
				overflow: hidden; 
				background: url(../images/search-bg.gif) right top no-repeat;
			
			}
				.search .input__case div { 
					height: 24px; 
					overflow: hidden; 
					background: url(../images/search-bg.gif) left -24px no-repeat;
				}			
				.search .input__case div div { 
					height: 24px; 
					overflow: hidden; 
					background: url(../images/search-bg.gif) left -48px repeat-x;
					margin: 0 2px;
					padding: 0 6px 0 3px;
				}
			/* .holder input */
			.input__case { position: relative;}
			.input__case input { color: #000; position: relative; z-index: 2;}
			.holder {
				position: absolute;
				left: 0;
				top: -1px;
				color: #BFBFBF;
				font: italic 1em/26px "Trebuchet MS",Arial,Helvetica,sans-serif;
				height: 24px;
				padding: 0 3px;
				z-index: 1;
				
				
			}
			.search .holder {
				color: #FFFFFF;
				font-size: 1em;
				font-style: italic;
				padding: 3px 0;
				width: 210px;
				top: -3px;
				left: 7px;
			}
			.search .input__case input[type='text'] {
				color: #FFFFFF;
				font-size: 1em;
				font-style: italic;
				padding: 3px 0;
				width: 210px;
				
			}
			.search .sub {
				width: 13px; 
				height: 13px; 
				background: url(../images/search-submit-bg.png) left no-repeat;
				float: right;
				margin-top: 5px;
			}
		
		/* navigation */
		.nav { margin-left: 0px;}
			.nav > li { 
				background: url(../images/nav-separator.png) left no-repeat; 
				float: left;
				position: relative;
				padding: 0 14px;
				padding-left: 20px;
				
			}
			
			.nav > li:first-child { background: none;}
			.nav > li > a { 
				font-size: 1.666em;
				font-weight: bold; 
				color: #fff;
				text-decoration: none;
				display: inline-block;
			}
			.nav > li > a span { cursor: pointer;}
			.nav > li.active > a,
			.nav > li > a:hover{ color: #fcf5cc;}
			.nav > li.dpdown > a { 
				background: url(../images/nav-add.png) right 60%  no-repeat; 
				padding-right: 13px;
				
			}
			.nav > li.dpdown > a:hover span {color: #fcf5cc;border-bottom: 1px dotted #fcf5cc;}
			.nav > li.dpdown { }
				.nav > li.dpdown > a span {
					border-bottom: 1px dotted #fff;
					line-height: 22px;
					display: inline-block;
					cursor: pointer;
					
				}
			.nav > li.dpdown .dropdown {
				display: none;
				position: absolute; 
				top: 46px;
				left: 3px;
				min-width: 220px;
			}
			.nav > li .dropdown .shadow {
				background: #b2b2b2;
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				opacity: .7;
				
				
			}
				.nav > li.dpdown .dropdown .dropdown__list { 
					position: relative;
					background: #fff;
					position: relative;
					border: 1px solid #666;
					left: -3px;
					top: -3px;
					padding: 4px 0 6px;
				}
				.nav > li.dpdown .dropdown .dropdown__list > li {
					padding: 2px 28px;
					
				}			
					.nav > li.dpdown .dropdown .dropdown__list > li > a {
						font-size: 1.666em;
						font-weight: bold;
						color: #000;
						text-decoration: none;
						
					}		
					.nav > li.dpdown .dropdown .dropdown__list > li > a:hover {
						color: #cc0000;
					}	



	.dpdownforum > a { 
				background: url(../images/nav-add.png) right 60%  no-repeat; 
				padding-right: 13px;
				
			}
			.dpdownforum > a:hover span {color: #fcf5cc;border-bottom: 1px dotted #fcf5cc;}
			.dpdownforum { }
				.dpdownforum > a span {
					border-bottom: 1px dotted #fff;
					line-height: 22px;
					display: inline-block;
					cursor: pointer;
					
				}
			.dpdownforum .dropdownforum {
				display: none;
				position: absolute; 
				top: 90px;
				left: -597px;
				min-width: 595px;
			}
			 .dropdownforum .shadow {
				background: #b2b2b2;
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				opacity: .7;
				
				
			}
				.dpdownforum .dropdownforum .dropdown__listforum { 
					position: relative;
					background: #fff;
					position: relative;
					border: 1px solid #666;
					left: -3px;
					top: -3px;
					padding: 4px 0 0px;
				}
				.nav > li .dpdown .dpdownforum .dropdownforum .dropdown__listforum > li {
					padding: 2px 19px;
					
				}			
					.dpdownforum .dropdownforum .dropdown__listforum > li > a {
						font-size: 1.666em;
						font-weight: bold;
						color: #000;
						text-decoration: none;
						
					}		
					.dpdownforum .dropdownforum .dropdown__listforum > li > a:hover {
						color: #cc0000;
					}	

/*
----------------------------------------------------------------------------------------------------
	[2.3 Enter Block]
----------------------------------------------------------------------------------------------------
*/
	.enter { height: 230px;background: url(../images/enter-bg.jpg) left top no-repeat; }
		.enter .enter__i1 { 
			height: 100%;
			background: url(../images/enter-line.png) left bottom repeat-x;
		}
		.enter .enter__i2 { 
			padding: 20px 0px 18px;
			background: url(../images/enter-line.png) left top repeat-x;
			height: 100%;
		}
	
		.enter .enter-menu { min-height: 1%;}
		.enter .enter-menu:after { 
			height: 0; 
			overflow: hidden; 
			font-size: 0; 
			clear: both; 
			visibility: hidden; 
			content: ''; 
			display: block;
		}
			.enter .enter-menu > li { 
				float: left;
				width: 321px;
				height: 190px; 
				background: url(../images/basis-right-line.gif) left repeat-y;
				padding: 0 19px;
			}
			.enter .enter-menu .enter__ent { width:200px; margin-left: 2px; }
			.enter .enter-menu > li:first-child {  background: none;}
			
			.enter h2 { 
				font: italic bold 1.833em Georgia, "Times New Roman", Times, serif;
				margin-bottom: 12px;
				color: #000;
			}
			.enter .header_t { 
				font: italic bold 1.833em Georgia, "Times New Roman", Times, serif;
				margin-bottom: 12px;
				color: #000;
			}

			.enter p { font-size: 1.166em; margin: 8px 0 15px; line-height: 17px;}
		
		
		
		.enter .reg {}
			.enter .reg .reg__case { margin-top: 3px;}
			.reg input,
			.login input { background: none; border: none;}
			.input-case { 
				height: 24px;
				background: url(../images/input-bg.gif) left top no-repeat;
				padding-left: 2px;
			}
			.enter .reg .input-case { width: 244px; margin-bottom: 10px;}
			.enter .reg .button { margin-top: 10px;}
				.input-case div { 
					background: url(../images/input-bg.gif) right -24px no-repeat;
					padding-right: 2px;
					height: 24px;
					
				}
				.input-case div div { 
					height: 24px; 
					background: url(../images/input-bg.gif) left -48px repeat-x;
					padding: 0;
					position: relative;
					
				}
				.input-case input {
					color: #000;
					font: italic 1em/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
					padding-top: 0px;
					padding: 0 3px;
					width: 100%;
					height: 24px;
				}
				.button { 
					display: inline-block; 
					height: 24px; 
					background: url(../images/button-bg.gif) left top no-repeat;
					padding-left: 3px;
					
				}
				
					.button span { 
						display:block; 
						height: 24px; 
						background: url(../images/button-bg.gif) right -24px no-repeat;
						padding-right: 3px;
					}
						.button input { 
							height: 24px;
							background: url(../images/button-bg.gif) left -48px repeat-x;
							width: 100%;
							display: block;
							font-size: 1em;
							color: #333;
							padding: 0px 4px 3px 5px;
							border: none;
							
							
						}
		.enter .login {}
			.enter .login .login__case { margin-top: 3px;}
			.enter .login .button { vertical-align: middle; margin-top: 10px;}
			.enter .login .button input { padding: 0px 13px 3px 13px;}
			.enter .login .input-case { width: 202px; margin-bottom: 10px;}
			.enter .login label { display: block; padding-bottom: 16px; vertical-align: middle}
				.enter .login label input { 
					margin-top: -1px; 
					margin-right: 7px; 
					vertical-align: middle;
				}
			.enter .login .remember-pass { 
				display: inline-block; 
				vertical-align: middle;
				color: #003399;
				margin-left: 19px;
				margin-top: 7px;
			}
				.enter .login .remember-pass:hover {color: #cc0000; }
			
	
/*
----------------------------------------------------------------------------------------------------
	[2.4 News Block]
----------------------------------------------------------------------------------------------------
*/
	.news { margin-top: -5px;}
	.basis.articles .news { margin-top: 0;}
		.news h3 {font-size: 1em;  margin-bottom: 6px;}
		.news h3 a { color: #003399;}
		
		.news h3 a:hover { color: #cc0000;}
		.content .content__column .content__item:first-child .news { padding-left: 0;}
		.news .news__head { 
			border-bottom: 2px solid #ddd;
			margin-bottom: 15px;
			padding-bottom: 5px;
		}
			.news .news__head .h2 {}
				.news .news__head h2 > a { text-decoration: none;color: #cc0000;}
				.news .news__head h2 > a:hover { color: #003399;}
				.news .news__head h2 > a .title-arrow { 
					font-size: 15px;
					position: relative;
					top: -2px;
				}
			
			/* news menu */
			.news .news__head .news__menu { margin-top: 9px; float: right;}
				.news .news__head .news__menu > li{ margin-left: 15px;float: left;}
					.news .news__head .news__menu > li > a {
						text-decoration: none;
						color: #999;
						border-bottom: 1px dotted #999;
						display: inline-block;
						line-height: 12px;
						
					}
					.news .news__head .news__menu > li > a:hover { padding-bottom: 1px; border-bottom: none;}
					.news .news__head .news__menu > li.active > a {  border-bottom: 0; color: #000;}
					.news .news__head .news__menu > li.active > a:hover { padding-bottom: 0;}
					
					
			.news .news__head .news__menu_group { margin-top: 9px; float: right;}
				.news .news__head .news__menu_group > li{ margin-left: 15px;float: left;}
					.news .news__head .news__menu_group > li > a {
						text-decoration: none;
						color: #000;
						border-bottom: 1px dotted #999;
						display: inline-block;
						line-height: 12px;
						
					}
					.news .news__head .news__menu_group > li > a:hover { 
						padding-bottom: 1px; 
						border-bottom: none;
					}
					.news .news__head .news__menu_group > li.active > a {  
						border-bottom: 0; 
						color: #999;
					}
					.news .news__head .news__menu_group > li.active > a:hover { padding-bottom: 0;}
				
				.news .news__head .news__menu_group .text { 
					color: #333; 
					margin-left: 29px;
					margin-right: -12px;
				}
				.news .news__head .news__menu_group .news__menu_group-bg { 
					background: url(../images/mini-menu-arc.gif) left 60% no-repeat;
					padding-left: 10px;
					margin-left: 5px;
				}
		
		.item__btm { font-size: 10px; color: #666;}
			.item__btm > a { color: #666;}
			.item__btm > a:hover { text-decoration: none;}
		
			/* comment */
			.comment { margin-left: 2px; margin-top: -2px; display: inline-block; }
				.comment .comment__text { 
					display: inline-block; 
					background: url(../images/comment.gif) left top no-repeat; 
					width: 9px; 
					height: 8px;
					vertical-align: middle;
					margin-right: 4px;
					
				}
				.comment .comment__number { 
					vertical-align: middle;  
					font-size: 10px;
					color: #cc0000;
					margin-top: -1px;
					display: inline-block;
					text-decoration: none;
				}
			/* comment2 */
			.comment2 { margin-left: 0px; font-size: 10px; color: #333;}
		
		.news .news__content {}
			.news .news__content div.news__item { display: none;}
			.news .news__content div.news__item:first-child { display: block;}
			.news .news__content div.news__item.active { display: block;}
			.news .news__content div.news__item.active .blog-tags a { color: #003399;}
			.news .news__content div.news__item.active .blog-tags a:hover { color: #cc0000;}
			.news .news__content div.news__item.active ul.blog-archives a { color: #003399;}
			.news .news__content div.news__item.active ul.blog-archives a:hover { color: #cc0000;}
			.news .news__content div.news__item.active ul.blog-archives li {background: url(../images/list-item-left-bg.png) left 5px no-repeat; margin-bottom: 3px; padding-left: 10px;}
			
			
			/**/
		

		
			
		
		/* label */
		.label { font-size: 10px; margin-bottom: 8px;}
			.label .label__text {}
				.label .label__links {color: #003399;}
				.label .label__links > a{ color: #003399;}
				.label .label__links > a:hover { color: #cc0000;}
			
			
			 
/*
----------------------------------------------------------------------------------------------------
	[2.5 List Big]
----------------------------------------------------------------------------------------------------
*/
	.big-list { margin-bottom: 20px;}
		.big-list h3 { line-height: 18px;}
			.big-list h3 a { font-size: 1.5em; font-weight: bold;}
			.big-list > li .img-block {margin-bottom: 8px;}
		
		.big-list p { line-height: 15px; margin: 3px 0;}
			


/*
----------------------------------------------------------------------------------------------------
	[2.6 List Double]
----------------------------------------------------------------------------------------------------
*/

	.double-list { margin-bottom: -10px; text-align: justify;}

		.double-list > li { 
			vertical-align: top; 
			display: inline-block; 
			width: 148px;
			margin-bottom: 22px;
			text-align: left;
			
		}
	.double-list:after {
		display: inline-block; 
		width: 100%; 
		height: 0px;
		content: '';
		overflow: hidden;
		margin-bottom: 0;
		font-size: 0;
		visibility: hidden;
		
	}		
		
		
		.double-list > li h3 {
			line-height: 16px;
			margin-bottom: 8px;
			margin-top: -3px;
		}
			.double-list > li h3 a {
				font-size: 1.166em;
				font-weight: bold;
			}
			.genre {
				font-size: 10px;
				color: #006600;
				display: inline-block;
				margin-bottom: 6px;
			}
			.genre a {color: #006600;}
			.genre a:hover {color: #006600; text-decoration: none;}
				.genre:hover { text-decoration: none;}
			
			
		.double-list > li .img-block { margin-bottom: 11px;}
		.news.articles .double-list > li .img-block { margin-bottom: 7px;}
		.news.articles .double-list > li h3 { margin-bottom: 6px;}
		.double-list > li p { line-height: 14px; padding-bottom: 4px;}




/*
----------------------------------------------------------------------------------------------------
	[2.7 List Content Right]
----------------------------------------------------------------------------------------------------
*/

	.list-contentright { margin-bottom: 27px;}
		.list-contentright > li { margin-bottom: 18px;}
		.list-contentright > li:after {
			height: 0px;
			overflow: hidden; 
			font-size: 0; 
			clear: both; 
			visibility: hidden; 
			content: '.'; 
			display: block;
		}
		.list-contentright > li > .img-block { margin-top: 3px;float: left; margin-right: 10px;}
		.list-contentright > li h3 { line-height: 16px;}
		.list-contentright > li h3 a  { font-weight: bold; font-size: 1.166em;}
		
		.list-contentright > li .item-content { padding-right: 0px; overflow: hidden;}
			.list-contentright > li .item-content p { 
				margin-bottom: 8px;
				margin-top: 8px;
				letter-spacing: -.02em;
				line-height: 14px;
			}
			.list-contentright > li .genre {
				font-size: .833em;
				color: #006600;
				display: inline-block;
				margin-bottom: 4px;
			}
			.list-contentright > li .passion  { display: block;}
				.list-contentright > li .passion a  { color: #666;}
				.list-contentright > li .passion a:hover { text-decoration: none;}
			.list-contentright > li .participants { color: #666;}
		
		/* groups .list-contentright */
		.groups .list-contentright { margin-bottom: 6px; text-align: justify;}
		.groups .list-contentright:after {
			display: inline-block; 
			width: 100%; 
			height: 0px;
			content: '';
			overflow: hidden;
			margin-bottom: 0;
			font-size: 0;
			visibility: hidden;
		}
		.groups .list-contentright > li {
			text-align: left; 
			display: inline-block;  
			vertical-align: top; 
			width: 200px;
		}
		
			.groups .list-contentright > li h3 { margin-bottom: 0px;}
		
		/* .newses .list-contentright */
		.newses .list-contentright {}
			.newses .list-contentright > li h3 { line-height: 14px;}
		
		/*.newses .list-contentright .bib-blogs*/
		.list-contentright.bib-blogs {}
			.list-contentright.bib-blogs > li { margin-bottom: 28px;}
			

/*
----------------------------------------------------------------------------------------------------
	[2.8 List Single-small]
----------------------------------------------------------------------------------------------------
*/

	.singlesmall-list {}
	.news.forum .singlesmall-list { margin-bottom: 30px;}
		.singlesmall-list > li {
			padding-left: 10px;
			background: url(../images/list-item-left-bg.png) left 5px no-repeat;
			margin-bottom: 3px;
		}
		.singlesmall-list > li > a { color: #003399;}
		.singlesmall-list > li > a:hover { color: #cc0000;}
	
	/* сonsultations .singlesmall-list */
	.сonsultations .singlesmall-list {}
		.сonsultations  .сonsultations__all {  
			display: inline-block; 
			margin-top: 14px;
			color: #003399;
		}
		.сonsultations  .сonsultations__all:hover {color: #cc0000;}
	
	/* singlesmall-list categories2 */
	.singlesmall-list.categories2 { margin-bottom: 30px;}
		.singlesmall-list.categories2 > li { padding-bottom: 0; margin-bottom: 4px; line-height: 17px;}
		
		
	/* singlesmall-list archive*/
	.singlesmall-list.archive { margin-top: -2px;}
		.singlesmall-list.archive > li {padding-bottom: 0; margin-bottom: 4px; line-height: 17px;}




/*
----------------------------------------------------------------------------------------------------
	[2.9 Poll Form]
----------------------------------------------------------------------------------------------------
*/
	.poll { margin-bottom: 20px;}
	.news.poll .news__head { margin-bottom: 10px;}
		.poll p { margin-bottom: 8px; font-weight: bold;}
		.poll label { display: block; margin: 4px 0;}
			.poll label input { margin-right:  6px; vertical-align: middle; margin-top: -3px;}
			
		.poll .button { margin-top: 7px;}
			.poll .button input { padding: 0px 2px 3px 2px;}




/*
----------------------------------------------------------------------------------------------------
	[2.10 List Groups Categories]
----------------------------------------------------------------------------------------------------
*/
	.groups-list__categories { text-align: justify;}
	.groups-list__categories:after { 
		display: inline-block; 
		width: 100%; 
		height: 0px;
		content: '';
		overflow: hidden;
		font-size: 0;
		visibility: hidden;
	}
		.groups-list__categories > li { 
			display: inline-block; 
			width: 155px; 
			vertical-align: top;
			margin-bottom: 33px;
			text-align: left;
		}
		.groups-list__categories > li h3 { margin-bottom: 3px;}
			.groups-list__categories > li h3 a{ font-size: 1.133em; color: #000;}



/*
----------------------------------------------------------------------------------------------------
	[2.11 List Video]
----------------------------------------------------------------------------------------------------
*/
	.list-video {text-align: justify; margin-bottom: -10px;}
	.list-video:after {
		display: inline-block; 
		width: 100%; 
		height: 0px;
		content: '';
		overflow: hidden;
		font-size: 0;
		visibility: hidden;
		
	}
		.list-video > li {
			display: inline-block; 
			width: 157px; 
			vertical-align: top;
			margin-bottom: 14px;
			text-align: left;		
		}
		
		.list-video > li .img-block { margin-bottom: 11px;}
		.list-video > li h3 { line-height: 16px; margin-bottom: 7px;}
			.list-video > li h3 a { font-size: 1.166em; font-weight: bold;}



/*
----------------------------------------------------------------------------------------------------
	[2.12 List Photo]
----------------------------------------------------------------------------------------------------
*/

	.list-photo {text-align: justify;}
	.list-photo:after {
		display: inline-block; 
		width: 100%; 
		height: 0px;
		content: '.';
		overflow: hidden;	
		font-size: 0;
		visibility: hidden;
	}
		
		.list-photo > li { 
			width: 100px; 
			text-align: left; 
			display: inline-block;
			vertical-align: top;
			margin-bottom: 20px;
		}
		
			.list-photo > li > a { display: block;}
				.list-photo > li > a img { display: block;}



/*
----------------------------------------------------------------------------------------------------
	[2.13 List Users]
----------------------------------------------------------------------------------------------------
*/
	.users-list {
		text-align: justify;
		margin-bottom: -17px;
		
	}
	.users-list:after {
		display: inline-block; 
		width: 100%; 
		height: 0px;
		content: '.';
		background: red;
		overflow: hidden;
		font-size: 0;
		visibility: hidden;
		padding: 0;
		margin: 0;
		line-height: 0;
		vertical-align: top;
		
	}/**/
		
		.users-list > li { 
			width: 51px;
			
			text-align: left; 
			display: inline-block;
			vertical-align: top;
			margin-bottom: 20px;
		}
		
			.users-list > li > a { display: block;}
				.users-list > li > a img { display: block;}
		.users .users__all { display: inline-block; margin-top: 0px; color: #003399;}
		.users .users__all:hover { color: #cc0000;}


/*
----------------------------------------------------------------------------------------------------
	[2.14 Advertisement]
----------------------------------------------------------------------------------------------------
*/
	.advertisement { margin-bottom: 27px;}
		.advertisement .img-block {}
			.advertisement .img-block{}

/*
----------------------------------------------------------------------------------------------------
	[2.15 Pager Menu]
----------------------------------------------------------------------------------------------------
*/
	.pager { list-style: none; overflow: hidden;}
		.pager > li { padding: 4px 5px; margin-left: 3px; float: left; color:#003399; font-size: 1.166em; font-weight: bold;}
		.pager > li:first-child { margin-left: 0;}
		.pager > li > a i {  padding: 5px; display: inline-block;}
		.pager > .prev > a { }
			.pager > .prev > a i{ 
				background: url(../images/pager_first_arrow.png) left 100% no-repeat;
				padding-left: 5px;
				padding-right: 5px;
				margin-bottom: -2px;
				
			}
			.pager > .next > a i{ 
				background: url(../images/pager_last_arrow.png) right 100% no-repeat;
				padding-right: 8px;
				margin-bottom: -2px;
			}
			.pager > .prev {}
			.pager .active { background: #ddd;}
			.pager .active a { border-bottom: none;}
				.pager > li > a {  
					font-size: 14px; 
					font-weight: bold; 
					color: #003399;
					vertical-align: top;
					border-bottom: 1px solid #003399;
					text-decoration: none;
					display: inline-block;
				}
				.pager > li:hover {background: #ddd;}
				.pager > li:hover a { border-bottom: none;}
				

/*
----------------------------------------------------------------------------------------------------
	[2.16 Label Menu]
----------------------------------------------------------------------------------------------------
*/
	.lable-list { margin-top: -5px; line-height: 20px; margin-bottom: 27px;}
		.lable-list > li{
			margin-bottom: 10px;
			margin-right: 15px;
			vertical-align: middle; 
			display: inline;
		}
			.lable-list > li > a { font: 12px Georgia, "Times New Roman", Times, serif; color: #003399;}
			.lable-list > li > a.text-size-1 { font-size: 11px;}
			.lable-list > li > a.text-size-5 { font-size: 21px;}
			.lable-list > li > a.text-size-1 { font-size: 11px;}
			.lable-list > li > a.text-size-3 { font-size: 15px;}
			.lable-list > li > a.text-size-4 { font-size: 17px;}
			.lable-list > li > a:hover { color:#cc0000;}


/*
----------------------------------------------------------------------------------------------------
	[2.17 Registration]
----------------------------------------------------------------------------------------------------
*/
	.registration {}
	
		.registration-case { width: 100%;}
			.registration-case tr.odd td { padding: 0; height: 1px; overflow: hidden; background:#ededed;}
			
			.registration-case tr.last { border-bottom: none;}
			.registration-case tr td:first-child { width: 175px; padding-left: 175px;}
			.registration-case td { padding: 10px 0; vertical-align: top;}
		
		.community-form-validate label { display: block; margin-top: 4px; font-size: 14px; font-weight: bold; color: #333;}
			.community-form-validate label sup { 
				vertical-align: middle; 
				color: #cc0000;
				margin-left: 3px;
				position: relative;
				top: -2px;
			}
		
		.community-form-validate input,
		.community-form-validate textarea,
		.community-form-validate select{
			border: 1px solid #333; 
			padding: 0; 
			margin: 0;
			background: #f7f6e9;
			font-size: 14px;
			color: #333;
			padding-left: 7px;
			line-height: 30px;
		}
		textarea {
			resize: none;
		}
		.registration select { font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		.registration input[type='checkbox']{ border: none;background: none; padding: 0;}
		.registration textarea { min-height: 128px;}
		.registration p { color: #666; margin-top: 8px;}
		.registration  .margin-top { margin-top: -2px; }
		.registration  .error__text { color: #cc0000;}
			
		/* registration fields-case */
		
		.registration__fields-case { line-height: 0; width: 344px; position: relative;}
		.registration__fields-case.select { width: 353px;}
		.registration__fields-case.about-meArea { width: 99%;}
		.registration__fields-case.fields-day { width: 75px; float: left;}
		.registration__fields-case.fields-mouth { margin-left: 9px; width: 161px; float: left;}
		.registration__fields-case.fields-year { margin-left: 9px;  width: 100px; float: left;}
			.registration__fields-case input,
			.registration__fields-case select { width: 100%; height: 27px;}
			.registration__fields-case textarea { font: 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; overflow: hidden; height: 128px;  width: 100%;}
			
			.registration select {
				display: block;
				height: 30px;
				padding-bottom: 1px;
			}
			.registration select option {}
			.registration__fields-case i { position: absolute; width: 2px; height: 2px;}
			.registration__fields-case .tl { 
				left: 0; 
				top: 0; 
				background: url(../images/reg-corner.gif) left top no-repeat;
			}
			.registration__fields-case .tr {
				right: -9px; 
				top: 0;
				background: red url(../images/reg-corner.gif) left -2px no-repeat;
			}
			.registration__fields-case .bl {
				bottom: 0px; 
				left: 0;
				background: red url(../images/reg-corner.gif) left -6px no-repeat;
			}
			.registration__fields-case .br {
				bottom: 0px; 
				right: -9px;
				background: red url(../images/reg-corner.gif) left -4px no-repeat;
			}
			.registration__fields-case .select-line {
				right: 23px;
				width: 1px;
				height: auto;
				top: 4px;
				bottom: 4px;
				z-index: 1;
				background: url(../images/select-line.gif) left repeat-y;
			}			
			/*.registration__fields-case select*/
			.registration__fields-case.select .tl { 
				left: 0; 
				top: 0; 
				background: url(../images/reg-corner.gif) left top no-repeat;
			}
			
			.registration__fields-case.select .tr {
				right: 0px; 
				top: 0;
				background: red url(../images/reg-corner.gif) left -2px no-repeat;
			}
			.registration__fields-case.select .bl {
				bottom: 0px; 
				left: 0;
				background: red url(../images/reg-corner.gif) left -6px no-repeat;
			}
			.registration__fields-case.select .br {
				bottom: 0px; 
				right: 0px;
				background: red url(../images/reg-corner.gif) left -4px no-repeat;
			}
			
			/*.registration__fields-case birthday-filds*/
			.registration__fields-case.fields-day .tl,
			.registration__fields-case.fields-mouth .tl,
			.registration__fields-case.fields-year .tl{ 
				left: 0; 
				top: 0; 
				background: url(../images/reg-corner.gif) left top no-repeat;
			}
			
			.registration__fields-case.fields-day .tr,
			.registration__fields-case.fields-mouth .tr,
			.registration__fields-case.fields-year .tr{
				right: 0px; 
				top: 0;
				background: red url(../images/reg-corner.gif) left -2px no-repeat;
			}
			.registration__fields-case.fields-day .bl,
			.registration__fields-case.fields-mouth .bl,
			.registration__fields-case.fields-year .bl{
				bottom: 0px; 
				left: 0;
				background: red url(../images/reg-corner.gif) left -6px no-repeat;
			}
			.registration__fields-case.fields-day .br,
			.registration__fields-case.fields-mouth .br,
			.registration__fields-case.fields-year .br {
				bottom: 0px; 
				right: 0px;
				background: red url(../images/reg-corner.gif) left -4px no-repeat;
			}	
		
		/* capcha */
		.capcha { display: inline-block; margin-top: 7px;}
		
		.accept { margin: 3px 0 5px; vertical-align: middle;}
			.accept input { position: relative; bottom: -1px;}
		
		.hint { margin-top: 2px; margin-bottom: 37px; display: block; color: #666; font-size: 14px;}
		
		/* registration button*/
		.registr-button-case { 
			height: 29px; 
			display: inline-block;
			background: url(../images/reg-button.gif) right -29px repeat-x; 
			
		}
			.registr-button-case span  {
				background: url(../images/reg-button.gif) right -58px no-repeat;
				height: 29px;
				display: inline-block;
			}
				.registr-button-case span span {
					background: url(../images/reg-button.gif) left top no-repeat;
					display: inline-block;
				}
		
			.registr-button-case input,
			.registr-button-case a{
				overflow: visible;
				color: #333; 
				border: none; 
				background: none;
				display: block;
				padding: 4px 24px;
				line-height: 20px;
				font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-decoration: none;
				
			}

		/* userPicture */
		.userPicture { 
			
			left: 0; top: 0;
			position: relative;
			width: 353px;  
			padding-top: 3px;
			height: 30px;
			
		}
			.userPicture .reviewUrl { width: 233px; float: left;}
			.userPicture .review { margin-left: 20px; width: 97px; float: left;}
			
			.registr-button-case.review a { padding: 4px 21px;}
			
			.userPicture input,.userPicture a { cursor: default;}
			
		.pictureReview {
			left: 0;
			top: 0px;
			position: absolute;
			overflow: hidden;
			z-index: 20;
			opacity: 0;
			filter: alpha(opacity=0);
			width: 100px;
			
		}
		.pictureReview:hover,
		
		.pictureReview input {}
		textarea {
			resize: none;
		}
		

/*
----------------------------------------------------------------------------------------------------
	[2.18 Article]
----------------------------------------------------------------------------------------------------
*/
	.article {}
		
		.article h2 { 
			color: #000; 
			font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding-bottom: 10px;
			
		}
	
		/* article top */
		.article__top { 
			overflow: hidden; 
			border-top: 1px solid #ccc;
			
		}
			.article__top .label { margin-top: 10px;}
			.article__top .label a { margin-bottom: 0;}
			.article__top .print { float: right;}
				.article__top .print img { margin-right: 4px; margin-top: 2px; float: left;}
				.article__top .print a { color: #666; font-size: 10px; }
				.article__top .print a:hover { text-decoration: none;}
		
		/* article-photo */
		.article-photo {
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin: 10px 0 21px;
			padding: 20px 0 23px;
		}
			.article-photo .article-photo__img { 
				text-align: center;
				margin-bottom: 4px;
			}
			.article-photo .article-photo__text {
				margin: 0 80px;
				text-align: center; color: #333;
				line-height: 18px;
			}
		
		/* article text */
		.article__text { margin: 20px 0; color: #333; font-size: 13px; }
			.article__text a { color: #003399; font-size: 13px;}
			.article__text a:hover { color: #cc0000; }
			.article__text h3 { 
				font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
				color: #333;
			}
			.article__text p { margin: 9px 0;line-height: 17px;}
			.article__list { list-style: disc; margin-left: 25px;}
				.article__list li  { margin: 7px 0;color: #333; font-size: 10px;}
				.article__list li p { 
					margin-left: -3px; 
					padding-left: 0px;
					color: #333; 
					font-size: 13px;
					line-height: 12px;
				}
		/* system block */
		.system { overflow: hidden;}
			.system > span { float: left; margin-right: 18px;}
				.system > span.edit,
				.system > span.remove { float: right; margin-right: 8px; margin-left: 5px;}
				.system > span img { vertical-align: middle; margin-right: 4px;}
				.system > span a { vertical-align: middle; color: #333; font-size: 10px;}
				.system > span a:hover { text-decoration: none;}
		
		/* list-comment bottom */
		.list-comment__bottom { margin: 16px 0 7px; overflow: hidden;}
			.list-comment__bottom .reputation { float: right;}
				.list-comment__bottom .reputation .plus,
				.list-comment__bottom .reputation .minus { float: left; width: 16px; height: 16px;}
				.list-comment__bottom .reputation .plus { 
					background: url(../images/plus.png) left top no-repeat;
					margin-right: 3px;
					margin-left: 3px;
				}
				.list-comment__bottom .reputation .minus { 
					background: url(../images/minus.png) left top no-repeat;
					margin-right: 3px;
					margin-left: 2px;
				}
				.list-comment__bottom .reputation .sum { margin-top: 0px; margin-right: 3px;float: left;}
				.list-comment__bottom .reputation .sum.pl { color: #006600; }
				.list-comment__bottom .reputation .sum.mn { color: #990000; }
			.list-comment__bottom .reply,
			.list-comment__bottom .moder { margin-right: 20px; float: left;}
			.list-comment__bottom .reply a,
			.list-comment__bottom .moder a {font-size: 10px; color: #333;}
			.list-comment__bottom .reply a:hover,
			.list-comment__bottom .moder a:hover { text-decoration:none;}
			.list-comment__bottom .reply img,
			.list-comment__bottom .moder img { }	
			.list-comment__bottom .reply img,
			.list-comment__bottom .moder img { margin-right: 5px; vertical-align: middle;}	
			
			.moder a,
			.reply a,
			.favorites a,
			.mailed a,
			.share a,
			.edit a,
			.remove a{ font-size: 10px; color: #333;}
			
			.moder a:hover,
			.reply a:hover,
			.favorites a:hover,
			.mailed a:hover,
			.share a:hover,
			.edit a:hover,
			.remove a:hover{ text-decoration: none;}
			
			.moder img,
			.reply img,
			.favorites img,
			.mailed img,
			.share img,
			.edit img,
			.remove img{margin-right: 5px; vertical-align: middle;}
			
		/* like */
		.like { margin: 12px 0 0 0px;}
			.like img { display: block; margin-left: -3px;}
		
		/* article__comment */
		.article__comment { margin-top: 0px; margin-right: 0px;}
		.article__comment h3 { 
			font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
			color: #333;
		}
			/* article comment list */
			.article-coment__list { list-style: none;}
				.article-coment__list > li { margin: 18px 0 24px 60px;}
				.article-coment__list .userpic { 
					position: absolute; 
					left: -60px; 
					top: -15px;
				}
				.article-coment__list .userpic .userpic__link { display: block;}
				.article-coment__list .userpic .userpic__link img { display: block;}
				.article-coment__list .coment-drop { margin-left: 40px; margin-top: 24px; list-style: none;}
					.article-coment__list .coment-drop > li {margin: 18px 0 24px 20px;}
		
		
		/* write_comment */
		.write_comment { margin-right: 9px; margin-top: 37px;}
			.write_comment h3  { 
				font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
				color: #333;
				
			}
			.write_comment .registration__fields-case {margin-top: 10px; width: 100%;}
			.write_comment .registration__fields-case textarea { min-height: 160px; }
			.write_comment .registr-button-case { margin-top: 20px;}
				.write_comment .registr-button-case input { padding: 4px 22px;}
			
			
			
				
		
	
/*
----------------------------------------------------------------------------------------------------
	[2.19 Box]
----------------------------------------------------------------------------------------------------
*/	
	.box { position: relative; padding: 6px 12px 7px; margin: 5px 0;}
		.box p { color: #333; font-size: 12px; line-height: 15px; margin: 5px 0;}
		.box .tl,
		.box .tr,
		.box .bl,
		.box .br { absolute; width: 2px; height: 2px;}
		
		.box .tl { left: 0; top: 0; }
		.box .tr { right: 0; top: 0;}
		.box .bl { left: 0; bottom: 0;}
		.box .br { right: 0; bottom: 0;}
		.box .quo { position: absolute; width: 15px; height: 13px; top: -13px; left: 100px;}
		
		/* box gray */
		.box.gray { background: #eee;}
		.box.gray .tl,
		.box.gray .tr,
		.box.gray .bl,
		.box.gray .br { 
			background-image: url(../images/box-gray.gif);
			background-repeat: no-repeat;
			position: absolute; 
			width: 2px; 
			height: 2px;
		}
			.box.gray .tl { background-position: 0 0;}
			.box.gray .tr { background-position: 0 -2px;}
			.box.gray .bl { background-position: 0 -6px;}
			.box.gray .br { background-position: 0 -4px;}
		
		/* box green light */
		.box.green { background: #eff7e9;}
		.box.green .tl,
		.box.green .tr,
		.box.green .bl,
		.box.green .br { 
			background-image: url(../images/box-green-light.gif);
			background-repeat: no-repeat;
			position: absolute; 
			width: 2px; 
			height: 2px;
		}
		
			.box.green .tl { background-position: 0 0;}
			.box.green .tr { background-position: 0 -2px;}
			.box.green .bl { background-position: 0 -6px;}
			.box.green .br { background-position: 0 -4px;}
			.box.green .quo { background: url(../images/quote-green-light.png) left top no-repeat;}

		/* box blue light*/
		.box.blue { background: #e9f7f6;}
		.box.blue .tl,
		.box.blue .tr,
		.box.blue .bl,
		.box.blue .br { 
			background-image: url(../images/box-blue-light.gif);
			background-repeat: no-repeat;
			position: absolute; 
			width: 2px; 
			height: 2px;
		}
			.box.blue .tl { background-position: 0 0;}
			.box.blue .tr { background-position: 0 -2px;}
			.box.blue .bl { background-position: 0 -6px;}
			.box.blue .br { background-position: 0 -4px;}	
			.box.blue .quo { background: url(../images/quote-blue-light.png) left top no-repeat;}
		.Photo_my1  {margin-top: -5px}	
		.Photo_my1 > a{color: #003399}
		.Photo_my1 > a:hover{color:#cc0000}
		.Photo_my2 {margin-top: 10px;}
		
		.Video_my1 { margin-top: 4px; text-align:left;}
		.Video_my1 > a {color: #003399;}
		.Video_my1 > a:hover {color: #cc0000}
		.Video_my2 {float: left; font-size:90%;}
		.Video_my2 > a{color: #003399;  background: url("../images/app-box-footer-a.png") no-repeat scroll 0 2px transparent;
		 padding-left: 10px;}
		.Video_my2 > a:hover{color:#cc0000}
		.art_my1  {margin-top: -5px}	
		.art_my1 > a{color: #003399}
		.art_my1 > a:hover{color:#cc0000}
		
/*
####################################################################################################
[3. Page Constructor]
#################################################################################################### 
*/


/*
----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	
		.head { 
			height: 105px; 
			position: relative;
			background: url(../images/head-right-bg.jpg) right 0px no-repeat;
		}
			
			/* logotype */
			.logo { margin-top: 28px; margin-left: 17px; float: left; width: 246px; height: 52px;}		

	
	
/*
----------------------------------------------------------------------------------------------------
	[3.2 Basis]
----------------------------------------------------------------------------------------------------
*/
	.wrap { 
		width: 1000px; 
		background: #fff;
		margin: 0 auto;
		position: relative;
		min-height: 100%;
		
	}
	.wrap .shadow__left,
	.wrap .shadow__right { 
		position: absolute; 
		width: 8px; 
		top: 0; 
		bottom: 0;
	}
	.wrap .shadow__left {
		background: url(../images/shadow-Left.gif) left top repeat-y;
		left: -8px;
	}
	.wrap .shadow__right {
		background: url(../images/shadow-Right.gif) left top repeat-y;
		right: -8px;
	}
		
		
	/* basis */
	.basis {  clear: both; padding: 44px 20px 216px; }
	.basis.articles { padding: 32px 20px 216px;}
	.basis.articles .basis__i{ background: none;}
	.basis.articles .content { width: 700px; padding-right: 0px;}
	.basis.articles .article { 
		padding-right: 20px;
		padding-bottom: 153px;
		margin-right: 0px;
		background: url(../images/basis-right-line.gif) right 0 repeat-y;
	}
		/**/
		
		.basis:after,
		.wrap:after,
		.enter:after,
		.head:after,
		.navsearch-case:after,
		.content .content__column:after,
		
		.basis .basis__i:after{ 
			height: 0px; 
			overflow: hidden; 
			font-size: 0; 
			clear: both; 
			visibility: hidden; 
			content: '.'; 
			display: block;
			
		}
		.basis .basis__i { background: url(../images/basis-right-line.gif) 699px 0 repeat-y; }
	
	.aside {  float: left; margin-left: 20px; width: 240px; }
	
	
	.content {  width: 680px; float: left; padding-right: 20px;}
	.content .back_button a {color: #003399;}
	.content .back_button a:hover {color: #cc0000;}
	
	
	.content .content__column {
		background: url(../images/basis-right-line.gif) 339px 0 repeat-y;
		width: 700px;
		margin-bottom: 20px;
	}
		.content .content__column .content__item { float: left; padding: 0 20px; width: 320px;}
		.content .content__column .content__item:first-child { padding-left: 0; }
		
		
		


/*
----------------------------------------------------------------------------------------------------
	[3.2 Footer]
----------------------------------------------------------------------------------------------------
*/
	.foot { 
		height: 175px; 
		background: #000 url(../images/footer-bg.jpg) left top no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
		
		.foot .foot__i { padding: 22px 450px 22px 20px;}
		.foot .foot__text { line-height: 16px;  color: #fff;}
		
		/* footer logotype */
		.foot .foot__logo { display: block; margin-bottom: 16px; width: 180px; height: 40px;}
			.foot .foot__logo img { display: block;}
		
		/* footer navigation */
		.foot .foot__nav {margin-bottom: 12px; margin-left: 2px;}

			.foot .foot__nav > li { 
				background: url(../images/foot-menu-separator.png) left no-repeat;
				padding: 0px 0px;
				padding-left: 8px;
				display: inline;
			}
			.foot .foot__nav > li:first-child { padding-left: 0; background: none;}
			.foot .foot__nav > li > a { color: #fff;}
			.foot .foot__nav > li > a:hover { text-decoration: none;}
		
		/* footer counter block */
		.foot .counter-case { 
			position: absolute;
			top: 23px;
			right: 0;
			width: 280px; 
			height: 137px;
			background: url(../images/basis-right-line.gif) left repeat-y;
		}
			.foot .counter-case .counter__1 { margin-top: 1px; float: left; margin-left: 20px;}
				.foot .counter-case .counter__1 img { display: block;}
.hbaner{width:728px;height:90px;margin:0 auto;margin-top:10px;}