@charset "utf-8";

html, body{
	height: 100%;
}

.clear{
	clear:both;	
}

body{
	background:#fefefe;
}

.bg{
	background:url(../images/background.png) repeat-x;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.layout{
	height:100%;
	width:100%;
	min-width:1000px;
}

.main_wrapper{
	position:relative;
	min-height:100%;
}

.main{
	padding-bottom:100px;
	width:900px;
	margin:0 auto;
}

.logotype_wrapper{
	width:906px;
	height:204px;
	position:relative;
	padding-bottom:20px;
}

.logotype_menu{
	background:url(../images/logotype.png) no-repeat;
	width:906px;
	height:204px;
	position:absolute;
	top:0;
	left:0;
}

/* menu */

.menu{
	position:relative;
	top:51px;
	width:100%;
}

.about{
	position:absolute;
	left:114px;
}

.portfolio{
	position:absolute;
	left:294px;
}

.blog{
	position:absolute;
	left:399px;	
}

.contacts{
	position:absolute;
	right:19px;
}

/* portfolio preview */

.portfolio_wrapper{
	clear:both;
}

.portfolio_header{
	clear:both;
}

.portfolio_header dd{
	float:left;
}

.portfolio_header dt{
	float:left;
	margin-left:30px;
	padding-right:1px;
}

.portfolio_preview_block{
	clear:both;
	padding-top:15px;
}

.portfolio_preview_block li{
	float:left;
	width:225px;
	padding-bottom:15px;
	
}

.portfolio_block{
	width:200px;
	margin:0 auto;
	position:relative;
	display:block;
}

.portfolio_block_title{
	background:#FFF;
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0;
	left:0;
	padding:5px 0;
}

.portfolio_group_header{
	width:200px;
	margin:0 auto;
	padding-bottom:10px;
}

/* path */

.path{
	margin-bottom:20px;
}

.path h1{
	display:inline;
}

.path span.arrow{
	margin:0 10px;	
}

/* content */

.content_header{
	margin:0 0 10px;	
}

.content_description{
	margin-bottom:15px;	
}

.content_description li{
	display:inline;
	margin-right:30px;
}

.content_text p{
	margin-bottom:10px;
}

.content_text ol{
	margin:0 0 0 15px;
}

.content_text ol li{
	padding:0 0 0 2px;
	margin:0 0 6px 20px;
	list-style:outside decimal;
}

.content_text ul{
	margin:0 0 0 15px;
}

.content_text ul li{
	position:relative;
	padding: 0 0 0 20px;
	margin:0 0 6px 2px;
	list-style-type: none;
	background:url(../images/dot.png) no-repeat 0 0.5em;
}

.content_text hr{
	clear:both;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
  	height: 1px;
  	border: none;
 	background: #d9d9d9;
 	color: #d9d9d9;
}

.content_text h2{
	margin-bottom:10px;
}

.content_text h3{
	margin-bottom:10px;	
}

.sait{
	margin-bottom:20px;
}

.sait div{
	width:828px;
	margin:0 auto;
	text-align:center;
}

.shadow_title_top{
	background:url(../images/shadow_title_top.png) no-repeat;
	display:block;
	height:34px;
	text-align:center;
}

.shadow_title_top span{
	position:relative;
	top:13px;
}

.shadow_bg{
	background:url(../images/shadow_bg.png) repeat-y;
	display:block;
	height:100%;
}

.shadow_bg img{
	margin-left:-4px;
	vertical-align:top;
}

.shadow_bottom{
	background:url(../images/shadow_bottom.png) no-repeat;
	display:block;
	height:17px;
}

/* mail */

.mail_column{
	float:right;
	width:477px;
}

.mail_column_header{
	margin-left:15px;	
}

.mail{
	background:url(../images/mail.png) no-repeat;
	width:477px;
	height:384px;
	position:relative;
}

.mail_form{
	width:430px;
	position:relative;
	top:20px;
	left:25px;
}

.mail_form_label{
	width:145px;
	padding-bottom:15px;
	vertical-align:top;
}

.mail_form_input{
	padding-bottom:15px;	
}

.mail_form_input input{
	width:100%;
}

.mail_form_input textarea{
	width:100%;
	overflow:auto;
	height:50px;
	resize:none;
}

.mail_button_graphic{
	background:url(../images/mail_button.png) no-repeat;
	width:106px;
	height:43px;
	position:absolute;
	top:187px;
	left:188px;
	cursor:pointer;
}

.mail_button{
	background-position:0 -51px;
}

.mail_button_disable{
	background-position:0 -4px;
	cursor:default;
}

.mail_button_hover{
	background-position:0 -98px;
}

.answer{
	margin-left:15px;	
}

/* footer */

.footer_wrapper{
	position:relative;
	height:85px;
	margin-top:-85px;
	background:url(../images/footer_bg.png) repeat-x 0 38px;
}

.footer{
	width:1000px;
	margin:0 auto;
	position:relative;
}

.copyright{
	background:url(../images/copyright.png) no-repeat;
	width:92px;
	height:52px;
	position:absolute;
	top:0;
	right:50px;
}

/**/

.content_left_column{
	width:630px;
	float:left;
}

.content_right_column{
	margin-left:650px;
}

.partner_image{
	width:139px;
	height:73px;
	margin:0 auto;
	padding-top:30px;
}

/**/

.presentation_block{
	width:692px;
	margin:20px auto;
}

.presentation_monitor{
	background:url(../images/monitor.png) no-repeat;
	width:692px;
	height:684px;
	margin-bottom:10px;
}

.presentation_movie{
	width:640px;
	height:480px;
	margin:0 auto;
	padding-top:32px;
}

.presentation_block{
	text-align:center;	
}

/* blog */

.blog_block{
	
}

.blog_header{
	margin-bottom:10px;	
}

.blog_description{
	margin-bottom:15px;	
}

.blog_create{
	float:left;
	margin-right:15px;
}

.blog_theme{
	float:left;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:0 15px;
	margin-right:15px;
}

.blog_text{
	margin-bottom:22px;
}

.blog_text blockquote{
	position:relative;
	margin-bottom:10px;
	background:#FFF3E5;
	padding:2px 0;
}

.blog_text blockquote span{
	position:absolute;
	left:5px;
}

.blog_text blockquote pre{
	padding-left:30px;
}

/* blog icon */

.blog_icon{
	float:left;
	margin-right:5px;
	margin-top:2px;
	cursor:pointer;
}

.blog_icon_left{
	background:url(../images/comment_left_round.png) no-repeat;
	width:15px;
	height:19px;
	float:left;
	position:relative;
	z-index:0;
	display:block;
}

.blog_icon_bg{
	background:url(../images/comment_bg.png) repeat-x;
	height:15px;
	float:left;
	position:relative;
	z-index:1;
	display:block;
}

.blog_icon_text{
	margin-left:-3px;
	left:-3px;
	position:relative;
	z-index:2;
	display:block;
}

.blog_icon_right{
	background:url(../images/comment_right_round.png) no-repeat;
	width:7px;
	height:15px;
	float:left;
	position:relative;
	z-index:0;
	display:block;
}

.blog_navigation span{
	margin-right:20px;
}

/* blog comment */

.blog_comment_header{
	margin-bottom:10px;
}

.blog_comment_header span{
	margin-right:15px;
}

/* blog comment area */

.blog_comment_block{
	width:630px;
	position:relative;
	overflow:hidden;
}

.blog_comment_block .blog_comment_area{
	margin:0 0 15px 0;
	padding:0;
	clear:both;
}

.blog_comment_content_wrapper{
	margin-bottom:10px;
	position:relative;
	clear:both;
}

.blog_comment_content{
	position:relative;	
}

.blog_comment_create{
	margin-bottom:2px;	
}

.blog_comment_block .blog_comment_answer{
	line-height:14px;
}

.blog_comment_block .blog_comment_answer .blog_comment_write{
	margin-top:5px;
}

.blog_comment_block .blog_comment_area li{
	background:none;
	margin:0;
	padding:0;
	zoom:1;
	clear:both;
}

.blog_comment_block .blog_comment_area ul{
	margin:0 0 0 20px;
	padding:0;
}

.blog_comment_block .blog_comment_area ul li{
	margin:0;
	padding:0;
}

.blog_comment_block .blog_comment_area ul li .blog_comment_content{
	border-left:4px solid #d9d9d9;
	padding-left:10px;
}

.blog_comment_block .blog_comment_area ul li .blog_comment_answer{
	margin-left:15px;
}

.blog_comment_answer_arrow{
	background:url(../images/comment_answer_arrow.png) no-repeat;
	width:8px;
	height:6px;
	position:absolute;
	top:-3px;
	left:-6px;
}

.blog_comment_text p{
	margin-bottom:3px;
}

.blog_comment_text blockquote{
	padding:5px;
	background:#fff3e5;
	margin-bottom:5px;
	position:relative;
}

.blog_comment_text blockquote ins.quote_left{
	width:15px;
	float:left;
	display:block;
}

.blog_comment_text blockquote ins.quote_right{
	position:relative;
	left:2px;
	top:2px;
}

.blog_comment_text blockquote ins.quote_text{
	margin-left:15px;
	display:block;
}


.blog_comment_write .blog_comment_write_header{
	margin-bottom:15px;	
}

.blog_comment_write .blog_comment_write_form{
	width:100%;	
}

.blog_comment_write .blog_comment_write_label{
	vertical-align:top;
	width:150px;
}

.blog_comment_write .blog_comment_write_form td{
	padding-bottom:10px;
}

.blog_comment_write .blog_comment_write_form td input{
	width:99%;
}

.blog_comment_write .blog_comment_write_form td textarea{
	width:99%;
	resize:none;
	overflow:auto;
	height:115px;
}

.blog_comment_write .blog_comment_write_form td.blog_comment_write_button{
	text-align:right;	
}

.blog_comment_write .blog_comment_write_form td.blog_comment_write_button input{
	width:100px;
	margin-right:2px;
	padding:0;
}

/* blog right */

.blog_theme_list dt{
	margin-bottom:10px;
}

.blog_theme_list dd{
	margin-bottom:5px;	
}

.blog_theme_list dl{
	margin:5px 0 5px 15px;
}

/* new */

.new{
	background:#fff;
	padding:10px 0;
	margin-top:15px;
	overflow:hidden;
}

.new .company_news{
	float:left;
	width:225px;
}

.new .company_news dt{
	width:225px;	
}

.new .company_news dd{
	width:200px;
	margin:0 auto 9px;
	padding-bottom:1px;
}

.new .company_news .company_news_wrapper{
	width:200px;
	margin:0 auto;
}

.company_news_header{
	margin-bottom:5px;	
}

.company_news_text{
	margin-bottom:5px;	
}

.new .blog_news{
	float:left;
}

.new .blog_news dd{
	width:200px;
	margin:0 0 9px 13px;
	padding-bottom:1px;
}

.new .blog_news dd a.rss{
	border-bottom:none;
	text-decoration:none;
}

.new .blog_news dd a.rss img{
	vertical-align:bottom;
}

.new .blog_news dt{
	float:left;
	width:225px;
}

.new .blog_news .blog_news_wrapper{
	width:200px;
	margin:0 auto;
}

.blog_news_header{
	margin-bottom:5px;	
}

.blog_news_text{
	margin-bottom:5px;	
}

.blog_news_date{
	float:left;
	margin-right:15px;
}


/**/

.icon{
	border-bottom:none !important;
	margin-right:5px;
}