/* Global styles */ 
html, body {width:100%;}
html {background:#fff;}
body {height:100%; font:68.75%/1.4 Tahoma, Verdana, Arial, Sans-Serif; color:#474747;}
* {margin:0; padding:0; border:none;} 
ul, li {list-style:none;}
a:visited{ text-decoration: underline; color: #0f69a6; }
a:hover{ text-decoration: underline; color: #5f96bc; }
a, a:active {text-decoration:underline; color:#f03603;}
h1, h2, h3, h4, h5, h6, th {font-weight:bold; font-size:1em;}
.clearfix:after, #toolbar .work_list li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
input, select, textarea {font-size:1em; font-family:Tahoma, Verdana, Arial, Sans-Serif;}
table, td {border-collapse:collapse;}

/* Layout styles */
#page {min-width:999px;}
/* 3 column styles */
#container_l {background:url(/images/bg/container_l.jpg) left repeat-y; margin-bottom:5px;}
#container_r {background:url(/images/bg/container_r.jpg) right repeat-y;}
#container_l_b {background:url(/images/bg/container_l_b.jpg) left bottom no-repeat;}
#container_r_b {background:url(/images/bg/container_r_b.jpg) right bottom no-repeat; padding-bottom:7px;}
#container {padding:0 26px 0 18px; position:relative;}
.main_out {float:left; margin:0pt -279px 0 0; width:100%;}
.out {margin-right:279px;}
.in {width:100%;}
.center {float:right; margin:0pt 0pt 0pt -209px; width:100%;}
#sidebar {float:left; width:188px; position:relative; z-index:100; padding-right:21px;}
#toolbar {float:right; width:258px; position:relative; z-index:100; padding-left:21px;}
#content {margin:0 0 0 209px;}
/* 2 column styles */
.col2 #container {padding:0 0 0 227px;}
.col2 .center {width:100%; margin:0; float:left;}
.col2 #sidebar {left:-227px; margin-left:-100%; padding-left:18px;}
.col2 #content {margin:0; padding-right:26px;}
.col2 #container_r_b {padding-bottom:0;}
.col2 #container_l_b {padding-bottom:7px;}

/* Header */
#header {position:relative; height:250px;}
#header h1 {position:absolute; top:29px; height:159px; width:100%; background:url(/images/logo.png) top center no-repeat;}
#header h1 a {height:159px; width:318px; text-indent:-1000em; overflow:hidden; display:block; margin:0 auto;}
#header h1 span {display:none;}
#header .bg {background:url(/images/bg/header.jpg) repeat; height:218px;}
#header .bg .lupa {width:420px; height:218px; float:left; background:url(/images/bg/header_lupa.png) no-repeat; text-indent:-1000em; overflow:hidden;}
#header .bg .right {width:578px; height:218px; float:right; background:url(/images/bg/header_r.png) no-repeat; text-indent:-1000em; overflow:hidden;}
#header .bg .stakan {width:206px; height:218px; position:absolute; right:0; background:url(/images/bg/header_stakan.png) no-repeat; text-indent:-1000em; overflow:hidden;}
#header .bg .photo {width:236px; height:218px; position:absolute; right:0; background:url(/images/bg/header_photo.png) no-repeat; text-indent:-1000em; overflow:hidden;}
#header .ul {position:absolute; width:100%; top:0;}
#header ul {float:right; padding-right:312px;}
#header li {float:left; margin-right:4px; width:46px; height:34px; position:relative;}
#header li.first {background:url(/images/bg/header_li_1.gif) no-repeat;}
#header li.second {background:url(/images/bg/header_li_2.gif) no-repeat;}
#header li .home {position:absolute; top:6px; left:17px;}
#header li a.home {width:12px; height:11px; text-indent:-1000em; overflow:hidden; background:url(/images/icon/home.gif) no-repeat;}
#header li .mail {position:absolute; top:8px; left:17px;}
#header li a.mail {width:13px; height:9px; text-indent:-1000em; overflow:hidden; background:url(/images/icon/mail.gif) no-repeat;}
#header .bg_bot {border-top:16px solid #bcbec0; height:16px; background:url(/images/bg/header_bg_bot.gif) repeat-x;}
#header .bg_bot .corner {height:16px; width:15px; text-indent:-1000em; overflow:hidden;}
#header .bg_bot .left {float:left; background:url(/images/bg/header_bg_bot_l.gif) no-repeat;}
#header .bg_bot .right {float:right; background:url(/images/bg/header_bg_bot_r.gif) no-repeat;}

/* Footer */
#footer {margin:0 26px 0 18px; background:url(/images/bg/header.jpg) left top repeat; position:relative;}
#footer .bg {background:url(/images/bg/footer.png) repeat-y; padding:12px 13px 10px 18px;}
#footer .copyright {text-align:center; color:#fff; clear:both; margin-top:7px; padding-top:12px; background:url(/images/bg/footer_line.gif) center top no-repeat;}
#footer ul {float:left;}
#footer li {display:inline; padding:0 12px 0 14px; text-transform:capitalize; border-left:1px solid #fff;}
#footer li:first-child {margin-left:0; border:none;}
#footer li a {color:#fff; text-decoration:none;}
#footer li a:hover {color:#0ff; text-decoration:underline;}
#footer .adv {position:absolute; right:13px; top:10px;}

/* Left column */
#sidebar {margin-top:-79px; overflow-x:hidden;}
#sidebar h3.title {height:31px; width:154px; padding:16px 0 0 34px; overflow:hidden; background:url(/images/bg/leftcol_title.gif) no-repeat;}
#sidebar h3 {color:#fff; font-size:1.27em; text-transform:uppercase;}
#sidebar h3.main {background:url(/images/bg/leftcol_title_main.gif) no-repeat;}
#sidebar .block {background:url(/images/bg/leftcol_t.gif) no-repeat; padding-top:2px; position:relative;}
#sidebar .menu {background:url(/images/bg/leftcol_menu.gif) repeat-y;}
#sidebar .menu ul {background:url(/images/bg/leftcol_menu_t.jpg) no-repeat; padding:15px 30px 19px 0;}
#sidebar .menu ul ul {background:none; padding:0 0 5px 40px;}
#sidebar .menu li {background:url(/images/bg/leftcol_menu_li.gif) 8px 0.9em no-repeat; padding:5px 0 0 0;}
#sidebar .menu li.active {background:url(/images/bg/leftcol_menu_li_act.gif) 8px 0.9em no-repeat;}
#sidebar .menu li li {background:url(/images/bg/leftcol_menu_li_li.gif) left 45% no-repeat; padding:0px 0 5px 11px;}
#sidebar .menu li li.active {background:url(/images/bg/leftcol_menu_li_li_act.gif) left 45% no-repeat;}
#sidebar .menu div {background:url(/images/bg/leftcol_menu_div.gif) left bottom no-repeat; padding:0 0 5px 31px;}
#sidebar .menu li.last div {background:none;}
#sidebar .menu a {font-size:1.181em; text-decoration:none; color:#fff;}
#sidebar .menu a:hover {font-size:1.181em; text-decoration:underline; color:#fff;}
#sidebar .menu span {background:url(/images/bg/leftcol_menu_a.gif) right center no-repeat; display:block;}
#sidebar .menu .active span {background:url(/images/bg/leftcol_menu_a_act.gif) right 60% no-repeat;}

#sidebar .randomphoto {background:url(/images/bg/leftcol_randomblock_b.gif) bottom no-repeat; padding-bottom:8px; position:relative; z-index:2;}
#sidebar .randomphoto .repeat {background:url(/images/bg/leftcol_randomblock.gif) repeat-y;}
#sidebar .randomphoto .block {background:url(/images/bg/leftcol_randomblock_t.gif) top no-repeat; padding-top:3px;}
#sidebar .randomphoto .inner {background:url(/images/bg/leftcol_randomblock.jpg) bottom no-repeat; padding:24px 0 7px 0; text-align:center; min-height:135px;}
#sidebar .randomphoto h3 {margin-bottom:12px;}
#sidebar .randomphoto img {border:1px solid #fff;}

#sidebar .adv {padding:20px 8px 5px 8px; background:url(/images/bg/leftcol_adv.gif) repeat-y; position:relative; z-index:1; margin-top:-8px;}
#sidebar .adv .inner_b {background:url(/images/bg/leftcol_adv_b.jpg) bottom no-repeat; padding:0 1px 33px 0;}
#sidebar .adv .inner {background:url(/images/bg/leftcol_adv_t.gif) #fff9ec top no-repeat; padding:15px 0 0 0;}
#sidebar .adv .banner {margin:0 2px; width:100%;}
#sidebar .adv .banner td {text-align:center;}
#sidebar .adv .banner td * {margin:auto;}

/* Right Column */
#toolbar {margin-top:-211px; overflow-x:hidden}
#toolbar h3.title {height:31px; width:228px; padding:16px 15px 0 15px; overflow:hidden; background:url(/images/bg/rightcol_title.gif) no-repeat; text-align:center; }
#toolbar h3 {color:#fff; font-size:1.27em; text-transform:uppercase;}
#toolbar .block {background:url(/images/bg/rightcol_t.gif) no-repeat; padding-top:2px;}
#toolbar .first_block {position:relative;}
#toolbar .work_list {background:url(/images/bg/rightcol_lastwork.gif) repeat-y; position:relative;}
#toolbar .work_list ul {background:url(/images/bg/rightcol_lastwork_t.jpg) no-repeat;}
#toolbar .work_list li {background:url(/images/bg/rightcol_lastwork_li.gif) left top no-repeat; padding:13px 5px 13px 11px;}
#toolbar .work_list li:first-child {background:none;}
#toolbar .work_list .thumb {margin-right:5px; float:left;}
#toolbar .work_list .thumb img {border:1px solid #a03500;}
#toolbar .work_list .info {width:132px; color:#fff; float:left; line-height:1.2em;}
#toolbar .work_list .info span {padding-left:13px; background:url(/images/bg/rightcol_lastwork_arrow.gif) left center no-repeat;}
#toolbar .work_list .info a {text-decoration:none; color:#fff;}
#toolbar .work_list .info a:hover {text-decoration:underline; color:#fff;}

#toolbar .randomdesign {background:url(/images/bg/rightcol_randomblock_b.gif) left bottom no-repeat; padding-bottom:5px; position:relative; z-index:2;}
#toolbar .randomdesign .repeat {background:url(/images/bg/rightcol_randomblock.gif) repeat-y;}
#toolbar .randomdesign .inner {background:url(/images/bg/rightcol_randomblock.jpg) top no-repeat; padding:8px 0 7px 0; text-align:center; min-height:190px;}
#toolbar .randomdesign h3 {margin-bottom:15px;}
#toolbar .randomdesign img {border:1px solid #a03500;}
#toolbar .randomdesign p {color:#fff; margin:8px auto 0 auto; width:205px; line-height:1.2em;}

#toolbar .adv {padding:25px 41px 10px 44px; background:url(/images/bg/rightcol_adv.gif) repeat-y; position:relative; z-index:1; margin-top:-8px;}
#toolbar .adv .inner_b {background:url(/images/bg/rightcol_adv_b.jpg) bottom no-repeat; padding:0 1px 33px 0;}
#toolbar .adv .inner {background:url(/images/bg/rightcol_adv_t.gif) #ecfbff top no-repeat; padding:15px 0 10px 0;}
#toolbar .adv .banner {margin:0 2px; width:100%;}
#toolbar .adv .banner td {text-align:center;}
#toolbar .adv .banner td * {margin:auto;}

/* Content part */

/* BreadCrumb */
#breadcrumb {}
#breadcrumb li {float:left; margin-right:5px;}
#breadcrumb li em {display:block; font-style:normal;}
#breadcrumb li em.left {padding-left:8px; margin-left:-1px}
#breadcrumb li em.right {padding:3px 9px 4px 4px;}
#breadcrumb a {text-decoration:none; color:#fff; text-transform:lowercase;}
#breadcrumb a:hover {text-decoration:underline; color:#fff;}
#breadcrumb li.active {background:url(/images/bg/breadcrumb_active.gif) #bcbec0 bottom repeat-x;}
#breadcrumb li.active em.left {background:url(/images/bg/breadcrumb_active_l.gif) left bottom no-repeat;}
#breadcrumb li.active em.right {background:url(/images/bg/breadcrumb_active_r.gif) right bottom no-repeat;}
#breadcrumb li.first {background:url(/images/bg/breadcrumb_first.gif) #f87205 bottom repeat-x;}
#breadcrumb li.first em.left {background:url(/images/bg/breadcrumb_first_l.gif) left bottom no-repeat;}
#breadcrumb li.first em.right {background:url(/images/bg/breadcrumb_first_r.gif) right bottom no-repeat;}
#breadcrumb li.second {background:url(/images/bg/breadcrumb_second.gif) #03a7df bottom repeat-x;}
#breadcrumb li.second em.left {background:url(/images/bg/breadcrumb_second_l.gif) left bottom no-repeat;}
#breadcrumb li.second em.right {background:url(/images/bg/breadcrumb_second_r.gif) right bottom no-repeat;}

#content h2 {font-size:2.36em; font-weight:normal; padding:30px 0 20px 0; line-height:0.9em; color:#000;}
#content h5 {font-style:italic;}
#content .hr {border-bottom:1px solid #e2e2e2;}
#content .text_block {padding:0 0 13px 0;}
#content .text_block img.right {float:right; margin:0 0 5px 5px;}
#content .text_block img.left {float:left; margin:0 5px 5px 0;}
#content .work_of_artbiz {padding:20px 0 0 0; position:relative;}
#content .work_of_artbiz .blue {color:#0f69a6;}
#content .work_of_artbiz .blue:hover {color:#5f96bc;}
#content .work_of_artbiz ul {padding-left:30px; float:left; margin-right:30px;}
#content .work_of_artbiz li {background:url(/images/bg/work_of_artbiz_li.gif) left 0.6em no-repeat; padding-left:10px;}
#content .work_of_artbiz .znak {position:relative; top:-15px; float:left;}

#content ul.boxed li { background:url(/images/bg/work_of_artbiz_li.gif) left 0.6em no-repeat; padding-left:10px; }

.cool_box {padding:10px 0;}
.narrow {max-width:650px;}
.cool_box .decorTop {background:url(/images/bg/coolbox/topCenter.gif) repeat-x; height:10px; display:block;}
.cool_box .decorTop .decorLeft {background:url(/images/bg/coolbox/topLeft.jpg) left top no-repeat; height:10px; text-indent:-1000em; overflow:hidden; display:block;}
.cool_box .decorTop .decorRight {background:url(/images/bg/coolbox/topRight.jpg) right top no-repeat; height:10px; text-indent:-1000em; overflow:hidden; display:block;}
.cool_box .decorCenter {background:#1371b0;}
.cool_box .decorCenter .decorLeft {background:url(/images/bg/coolbox/centerLeft.jpg) center left repeat-y;}
.cool_box .decorCenter .decorRight {background:url(/images/bg/coolbox/centerRight.jpg) center right repeat-y;}
.cool_box .decorBottom {background:url(/images/bg/coolbox/bottomCenter.gif) bottom repeat-x;}
.cool_box .decorBottom .decorLeft {background:url(/images/bg/coolbox/bottomLeft.jpg) left bottom no-repeat; }
.cool_box .decorBottom .decorRight {background:url(/images/bg/coolbox/bottomRight.jpg) right bottom no-repeat; }
.cool_box .inner {padding:0 10px 20px 8px; min-height:180px;}
#content .cool_box h2 {color:#fff; padding:0 0 10px 0;}
.cool_box li {padding:0 0 0 12px; color:#fff; background:url(/images/bg/coolbox_li.gif) left 0.5em no-repeat; margin-left:4px;}
.cool_box .list_l {float:left; width:49%; background:url(/images/bg/coolbox_ver_line.jpg) right center no-repeat;}
.cool_box .list_r {float:left; width:49%;}
.cool_box .list_r ul {margin-left:5px;}
.cool_box li.last {background:none;}

/* Photo page */
#photo_page {width:752px; margin:auto; text-align: center;}
#photo_page .banner {width:468px; height:60px; margin:33px auto 0 auto;}
#photo_page .navigation {margin-left:508px;}
#photo_page .navigation li {float:left; margin-right:2px;}
#photo_page .navigation li a {text-indent:-1000em; overflow:hidden; display:block; position:relative;}
#photo_page .navigation .prev_block {width:27px; height:18px; background:url(/images/btn/prev_block.gif) no-repeat;}
#photo_page .navigation .next_block {width:27px; height:18px; background:url(/images/btn/next_block.gif) no-repeat;}
#photo_page .navigation .prev {width:23px; height:16px; margin:2px 4px 0 0; background:url(/images/btn/prev.gif) no-repeat;}
#photo_page .navigation .next {width:23px; height:16px; margin:2px 2px 0 0; background:url(/images/btn/next.gif) no-repeat;}
#photo_page .main_photo {border:1px solid #035388;}
.slider {background:url(/images/bg/slider.jpg) no-repeat; padding:30px 16px 0 15px; height:158px; width:720px; overflow:hidden; margin-top:16px;}
.slider li {float:left; position:relative; background:url(/images/bg/slider_delim.jpg) left 1em no-repeat; padding:0 10px 0 8px; text-align:center; width:102px;}
.slider li:first-child {background:none;}
.slider .thumb img {border:1px solid #035388;}
#content .slider li a {color:#c9eeff; font-size:0.81em; text-decoration:none;}
.slider li a:hover {text-decoration:underline;}
.slider li span {width:36px; height:38px; background:url(/images/bg/slider_arrow.gif) no-repeat; margin:2px auto 0 auto; display:block; overflow:hidden; text-indent:-1000em;}

/* Design page */
.pager {float:right; padding:30px 10px 0 0; color:#f76905; font-size:0.91em;}
.pager_b {padding-top:0;}
.pager li {float:left; margin-right:2px; background:url(/images/bg/pager_li.gif) no-repeat; width:15px; color:#fff; text-align:center; padding:0 0 1px 0;}
.pager li.active {background:url(/images/bg/pager_li_act.gif) no-repeat;}
.pager li.block {background:none;}
#content .pager li a {color:#fff; text-decoration:none;}
.pager li a:hover {text-decoration:underline;}
#content .pager li.block a {color:#f76905;}
.design_list {margin-left:25px;}
.design_list .item {float:left; height:305px; padding-left:25px; font-size:0.91em; width:202px; padding-bottom:10px;}
.design_list .item img {border:1px solid #0e5a8d;}
.design_list .item a {font-size:0.91em;}