@import url("reset.css");
@import url("menus.css");
@import url("type.css");
@import url("forms.css");

@import url("common/common.css");

body{
	background:#ffffff;
}

#page{
	width:980px;
	margin:0 auto;
	text-align:left;
	color:#4e4e4e;
	font-family:Arial, Helvetica, sans-serif;
	}
	#header{
		width:980px;
		overflow:hidden;
		clear:both;
		position:relative;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		#header .left-side{
			float:left;
			width:48%;
			padding:5px 0;
			font-size:1.1em
			}
		#header .left-side span, #center-footer .bg span{
			color:#f15201;
			display:-moz-inline-box;
			display:inline-block;
			padding:1px 10px
			}
		#header .right-side{
			float:right;
			text-align:right;
			width:48%;
			padding:5px 0;
			font-size:1.1em
			}
			#header .right-side a:link, #header .right-side a:visited, #header .right-side a:hover{
				padding:0 0 0 12px;
				margin:0 0 0 10px;
				display:inline;
				color:#262626
				}
			#header .right-side a.contact:link, #header .right-side a.contact:visited, #header .right-side a.contact:hover{
				background:url(../images/header-icons.gif) no-repeat left 3px;
				}
			#header .right-side a.lang:link, #header .right-side a.lang:visited, #header .right-side a.lang:hover{
				background:url(../images/header-icons.gif) no-repeat left -19px;
				}
		#header #Mainlogo{
			position:absolute;
			top:21px;
			left:21px;
			z-index:50
			}
		#header #carousel{
			position:relative;
			width:980px;
			height:240px;
			float:left;
			}
		#header #carousel #pic{
			position:relative;
			width:980px;
			height:240px;
			z-index:1;
			overflow:hidden
			}
		#header #carousel #pic img{
			z-index:2;
			position:absolute;
			}
		#header #carousel p{
			position:absolute;
			z-index:10;
			padding:0 0 0 15px;
			margin:0;
			display:none;
			font-size:2.090em;
			line-height:1.4em;
			top:105px;
			left:210px;
			color:#fff;
			font-family:"Courier New", Courier, monospace;
			font-weight:bold;
			text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
			}
	#middle-left{
		float:left;
		width:710px;
		padding:25px 0 25px 0
		}
		#content{
			width:505px;
			float:right;
			font-size:1.2em;
			line-height:1.6em;
			}
		.more-arr{
			background:url(../images/more-arr.png) no-repeat;
			width:9px;
			height:9px;
			text-indent:-9999em;
			display:inline-block;
			margin:3px 0 0 5px;
			vertical-align:text-top
			}
		.justFinished{
			border:1px solid #d2d2d2;
			border-width:1px 0;
			overflow:hidden;
			clear:both;
			width:100%;
			}
			#content .justFinished h2, #content .inspirative h2, #content .articles-list h2{
				text-align:center;
				margin:1em 0 .8em 0
				}
			.cufon-loading #content .justFinished h2, .cufon-loading #content .inspirative h2, .cufon-loading #content .articles-list h2{
				color:#fff;
			}
			.cufon-active #content .justFinished h2, .cufon-active #content .inspirative h2{
				margin:.5em 0 .5em 0;
				font-size:1.6em;
				line-height:1em
				}
			.articles-list{
				padding:0 0 1em 0;
				border-top:1px solid #d2d2d2;
				}
			.finishedBlock{
				width:155px;
				float:left;
				margin:0 20px 0 0;
				display:inline;
				}
				.finishedBlock.last{
					margin:0;
					}
				#content .finishedBlock p{
					line-height:1.5em;
					padding:0 5px 5px 5px;
					background:url(../images/arr.gif) no-repeat 6px 6px;
					text-indent:10px;
					height:auto !important;
					height:144px;
					min-height:144px;
					}
		#content .inspirative .article h3 a, #content .articles-list .article h3 a{
			text-decoration:none;
			font-weight:bold;
			}
		.article{
			width:100%;
			overflow:hidden;
			clear:both;
			border-bottom:1px solid #d2d2d2
			}
		.article .more-arr, .finishedBlock .more-arr{
			float:none;
			display:-moz-inline-box;
			display:inline-block;
			vertical-align:text-top;
			margin:3px 0 0 5px
			}

			.finishedBlock .more-arr{
				background:url(../images/arr2.gif) no-repeat;
				width:9px;
				height:9px;
				}
			.article img{
				float:left;
				padding:9px
				}
			#content .articles-list .article img{
				float:right
				}
			#content .article p{
				float:right;
				width:394px;
				padding:0 9px .3em 0;
				background:url(../images/arr.gif) no-repeat 2px 7px;
				text-indent:10px
				}
				#content .article p.no-img{
					width:auto;
					float:none;
					padding:0 9px .3em 9px;
					background:url(../images/arr.gif) no-repeat 11px 7px;
					}
				#content .article h3.no-img, #content .articles-list .article h3{
					padding:0 9px;
					}
				#content .articles-list .article p{
					width:auto;
					float:none;
					padding:0 9px 9px 9px;
					background:url(../images/arr.gif) no-repeat 11px 7px;
					}
		#content .blockLeft h3, #content .blockRight h3{
			background:url(../images/arr2.gif) no-repeat left 5px;
			padding:0 0 0 15px
			}
		#content .anotation{
			background:#f1f1f1;
			font-style:italic;
			font-size:.9em;
			line-height:1.6em;
			border-bottom:1px solid #d2d2d2;
			overflow:hidden;
			clear:both;
			width:100%;
			}
			.whole-archive{
				width:100%;
				clear:both;
				overflow:hidden;
				padding:8px 0;
				text-align:right
				}
			#content .weditor p+div.anotation{
				margin:0;
				}
			#content .anotation p{
				float:none;
				padding:8px;
				}
			#content .anotation.reference p{
				width:280px;
				float:left;
				margin:0;
				padding:8px;
				}
			#content .anotation p img{
				float:right;
				padding:0 0 8px 8px
				}
			#content .anotation .small-logo, #content .articles-list .small-logo{
				overflow:hidden;
				width:175px;
				float:right;
				display:inline;
				margin:8px 8px 8px 0
				}
			#content .articles-list .small-logo{
				margin:0 8px 8px 8px;
				}
			#content .anotation .small-logo img, #content .articles-list .small-logo img{
				margin-left:-176px;
				float:left;
				}
				#content .articles-list .small-logo img{
					margin-left:-185px
					
					}
	#left-sidebar{
		float:left;
		width:175px;
		padding:0 0 0 0;
		}
		#left-sidebar .header, .cufon-loading #left-sidebar .header{
			font-size:1.5em;
			width:100%;
			overflow:hidden;
			clear:both;
			padding:20px 0 7px 0;
			display:block;
			}
		.cufon-loading #left-sidebar .header{
			color:#fff;
		}
		.cufon-active #left-sidebar .header{
			font-size:1.5em;
			line-height:.8em;
			padding:20px 0 7px 0
		}
	#right-sidebar{
		width:240px;
		float:right;
		padding:25px 0 0 0;
		font-size:1.2em
		}
		#right-sidebar em{
			font-style:italic;
			}
		#right-sidebar .more-arr{
			float:left;
			white-space:nowrap;
			width:auto;
			text-indent:0;
			background:url(../images/more-arr.png) no-repeat right 5px;
			padding:0 13px 7px 0;
			text-decoration:none;
			font-weight:bold;
			}
		#right-sidebar .widget{
			background:#eaeaea;
			border:1px solid #d2d2d2;
			padding:10px;
			margin-bottom:1em;
			width:218px;
			line-height:1.6em;
			display:block;
			float:right;
			}
			#right-sidebar .widget-common{
				background:#eaeaea;
				margin-bottom:1em;
				width:240px;
				line-height:1.6em;
				display:block;
				float:right;
				}
				#right-sidebar h2.sidebar-header{
					background:url(../images/bckg_widget1.gif) repeat-y right #828282;
					font-size:1.2em;
					color:#fff;
					font-weight:bold;
					width:100%;
					overflow:hidden;
					clear:both
					}
				#right-sidebar h2.sidebar-header span{
					font-weight:bold;
					background:url(../images/bckg_widget2.gif) 222px 6px no-repeat;
					width:200px;
					padding:5px 35px 5px 5px;
					display:block;
					}
				#right-sidebar .widget-common h3{
					color:#ef4400;
					font-weight:bold;
					font-size:1.2em;
					}
				#right-sidebar .widget-common .content{
					padding:10px;
					width:220px;
					float:left;
					}
			#right-sidebar .widget.spec{
				background:url(../images/bckg_widget-special.png) repeat-y right top #afc39d;
				border:none;
				width:220px;
				}
				#right-sidebar .widget.spec .more-arr{
					background:url(../images/more-arr2.png) no-repeat right 5px;
					float:right;
					color:#fff
					}
			#right-sidebar .widget.banner{
				background:none;
				border:none;
				overflow:hidden;
				width:100%;
				padding:0;
				clear:both;
				}
			#right-sidebar .widget.small-banners{
				text-align:center;
				padding:10px 5px;
				width:228px
				}
			#right-sidebar .widget.small-banners img{
				padding:0 3px;
				display:inline;
				vertical-align:middle;
				}
		
			.widget h2{
				font-weight:bold;
				margin:0 0 .5em 0;
				font-size:1.5em
				}
				#right-sidebar .widget.spec h2{
					color:#fff
					}
			.widget .fleft-text, .widget-common .fleft-text{
				float:left;
				width:130px;
				}
			.widget .fright-img{
				float:right;
				}
				#right-sidebar .widget.news{
					background:none;
					line-height:1.4em
					}
					#right-sidebar .widget.news h2{
						font-size:1em;
						}
						#right-sidebar .widget.news h2 a{
							color:#de4b00;
							text-decoration:none;
							font-weight:bold;
							}
					#right-sidebar .widget.news p{
						background:url(../images/arr.gif) no-repeat 2px 6px;
						text-indent:10px;
						padding:0 0 1em 0
						}
					#right-sidebar .widget.news p .more-arr, #right-sidebar .widget-common .more-arr{
						text-indent:-9999em;
						width:9px;
						height:9px;
						display:inline-block;
						padding:8px 0 0 0;
						position:relative;
						float:none;
						vertical-align:text-top;
						background:url(../images/arr2.gif) no-repeat left 3px;
						}
					#right-sidebar .widget-common .more-arr{
						background:url(../images/more-arr.png) no-repeat left 3px;
						}
	#footer{
		width:100%;
		overflow:hidden;
		clear:both;
		padding:2em 0 0 0;
		font-size:1.2em
		}
		#footer #left-footer{
			width:175px;
			text-align:right;
			float:left;
			display:inline;
			margin-right:30px;
			padding:0 0 10px 0;
			line-height:1.4em
			}
			#footer #left-footer #logo-cont{
				width:175px;
				padding:13px 0 0 0;
				margin:0 0 10px 0;
				height:162px;
				text-align:center;
				background:#f15201;
				}
		#footer #center-footer{
			text-align:center;
			width:505px;
			float:left;
			text-align:left;
			line-height:1.4em
			}
			.bg{
				background:url(../images/footer-bcgk.png) repeat-x #f7f9f7;
				display:block;
				height:165px;
				padding:10px 0 0 0;
				margin:0 0 10px 0;
				text-align:center;
				}
			#footer #right-footer{
				float:right;
				width:240px;
				line-height:1.4em
				}
				#footer #right-footer a{
					color:#2e2e2e
					}