/* CSS Document */

*{ margin: 0; padding: 0; outline: none; font-size: 100.01%;}

html,body{ height: 100%; background: #FFFFFF; line-height: 164%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #5C5C5C;}

/* As */

a{ color: #FF0000; text-decoration: none;}
a:hover{ text-decoration: underline;}

a.internal { border-bottom: 1px dashed #ff0000;}
a.internal:hover { border-bottom: 0; text-decoration: none;}

.kensu{ display: block; margin: 35px 0 85px 0; width: 100px; height: 60px; }

a.news_title{ font-weight: bold; font-size: 16px; color: #5C5C5C; text-decoration: none;}
a.news_body{ font-size: 12px; color: #5C5C5C; text-decoration: none;}

/* DIVs */

div.clear{ clear: both; width: 100%; height: 1px; overflow: hidden;}

div.column1_agency{ float: left; padding: 0 0 20px 0; width: 39%; color: #999999; overflow: hidden;}
	div.column1_agency div.margin{ margin: 0 5% 0 0;}
div.column2_agency{ float: left; padding: 0 0 20px 0; width: 59%; font-size: 12px; overflow: hidden;}
	div.column2_agency div.margin{ margin: 0 17% 0 30px;}

div.column1_index{ float: left; padding: 0 0 20px 0; width: 49%; overflow: hidden;}
	div.column1_index div.margin{ position: relative; margin: 0 6% 0 0; height: 345px;}
div.column2_index{ float: left; padding: 0 0 20px 0; width: 49%; overflow: hidden;}
	div.column2_index div.margin{ position: relative; margin: 0 17% 0 30px; height: 345px;}

div.column1_portfolio_item{ float: left; padding: 0 0 20px 0; width: 350px; overflow: hidden;}
	div.column1_portfolio_item div.margin{ margin: 0 0 20px 0; padding: 0 0 6px 0; border-bottom: 1px solid #CECECE;}
	div.column1_portfolio_item div.margin2{ margin: 0 15px 0 15px;}
div.column2_portfolio_item{ float: left; padding: 0 0 20px 0; font-size: 12px; overflow: hidden;}
	div.column2_portfolio_item div.margin{ margin: 0 15% 0 6%;}

div.column1_service{ float: left; padding: 0 0 20px 0; width: 39%; overflow: hidden;}
	div.column1_service div.margin{ margin: 0 5% 0 0;}
div.column2_service{ float: left; padding: 0 0 20px 0; width: 59%; overflow: hidden;}
	div.column2_service div.margin{ margin: 0 17% 0 30px;}

div.bg { padding: 0 30px 0 30px; height: 100%; background-position: left top; background-repeat: no-repeat;}

div.main{ width: 1005px; overflow: hidden;}

/* Hs */

h1, h2, h3, h4 { clear: both; margin: 12px 0 12px 0; padding: 0; font-weight: normal;}

h1{ line-height: 28px; font-size: 24px; font-weight: normal;}

h2 { line-height: 24px; font-size: 22px;}
h2.caption { color: #727272;}

h3{ line-height: 20px; font-size: 18px; color: #000000;}

/* IMGs */

img{ border: 0;}
img.title{ margin: 7px 0 7px 0;}

/* Ps */

p{ margin: 0 0 14px 0; padding: 0;}

/* TABLEs */

td.separator{ height: 35px; background: url(../img/hdot.gif) left center repeat-x; overflow: hidden;}

/*  */

.date{ clear: right; float: left; margin: 0; text-indent: 13px; background: url(../img/sq.gif) left center no-repeat; font-size: 10px; color: #999999;}

.sq{ width: 100%; text-indent: 13px; background: url(../img/sq.gif) left 6px no-repeat;}



/* .bottom block */

div.bottom{ padding: 4px 0 4px 0; border-top: 3px solid #FF0000; color: #AEAEAE;}
div.bottom a{ color: #AEAEAE; text-decoration: none;}

/* .iblock block */

div.iblock{ width: 405px;}
div.iblock .head{ padding-bottom: 7px; border-bottom: 1px solid #FF0000;}
div.iblock .body{ padding: 18px 0 18px 0; font-size: 14px;}

/* .img_view block */

div.img_view{ margin: 6px 0 0 0; padding: 20px 0 20px 0; width: 315px; background: #ECECEC;}
div.img_view img.big{ width: 295px; height: 205px; background-position: center; background-repeat: no-repeat;}

/* .list_bottom block */

div.list_bottom{ clear: both; padding: 15px 0 15px 0; _height: 1px; /*background: url(../img/vdot.gif) 49% top repeat-y;*/ font-size: 12px;}

div.list_bottom div.col_img{ float: left; width: 19%; overflow: hidden;}
div.list_bottom div.col_link{ float: left;}
div.list_bottom div.col_link div.margin{ margin: 0 5% 0 5%;}

div.list_bottom a{ text-decoration: none;}
div.list_bottom a:hover{ text-decoration: underline;}

div.list_bottom .date2{ font-size: 11px; color: #9F9F9F;}
div.list_bottom .name{ font-weight: bold;}
div.list_bottom .num{ text-align: right; color: #C5C5C5;}

/* .list_view */

div.list_type{}
div.list_type a{ padding: 1px 10px 2px 16px; background: url(../img/ar_red.gif) left center no-repeat; text-decoration: none;}
div.list_type a:hover{ text-decoration: underline;}

div.list_type a.active{ background: url(../img/ar_gray.gif) left center no-repeat; text-decoration: underline;}

/* .menu block */

div.menu{ float: left; height: 24px;}
div.menu a{ float: left; display: block; margin: 0 20px 0 0; padding-top: 5px; border-top: 7px solid #FFFFFF; height: 12px; text-decoration: none;}
div.menu a:hover, div.menu a.active{ border-top: 7px solid #FF0000; text-decoration: none;}
div.menu a.service_ru{ width: 34px; background: url(../img/m_service_ru.gif) center 5px no-repeat;}
div.menu a.portfolio_ru{ width: 58px; background: url(../img/m_portfolio_ru.gif) center 5px no-repeat;}
div.menu a.agency_ru{ width: 51px; background: url(../img/m_agency_ru.gif) center 5px no-repeat;}
div.menu a.news_ru{ width: 43px; background: url(../img/m_news_ru.gif) center 5px no-repeat;}

/* .menu_left block */

ul.menu_left{ margin-top: 45px; list-style: none;}
ul.menu_left li{ position: relative; padding: 3px 0 3px 17px; background: url(../img/ar_red.gif) left center no-repeat; line-height: 164%;}
ul.menu_left li a{ font-size: 12px; text-decoration: none;}

/* .more */

div.more { position: absolute; bottom: 0; right: 0;}

/* .news_list */

div.news_list {}
div.news_list a { color: #5C5C5C; text-decoration: none;}
div.news_list a:hover { text-decoration: none;}
div.news_list h3 { margin: 0 0 6px 0;}
div.news_list h3 a { color: #727272;}

ul.news_list { clear: both; margin: 0 10px 0 0; padding: 0; border-top: 1px solid #CFCFCF; list-style-type: none;}
ul.news_list li { padding: 5px 15px 5px 0; border-bottom: 1px solid #CFCFCF;}
ul.news_list li p { margin: 0; padding: 0;}
ul.news_list li table { width: 100%; border-collapse: collapse;}
ul.news_list li table td { padding: 0;}

/* .portfolio_item block */

div.portfolio_item{ float: left; position: relative; display: block; width: 33%; _height: 1px;}

div.portfolio_item div.margin{ margin: 0 4% 0 4%; border-top: 3px solid #ffffff; width: 92%;}
div.portfolio_item:hover div.margin, div.fixHover div.margin{ border-top: 3px solid #ff0000;}

div.portfolio_item a.link{ clear: both; float: left; display: block; margin: 2px 0 6px 0; padding: 1px 0 2px 10px; background: url(../img/ar_red.gif) left center no-repeat;}

div.portfolio_item img{ display: block; margin: 2px 0 2px 0; width: 100%; height: 195px; background-position: center 0; background-repeat: no-repeat;}
div.portfolio_item:hover img, div.fixHover img{ background-position: center -195px;}

div.portfolio_item span{ display: block; margin: 2px 0 2px 0; width: 100%; _height: 50px; min-height: 50px; text-align: justify;}

/* .prev_next block */

div.prev_next{ height: 30px;}

div.prev_next table { width: 100%; border-collapse: collapse;}
div.prev_next table td { padding: 0;}

a.next_item{ padding-right: 15px; background: url(../img/next_item.gif) right center no-repeat;}
a.prev_item{ padding-left: 15px; background: url(../img/prev_item.gif) left center no-repeat;}
a.prev_red{ padding-left: 15px; background: url(../img/prev_red.gif) left center no-repeat;}

/* .red_list */

div.red_list {}
div.red_list a { position: relative; display: block; padding: 4px 40px 4px 6px; /*height: 22px;*/ height: 100%; background: url(../img/hdot.gif) left bottom no-repeat; line-height: 16px;}
div.red_list a span { /*float: right;*/ position: absolute; display: block; top: 0; right: 6px; /*margin-right: 6px;*/ text-indent: 13px; font-size: 10px; color: #999999;}
div.red_list a:hover { background: #ff0000; color: #FFFFFF; text-decoration: none;}
div.red_list a:hover span { color: #FFFFFF;}
div.red_list a.active { color: #5C5C5C; text-decoration: none;}
div.red_list a.active span { color: #FFFFFF;}

/* .rss-blog */

table.rss-blog { width: 100%; border-collapse: collapse; background: #CFCFCF;}
table.rss-blog td { padding: 8px 0 8px 0;}
table.rss-blog td a { font-weight: bold; color: #5C5C5C; text-decoration: none;}
table.rss-blog td img { vertical-align: middle;}

/* .service_list */

ul.service_list{ margin-top: 45px; list-style: none;}
ul.service_list li{ position: relative; padding: 3px 0 3px 17px; background: url(../img/ar_gray.gif) left center no-repeat; line-height: 164%;}

/* .sorting block */

div.sorting{ padding: 1px 0 1px 0; border-bottom: 1px solid #ADADAD;}
div.sorting a{ text-decoration: none;}
div.sorting a:hover{ text-decoration: underline;}

div.sorting div.type{ font-size: 12px;}

/* .types_of_works */

ul.types_of_works{ margin: 0; padding: 0; list-style: none;}
ul.types_of_works li{ height: 22px; line-height: 22px;}
ul.types_of_works li a{ float: left; display: block; padding-left: 10px; background: url(../img/ndash_red.gif) left 10px no-repeat; text-decoration: none;}
ul.types_of_works li a:hover{ text-decoration: underline;}
ul.types_of_works li span{ display: block; padding-left: 10px; background: url(../img/ndash_gray.gif) left 10px no-repeat; text-decoration: none;}

/* .year_list */

div.year_list { margin: 12px 10px 10px 0; text-align: right;}
div.year_list a {}