html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

html, body {margin:0; padding:0; height:100%;}
html { font-size:100.01% }
body {text-align: center; font-family:Georgia;}
a:hover{text-indent: 0;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}
.clear2 {width:100%; clear: both; font-size: 0; height:0; display: block;}

.empty {width:100%; height:92px}

h1 { font:30px georgia; color:#5B5959 }
h1.inside { font:23px georgia; color:#5B5959; }
h2 { font:25px georgia; color:#5B5959; padding-top:4px }
h3 { font:23px georgia; padding-left:20px; position: relative; }

#all {position:relative; z-index: 10; width: 100%; min-height:100%; background:url(i/all_bottom.gif) repeat-x center bottom; }

#header { position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 108px; background: #E4E6E6 url(i/header_bg.gif) repeat-x center 0; text-align: left;}
#header .in { position: relative; width: 794px; height: 108px; margin: 0 auto;}
#header .in .new { position:absolute; z-index: 900; width: 22px; height: 20px; padding:10px 0 0 7px; margin:60px 0 0 745px; background: url(i/new.png) no-repeat; font: normal 9px arial; color: #7F7F7F; cursor: default;}

.font { position: absolute; z-index: 75; top:0; right:80px; padding:0 4px 2px 4px; background: #F0F0F0; }
.font span { padding:0 4px; color:#5B5959; cursor: pointer; }
.font .font1 { font-size:11px; }
.font .font2 { font-size:16px; }
.font .font3 { font-size:18px; }

#tabs {position:absolute; width:460px; height:29px; top:78px; left:312px; overflow: hidden;}
#tabs div {width:460px; height:29px; list-style:none; background:url(i/tabs_bg.gif) repeat-x top; }
#tabs div a {position:relative; height:87px; float:left; margin-right:-14px; display:block; z-index:100; text-decoration:none; font:normal 11px tahoma; color:#fff; line-height:28px; text-align:center; cursor: pointer; }
#tabs div a.m1 {z-index:600; width:84px; background:url(i/menu_turquoise.png) right top;}
#tabs div a.m2 {z-index:500; width:94px; background:url(i/menu_green.png) right top;}
#tabs div a.m3 {z-index:400; width:94px; background:url(i/menu_violet.png) right top;}
#tabs div a.m4 {z-index:300; width:95px; background:url(i/menu_rosy.png) right top;}
#tabs div a.m5 {z-index:200; width:81px; background:url(i/menu_blue.png) right top;}
#tabs div a.m6 {z-index:100; width:81px; background:url(i/menu_orange.png) right top;}
#tabs div a:hover {z-index:700; height:58px; margin-top:-29px; padding-top:29px; z-index:700;}
#tabs div a.selected {z-index:800; height:29px; margin-top:-58px !important; padding-top:58px !important; cursor:default;}

#main { position: relative; z-index: 20; width: 794px; margin:0 auto; text-align: left; background: url(i/bg.gif) repeat-y; }
.main_t { width: 794px; height: 13px; padding-top:108px;  margin:0 auto; background: url(i/main_t.gif) no-repeat bottom; font-size: 0;}
.main_b { width: 794px; height: 13px; margin:0 auto; background: url(i/main_b.gif) no-repeat; font-size: 0;}

#sidebar { position: relative; float:left; z-index: 100; width: 252px; padding:15px 0 15px 25px; margin:0; }
/*#sidebar a:visited {color : #5B5959 !important;}
#sidebar a:visited:hover {color : white !important;}*/

.portfolio { position: relative; margin-top:10px; }
.portfolio li { position: relative; width: 246px; height: 180px; padding: 16px 0 0 20px; background: url(i/portfolio_bg.jpg) no-repeat; }
.portfolio li a {position: absolute; float: left; z-index: 1000; width: 222px; height: 170px; display: block; text-decoration: none; background: #E5E5E5 ;}
.portfolio li a img { z-index: 1100; background: #E5E5E5 ;}
.portfolio li a:hover em { display: block;}
.portfolio li a em { position: relative; margin:-250px 0 0 170px; display: none; width: 179px; height: 63px; padding: 15px; background: url(i/portfolio_tooltip.png) no-repeat; font:14px georgia; color:white; text-decoration: none; vertical-align: top; }

#portfolio_example { margin:10px 0 30px -18px }
#portfolio_example .more { width: auto; height: auto; padding:0 0 0 20px; margin:10px 0 0 18px; background:url(i/circle_main.gif) no-repeat 0 center;}
#portfolio_example .more a { position: static; float: none; width: auto; display: inline; height: auto; text-decoration: underline; background: white; color: #39A1C5; font: normal 0.8em/1 georgia; }
#portfolio_example .more a:hover { background: #39A1C5; color: white; text-decoration: none;}

#portfolio_full { position: relative; width: 460px; margin:20px -10px 0; }
#portfolio_full li { float:left; width: 222px; height:170px; padding:0; margin:0 8px 10px 0; background: #E5E5E5 }
#portfolio_full li a:hover { background: none !important; }

/*main*/
#page_main #all { background:url(i/main_blog_post.gif) repeat-x center bottom; }
#page_main .list li { background:url(i/circle_main.gif) no-repeat 0 0.3em }
#page_main .order_icon, #page_main .logo, #page_main #tabs, #page_main .list li a:hover, #page_main .list2 li a:hover, #page_main #content a:hover, #page_main .main_blog_post li a:hover, #page_main #footer .in a:hover {background:#39A1C5;}
#page_main .list li a, #page_main .list2 li a, #page_main #content a { color:#39A1C5 }
#page_main .order_icon { margin-left:100px; }
/*portfolio*/
#page_portfolio .list li { background:url(i/circle_portfolio.gif) no-repeat 0 0.3em }
#page_portfolio .order_icon, #page_portfolio .logo, #page_portfolio #tabs, #page_portfolio .list li a:hover, #page_portfolio .list2 li a:hover, #page_portfolio #content a:hover, #page_portfolio #footer .in a:hover {background:#BAD45F;}
#page_portfolio .list li a, #page_portfolio .list2 li a, #page_portfolio #content a { color:#A7BE55 }
/*price*/
#page_price .list li { background:url(i/circle_price.gif) no-repeat 0 0.3em }
#page_price .order_icon, #page_price .logo, #page_price #tabs, #page_price .list li a:hover, #page_price .list2 li a:hover, #page_price #content a:hover, #page_price #footer .in a:hover {background:#A060D4;}
#page_price .list li a, #page_price .list2 li a, #page_price #content a { color:#A060D4 }
/*tech*/
#page_tech .list li { background:url(i/circle_tech.gif) no-repeat 0 0.3em }
#page_tech .order_icon, #page_tech .logo, #page_tech #tabs, #page_tech .list li a:hover, #page_tech .list2 li a:hover, #page_tech #content a:hover, #page_tech #footer .in a:hover {background:#FF62BB;}
#page_tech .list li a, #page_tech .list2 li a, #page_tech #content a { color:#FF62BB }
/*opinions*/
#page_opinions .list li { background:url(i/circle_opinions.gif) no-repeat 0 0.3em }
#page_opinions h3 { background:url(i/circle_opinions.gif) no-repeat 0 5px }
#page_opinions .order_icon, #page_opinions .logo, #page_opinions #tabs, #page_opinions .list li a:hover, #page_opinions .list2 li a:hover, #page_opinions #content a:hover, #page_opinions #footer .in a:hover {background:#556ACB;}
#page_opinions .list li a, #page_opinions .list2 li a, #page_opinions #content a { color:#556ACB }
#page_opinions #content p { margin-top:5px }
/*blog*/
#page_blog .list li { background:url(i/circle_blog.gif) no-repeat 0 0.3em }
#page_blog h3 { margin-right:115px; background:url(i/circle_blog.gif) no-repeat 0 5px }
#page_blog .order_icon, #page_blog .logo, #page_blog #tabs, #page_blog .list li a:hover, #page_blog .list2 li a:hover, #page_blog #content a:hover, #page_blog #footer .in a:hover {background:#FEA61B;}
#page_blog .list li a, #page_blog .list2 li a, #page_blog #content a { color:#FEA61B }

.pages { margin:50px 0 20px 0; }
.pages span { display:block; float: left; width: 24px; height: 19px; padding-top:4px; margin:0 10px; text-align: center; font: normal 11px Tahoma !important; color: white !important; text-decoration: none; background: #E2E2E2 url(i/pages.gif) no-repeat;  }
.pages a { float: left; width: auto; margin:-6px 10px 0 10px; padding-top:0; font: normal 25px Georgia !important; color: #FEA61B !important;}
.pages a:hover { background: #FEA61B;}
.pages a.circle { display:block; float: left; width: 24px; height: 19px; padding-top:4px; margin:0 10px; text-align: center; font: normal 11px Tahoma !important; color: white !important; background: url(i/pages.gif) no-repeat 0 -23px !important; text-decoration: none;  }



#content { float: right; width: 442px; z-index: 50; ; padding:15px 15px 15px 25px;}
#content p { margin:15px 0; font:normal 0.8em/1.4 georgia; color:#5B5959; }
#content .list3 { }
#content .list3 li { font:normal 0.8em/1.4 georgia; color:#5B5959; }
#content a { font: normal 1em/1 georgia;}
#content a:hover { color: white !important; text-decoration: none; }
#content blockquote { padding-left:20px; margin:15px 0 0 20px; border-left:1px solid #5B5959; font:normal 0.8em/1.4 georgia; font-style: italic; color:#5B5959; }
#content blockquote strong { float:right; margin-top:8px; font:bold 0.9em/1.4 georgia; color:#5B5959; }

.logo { position: absolute; width: 147px; height: 66px; margin:23px 0 0 65px;}
.logo span { position: absolute; z-index: 10; width: 33px; height: 21px; right:0; top:3px; background: #FEA61B url(i/logo_blog.gif) no-repeat;}
.logo a { position: absolute; top: 0; left: 0; width: 147px; height: 66px; display: block; background: url(i/logo.png) no-repeat; cursor: pointer; }

.order_icon { position: relative; width:217px; height: 141px; margin-left:10px;}
.order_icon a { width:217px; height: 141px; display: block; background: url(i/order_icon.png) no-repeat; border: 0; cursor: pointer; font-size: 0;}
.order_icon a:hover { background: url(i/order_icon.png) no-repeat !important;}

.order_body { background: none; text-align: left; background: #F3F3F3 }
#order_wrap { position: fixed;   z-index: 10;  top:0; left:0; width:100%; height:100%; display:none; font-size: 12px;}
#order_wrap .png { width:100%; height:100%; text-align: center; background: url(i/order_bg.png);}
#order_wrap .png .marg { width: 100%; padding-top:100px; }
#order_wrap .png .marg .in { position: relative; z-index: 20; width: 507px; margin:auto; }
#order_wrap .png .marg .in iframe { width: 507px; height: 445px; }
#order_wrap .png .marg .in .close { position: absolute; z-index: 1000; margin:-5px 0 0 475px; width: 22px; height: 22px; background:#DD4C28 url(i/order_close.gif) no-repeat; cursor: pointer; }
#order_wrap .png .marg .in .top { width: 507px; height: 15px; background: url(i/order_t.png) no-repeat; }
#order_wrap .png .marg .in .bottom { width: 507px; height: 15px; background: url(i/order_b.png) no-repeat; }
#order { position: relative; width: 458px; height: 435px; padding:10px 10px 0 37px; background: #F3F3F3 url(i/white.gif); font:normal 11px tahoma; color: #9B9B9B;}
.order_body #order { position: relative; width: 458px; height: 435px; padding:10px 10px 0 37px; background: white url(i/white.gif); font:normal 11px tahoma; color: #9B9B9B;}
#order .text {width: 251px; height: 28px; padding:0 5px 0 15px; margin-bottom:15px; background: #E4E4E4 url(i/order_text.gif) no-repeat;}
#order .text input { width: 251px; height: 18px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; }
#order .textarea { width: 415px; height: 147px; padding:0 5px 0 15px; margin-bottom:25px; background: #E4E4E4 url(i/order_textarea.gif) no-repeat; overflow: hidden; }
#order .textarea textarea { width: 415px; height: 139px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; overflow: auto; }
#order .bn { float: right; z-index: 1000; width: 123px; height: 28px; margin-right:30px; font:normal 11px tahoma; color: #5B5959; border:0; background:#D0D0D0 url(i/order_bn.gif) no-repeat; cursor: pointer; }
#order .note { position: absolute; bottom:0; left:40px; width: 425px; height:45px;}
#wrapper { float:left; width: 269px; height: 28px; background:#E4E4E4 url(i/order_file_path.gif) no-repeat 51px 0; overflow: hidden; }

#opinions { position: relative; width: 431px; height: 355px; padding:10px 0 0 0; background: #F3F3F3 url(i/white.gif); font:normal 11px tahoma; color: #9B9B9B; }
#opinions .text {width: 251px; height: 28px; padding:0 5px 0 15px; margin-bottom:15px; background: #E4E4E4 url(i/order_text.gif) no-repeat;}
#opinions .text input { width: 251px; height: 18px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; }
#opinions .textarea { width: 415px; height: 147px; padding:0 5px 0 15px; margin-bottom:25px; background: #E4E4E4 url(i/order_textarea.gif) no-repeat; overflow: hidden; }
#opinions .textarea textarea { width: 415px; height: 139px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; overflow: auto; }
#opinions .bn { float: right; z-index: 1000; width: 123px; height: 28px; margin:-43px 0 0 0; font:normal 11px tahoma; color: #5B5959; border:0; background:#D0D0D0 url(i/order_bn.gif) no-repeat; cursor: pointer;  }
#opinions .note { position: absolute; bottom:0; left:0; width: 425px; height:45px; }

#commentform { position: relative; width: 431px; padding:10px 0 0 0; background: #F3F3F3 url(i/white.gif); font:normal 11px tahoma; color: #9B9B9B; }
#commentform .text {float:left; position: relative; width: 251px; height: 28px; padding:0 5px 0 15px; margin-bottom:15px; background: #E4E4E4 url(i/order_text.gif) no-repeat;}
#commentform .text input { width: 251px; height: 18px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; }
#commentform .textarea { width: 415px; height: 147px; padding:0 5px 0 15px; margin-bottom:25px; background: #E4E4E4 url(i/order_textarea.gif) no-repeat; overflow: hidden; }
#commentform .textarea textarea { width: 415px; height: 139px; padding:8px 0 0 0; border: 0; background: transparent; font:normal 11px tahoma; color: #5B5959; overflow: auto;}
#commentform .bn { position: relative; float: right; z-index: 1000; width: 123px; height: 28px; font:normal 11px tahoma; color: #5B5959; border:0; background:#D0D0D0 url(i/order_bn.gif) no-repeat; cursor: pointer;  }
#commentform .note { position: absolute; bottom:0; left:0; width: 425px; height:35px; padding-top:10px; line-height: 1.6; }
#commentform .note label { margin: 0 0 0 10px; color: #5B5959; }
/*добавить*/
#commentform label.overlabel { position:absolute; left:310px; width: 251px; height: 18px; padding:8px 0 0 0; color:#999}
#commentform label.overlabel-apply { position:absolute; width: 251px; height: 18px; padding:8px 0 0 0; z-index:1; color:#999}


.search { position: relative; width: 278px; height: 38px; padding-top:10px; margin: -16px 0 15px -25px; background: #E4E4E4 url(i/search.gif) no-repeat;}
.search label { position: absolute; margin:4px 0 0 25px; font: normal 14px Georgia; color: #363636;}
.search .text { position: absolute; left:90px; width: 150px; height: 19px; padding-top:6px; font:normal 11px tahoma; color: #9B9B9B; background: white; border: 0;}
.search .bn { position: absolute; left:245px; width: 21px; height: 25px; cursor: pointer; background: none; border: 0; }

.rss { margin: 10px 0 20px 30px; }

.ban { width: 248px; height: 96px; margin:0 0 20px -24px; padding: 12px 0 0 28px; background: url(i/ban_bg.jpg) no-repeat; }
.ban a { display:block; width: 224px; }

.cloud { padding:10px 20px 30px 0; line-height: 1; text-align: center; }
.cloud a { font-family: Georgia; color: #898989; text-decoration: none; }
.cloud a:hover { background: #FEA61B; color: white; }
.cloud a.t1 { font-size:11px }
.cloud a.t2 { font-size:14px }
.cloud a.t3 { font-size:17px }
.cloud a.t4 { font-size:20px }
.cloud a.t5 { font-size:24px }
.cloud a.t6 { font-size:28px }

.blog_article { padding-bottom:30px; margin:10px 0 5px; background: url(i/line.gif) repeat-x bottom;}
.blog_article .tags { position: relative; margin:0 115px 0 20px; padding-left:16px; background: url(i/tags.gif) no-repeat 0 8px; font-size:14px; }
.blog_article .tags a { font: normal 10px Georgia !important; color: #B7B7B7 !important; }
.blog_article .tags_inside { position: relative; margin:0 115px 0 0; padding-left:16px; background: url(i/tags.gif) no-repeat 0 8px; font-size:14px; }
.blog_article .tags_inside a { font: normal 10px Georgia !important; color: #B7B7B7 !important; }
.blog_article .date { float: right; width: 91px; height: 35px; margin-top:10px; padding-left:14px; border-left: 1px solid #E0E0E0; }
.blog_article .date span { float: left; padding-right:10px; font-size:25px; color: #898989; }
.blog_article .date sup { float: left; display: block; margin-top:5px; font-size:11px; color: #898989; border:1px solid white }
.blog_article .date sub { float: left; display: block; font-size:11px; color: #C4C4C4; }
.blog_article p {  }
.blog_article p img.left { float:left; margin:5px 10px 5px 0 }
.blog_article p img.right { float:right; margin:5px 0 5px 10px }
.blog_article .more { overflow: hidden; }
.blog_article .more li { float: left; height: 17px; padding:0 10px; margin-left: -1px; border-left:1px solid #EAE9E9 }
.blog_article .more .com { padding-left:32px; background: url(i/comment.gif) no-repeat 10px 3px; }
.blog_article .more .com a { float: left; padding-top:3px; font-size: 12px !important; }

.comments_block { margin:20px 0 30px 0; padding-bottom:20px; background: url(i/line.gif) repeat-x bottom; }
.comments_block .number { float:right; padding-left:20px; margin-top:-18px; font: normal 12px Georgia; background: url(i/comment2.gif) no-repeat 0 2px; }
.comments { width: 438px; }
.comments dt { width: 444px; height: 20px; padding-top:7px; margin-top:30px; background: #898989 url(i/comment_title.gif) no-repeat; }
.comments dt.molot { background: #FFA71B url(i/comment_title_molot.gif) no-repeat; }
.comments dt .name { float: left; margin-left:12px; font: normal 12px Georgia; color: white; }
.comments dt .name a { font: normal 12px Georgia; color: white !important; }
.comments dt .name a:hover { background: none !important; }
.comments dt .time { float: right; margin-right:12px; font: normal 11px Georgia; color: #C2C2C2; }
.comments dt.molot .time { color: #FFE2B4; }
.comments dt .time em { font: normal 11px Georgia; color: white; }
.comments dd p { padding:0 12px }


.code { width: 370px; margin-left:10px; padding:0; list-style:decimal }
.code li { margin:0 0 0 20px; padding:0; font: normal 0.6em Tahoma; color: #706E6D; border-bottom: 1px solid white; }
code { display: block; background:#F0F0F0; margin:0 0 0 10px; font: normal 1.4em Tahoma; color: #4C4C4C;}

.main_blog_post { width: 794px; height: 186px; padding:17px 0 24px; margin: 0 auto; overflow: hidden; text-align: left; background:#7E7E7E url(i/main_blog_post.gif) repeat-x center top;}
.main_blog_post li { width: 220px; height: 186px; padding:5px 17px 0 27px; float: left; margin-left:-2px; background: url(i/main_blog_line.gif) repeat-y left; }
.main_blog_post li h4 { font:bold 12px Tahoma; color: white; display: inline; line-height: 1.2; }
.main_blog_post li p { margin:10px 0; font:normal 11px Tahoma; color: white; }
.main_blog_post li a { font:normal 12px Tahoma; color: white; }
.main_blog_post li a:hover { text-decoration:none;}

.all_bottom { height:5px; background:url(i/all_bottom.gif) repeat-x center top; font-size: 0;}

.list { margin:15px 0;}
.list li { position: relative; padding-left:20px; margin-bottom:8px; line-height: 1; color:#5B5959; }
.list li a { font: normal 0.8em/1 georgia;}
.list li a:hover { color: white !important; text-decoration: none; }
.list li a:visited {color : #5B5959 !important;}
.list li a:visited:hover {color : white !important;}

.list2 { margin:15px 0;}
.list2 li { position: relative; margin-bottom:8px; font: normal 0.8em/1 georgia; color:#5B5959;}
.list2 li strong { font: bold 1em/1 georgia; }
.list2 li a { font: normal 1em/1 georgia;}
.list2 li a:hover { color: white !important; text-decoration: none; }

#portfolio_example .more { width: auto; height: auto; padding:0 0 0 20px; margin:10px 0 0 18px; background:url(i/circle_main.gif) no-repeat 0 center;}
#portfolio_example .more a { position: static; float: none; width: auto; display: inline; height: auto; text-decoration: underline; background: white; color: #39A1C5; font: normal 0.8em/1 georgia; }
#portfolio_example .more a:hover { background: #39A1C5; color: white; text-decoration: none;}

#footer {position:relative; z-index: 110; width: 100%; height:92px; margin:-92px auto 0; background: #646464; text-align: center;}
#footer .in {width: 744px; height:52px; padding: 40px 25px 0; margin: 0 auto; text-align: left; font:normal 0.8em Tahoma; color: white; }
#footer .in a {font:normal 1em Tahoma; color: white; }
#footer .in a:hover { text-decoration:none;}
#footer .in .left {float:left }
#footer .in .right {float:right;}

.LiveInternet { display: none; }