body { background-color: #466C7C; margin: 6px 6px 0px 6px; padding: 0px;	color:#406678; font-size: 11px; font-family: Helvetica, Arial, Times, Verdana, sans-serif;}
html, body { scrollbar-face-color: #466C7C; scrollbar-highlight-color: #466C7C; scrollbar-shadow-color: #789FAF; scrollbar-arrow-color: #789FAF; scrollbar-base-color: #466C7C; scrollbar-3d-light-color: #789FAF; scrollbar-dark-shadow-color: #789FAF; height: 100%;}
html>body #all {	height: auto;	min-height: 100%;}

#header { width: 100%; height: 98px; color: #fff; background: #5f8ca1 url("images/picas_menu02.gif") repeat-x left bottom;}
#t1 { color:#5F8CA1; text-align: center; font-size: 9px; font-family: Helvetica, Arial, Times, Verdana, sans-serif; position: absolute;	left: 0px; bottom: 18px; height: 20px; z-index: 5;}

html>body #t1 { bottom: 39px;}

#t2 { color:#5F8CA1;	text-align: center; font-size: 9px; font-family: Helvetica, Arial, Times, Verdana, sans-serif; position: absolute; right: 0px; bottom: 18px; z-index: 5; width: 120px;}
#counters { background-color: #5f8ca1; margin-left: 8px; text-align: center; width: 112px; padding-top: 25px;}
#counter { background-color: #5f8ca1; margin-left: 8px; text-align: center; width: 112px; padding-bottom: 10px;}
#lc { position: absolute; left: 0px; top: 98px; width: 150px;	background-color: #CEDCE2; color: #000;}
#rc { position: absolute; right: 0px; top: 98px; width: 120px;	color: #000;}
#content { margin-right: 120px; margin-left: 150px; padding: 29px 0px 10px 20px; background-color: #EEF3F5; color: #406678; height: 1100px;}
html>body #content { min-height: 1100px; height: auto; padding: 20px 0px 10px 20px;}
#wopadding { margin-left: -20px;	margin-top: -30px;}
#footer { background-color: #5F8CA1; height: 26px; color: #fff; position: absolute; bottom: -1px; width: 100%;}
#footer_in { height: 19px; background: #5f8ca1 url("images/picas_menu02.gif") repeat-x left top; color: white;}
#footline { font-size: 0px; height: 7px; width: 100%; background-color: #5f8ca1; color: white;}
#all { height: 100%; position: relative;}
#bgleftcolumn{ position: relative; background: url("images/bgmenuleft.gif") left top repeat-y;}
#bgrightcolumn{ position: relative; background: url("images/bgmenuright.gif") right top repeat-y;}

a { color: #406678; text-decoration: none;}
a:hover {color: #7F3A2E;}

#spacer { margin: 0px 0px 6px 0px; font-size: 90px;}
#Image_100{ position:absolute; width:150px; height:20px; top:6px; right:93px; border: none;}
#Layer0{ position:absolute; width:85px; height:20px; top:10px; right:8px; font-size: 11px;}
#Layer0 img{ height: 10px; width: 10px; margin: 1px; border:none;}
#Layer1{ position:absolute; width:155px; height:20px; left:1px; top:6px;}
#Layer2{position:absolute; height:77px; top:26px;	 left: 0px; right:0px; margin: 0px 6px 0px 6px;}

#Layer5{ /* for all browsers */ position: absolute; height: 20px; left:176px; right: 114px; top: 104px;}

html>body #Layer5{ /* for IE only */ right: 126px;}

#Layer7 { visibility: hidden; display: none;}
#leftmenutop { height: 15px; background: #5f8ca1 url("images/b_menu_top01.jpg") no-repeat left bottom;}
#leftmenubot { width: 150px; height: 15px; z-index: 20; background: #5f8ca1 url("images/b_menu_bott01.jpg") no-repeat left bottom;}
#leftmenu a{ display: block; padding: 19px 4px 21px 4px; text-align:center; text-transform: uppercase; color:#E0E9EE; font-size: 10px; background: #5f8ca1 url("images/back_menu02.gif") repeat-y right top;}
#leftmenu a:hover{ background-color: #cec5a6; color: #7F3A2E;}

div.line{ position: absolute; left:0px; width: 142px; height: 1px; font-size: 1px; background: #5f8ca1 url("images/picas_menu02.gif") repeat-x left bottom;}
#leftmenu2 { background: #e5ecef url("images/back_leftmenu3.gif") repeat-y left top; padding-left: 5px;}
#leftmenu2 a{ display: block; padding: 9px 14px 9px 4px; text-align: right; text-transform: none; color:#466C7C; font-size: 10px; background: #cedce2 url("images/back_menu02.gif") repeat-y right top;}
#leftmenu2 a:hover{ background: #dde6eb url("images/back_menu01k.gif") repeat-y right top; color: #7F3A2E;}
div.line2{ width: 137px; height: 1px; font-size: 1px; background: #cedce2 url("images/picas_menu01.gif") repeat-x left bottom;}

#righttopmenutop{ height: 15px; background: #5f8ca1 url("images/b_menu_top02.jpg") no-repeat left bottom; padding-left: 10px; color:#E0E9EE; font-size: 9px; font-family: Verdana, Helvetica, Arial, Times, sans-serif; font-weight: bold;}
#righttopmenubot{}
#rightbotmenutop{ background: white url("images/b_menu_bott0.gif") no-repeat right bottom; height: 15px; padding-left: 20px; color:#E0E9EE; font-size: 9px; font-family: Verdana, Helvetica, Arial, Times, sans-serif; font-weight: bold;}
#rightbotmenubot{ height: 15px; background: #5f8ca1 url("images/b_menu_bott02.jpg") no-repeat left bottom;}
div.righttopmenu a{ display: block; padding: 8px 4px 8px 13px; text-align: left; text-transform: none; color: #466C7C; font-size: 10px; background: #e4eff4 url("images/back_menuleft01.gif") repeat-y left top;}
div.righttopmenu a:hover{ background: #dde6eb url("images/back_menuleft01k.gif") repeat-y left top; color: #7F3A2E;}
div.line3{ position: absolute; right:0px; width: 112px; height: 1px; font-size: 1px; background: #cedce2 url("images/picas_menu01.gif") repeat-x left bottom;}

#im_mulka_order { position: absolute; margin-top: 2px; right: 0px; height: 28px;}
#tdfreshfolio{ font-weight: bold; text-align: center; margin: 54px 0px 10px 6px; vertical-align: top;}
#divfreshfolio a{ display: inline; padding: 0px;}
#divfreshfolio { display: block; margin-right: 7px; text-align: center; vertical-align: middle; height: 83px; width: 100px; background: url("images/back.gif") no-repeat center top;}
#divfreshfolio img{ margin-top: 19px; height: 45px; width: 60px; border: none;}
#botmenu{ width: 100%; margin-top: 3px;}
#botmenu td{ background: #5f8ca1 url("images/picas_menu02v.gif") repeat-y right bottom; color:#BFD1D9; text-align: center; font-size: 9px; font-family: Helvetica, sans-serif, Verdana, Arial, Times;}
#botmenu td a{ display: block; width: 100%; height: 100%; color:#BFD1D9;}
#botmenu td a:hover{ color: #7F3A2E; background-color: #CEC5A6;}

#top_zaplatka { position: absolute; top: 104px; left: 156px; width: 20px; height: 7px; background-color: #5F8CA1; color: #000; z-index: 1; font-size: 0px;}
#marginbot { background-color: #466C7C; height: 7px; width: 100%; font-size: 0px;}
#top{ position: absolute; bottom: 66px; left: 50%; height: 32px; padding-left: 7px; text-align: center; z-index: 20;}

/* portfolio_cd.html */
table.cd_announce{ height:100%; width:100%;}
td.cd_announce{ padding-left: 7px; padding-right: 7px; padding-top: 3px; vertical-align: top;}
td.cd_announce2{ padding-top: 3px; vertical-align:top;}
td.cd_announce_link{ height: 10px; font-size: 3px;}

/* portfolio_cd.html */
#folioleft{ float: left; width: 250px;}
#folioleftlogo{ float: left; width: 200px;}
#foliorightlogo{ margin-left: 203px;}
#folioright{ margin-left: 253px;}
#folioname{ background-color: #cedce2; height: 16px; width: 10px; white-space: nowrap; font-weight: bold; color: #406678; font-size: 12px; padding-left: 3px; padding-top: 1px;  padding-right: 15px; padding-bottom: 1px; margin: 0px 0px 0px 0px;}
#url { padding: 0px; margin: 0px 0px 0px 0px;}
#foliotext {background-color: #f6fafb;	background: #F6FAFB url("images/picas_menu01.gif") repeat-x left top; padding: 1px 0px 1px 3px;}
td.foliotext {background-color: #f6fafb; background: #F6FAFB url("images/picas_menu01.gif") repeat-x left top; padding: 5px 10px 5px 5px;}
td.foliotext2 {padding: 10px 10px 15px 0px;}

.hblock { padding: 0px 7px 7px 7px; margin: 0px; }
.hblock h1{ margin-top: 18px; margin-bottom: 6px; padding: 0px; text-transform: none;}
.hblock2 { background-color:#f6fafb; padding: 7px;}
.hblock2 ul{ margin-bottom: 0px; padding-bottom: 0px;}

h1, h2 { text-transform: none; display: block; color:#5F8CA1; font-size: 15px; font-family: Century Gothic, Arial, Verdana, sans-serif; }
p.announce { margin-left: 10px; margin-bottom: 10px; color:#406678; font-size: 11px;}
.folio1 { background: #cedce2; height:12px; white-space: nowrap; color:#406678; font-size: 11px; font-family: Helvetica, Arial, Times, Verdana, sans-serif; }
td.foliorow, td.foliorow2 { background: url("images/picas_menu01.gif") repeat-x left bottom; padding: 0px 0px 0px 0px; margin-left:20px;}
table.foliorow2 { margin-top: 15px; margin-bottom: 3px;}
td.foliorow1 { background: #f6fafb url("images/picas_menu01.gif") repeat-x left bottom; padding: 0px 0px 5px 0px;}
td.foliorow0 { background: url("images/picas_menu01.gif") repeat-x left bottom; padding: 0px 0px 5px 0px;}
.heading {  }
td.letter { text-align: center; vertical-align: middle; }

td.foliolinks { width: 100px; vertical-align: text-bottom; text-align:right; padding-right: 5px;}
td.foliolinks a{ font-size: 10px; white-space: nowrap;}
td.content { height: 80%; vertical-align: text-top; padding: 15px 20px 0px 20px;}

.chronohead { text-align: right; background: #cedce2; padding: 10px 10px 5px 10px; font-weight: bold;}
.chronohead #div1{ display: inline; color: white; font-size: 15px; padding-right: 10px;}
.chronohead #div2{ display: inline; color:#5F8CA1; font-size: 15px; font-weight: bold;}
.chronohead #div1 a{ color: white; text-decoration: none; }
.chronohead #div1 a:hover{ color: #7F3A2E; text-decoration: underline; }

.chrono a{ color: #406678; }
.chrono { margin-left: 10px; padding-top: 4px; padding-bottom: 16px; }

.chrono_date{ margin-left: 10px; text-align: center; background:#5f8ca1; width:100px; font-weight: bold; font-weight: bold; }
.chrono_date {  color: #E0E9EE; }
/*.chrono_date a:hover{  color: #7F3A2E; text-decoration: none; }*/

#content a, p.announce a, .chrono a{	text-decoration: underline; /* все ссылки в контенте как обычные*/}
#content a:hover, p.announce a:hover, .chrono a:hover{ text-decoration: none; /* все ссылки в контенте как обычные*/}

table { border: 0px; border-collapse:collapse; leftmargin: 0px; topmargin: 0px;}
table.main { height: 100%; width: 100%; }
.title {  color:#5F8CA1; font-size: 14px;}
.titlem {  color:#5F8CA1; font-size: 17px;}
.titlecd {  text-transform: uppercase; font-weight: bold; color:#5F8CA1; background: #cedce2; font-size: 13px; font-family: Times, Helvetica, Arial, Verdana, sans-serif;}
.title2 {  color:#B2C6D0; font-size: 14px;}
.title3 {  color:#5F8CA1; font-size: 10px;}
.titlep {  color:#C03E1F; font-size: 10px;}
.if {  color:#89ABBA; font-size: 7px; font-family: Helvetica, sans-serif, Verdana, Arial, Times;}
.font1 {  color:#406678; font-size: 11px;}
.font2 {  color:#8CA6B1; font-size: 11px;}
.font3 {  font-weight: bold; color:#406678; font-size: 11px;}
.font1w {  color:#A5BEC9; font-size: 11px;}
.fontw {  color:#E0E9EE; font-size: 11;}
.link1 {  color:#406678; font-size: 11px;}
.link2 {  color:#7F3A2E; font-size: 13px;}

div.line02a{ height: 1px; font-size: 1px; background: #F6FAFB url("images/picas_menu01.gif") repeat-x left bottom;}
div.line02b{ height: 1px; font-size: 1px; background: #EEF3F5 url("images/picas_menu01.gif") repeat-x left bottom;}
div.line02c{ height: 1px; font-size: 1px; background: #CEDCE2 url("images/picas_menu01.gif") repeat-x left bottom;}

.bg0 { background-color: #f6fafb; padding-bottom: 10px;}
.bg1 { padding-bottom: 10px;}

/* Для нового вида раздела портфолио веб сайтов*/
.folio { height: 49px; margin-top: 11px; background: url("images/picas_menu01.gif") repeat-x left bottom;}
.folio img { height: 45px; width: 60px; padding: 4px 4px 4px 0px;}
.folio .text { padding-top: 22px;}
.folio .sign { font-size: 11px; line-height: 11px; margin: 0px 0px 0px 0px; padding: 0px;}
.folio .url{ font-size: 11px; margin: -13px 4px 0px 0px; padding: 0px; white-space: nowrap; color:#A5BEC9;}
.folio .url a:hover, .folio .url a:visited, .folio .url  a:link, .folio .url a:active{ text-decoration: none; color:#A5BEC9;}

/* Для нового вида раздела портфолио веб сайтов*/
/* left_menu */
.m_web_design, .m_flash_design, .m_services, .m_style, .m_portfolio, .m_contacts{display:none}
#display_web_design		.m_web_design{display:block!important}
#display_flash_design	.m_flash_design{display:block!important}
#display_services		.m_services{display:block!important}
#display_style			.m_style{display:block!important}
#display_portfolio		.m_portfolio{display:block!important}
#display_contacts		.m_contacts{display:block!important}




#leftcol {
	background: url('/images/back_menu01.gif') right top repeat-y;
}