body { margin: 0px; background: url(../images/body_bg.jpg) center top no-repeat; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
p { margin: 0px; }

/* Wrapper */
.wrapper { width: 970px; height: 1164px; margin: 0px auto; }

/* Header */
.header { position: relative; height: 230px; }
.header .left { text-align: right; position: absolute; font-size: 14px; line-height: 21px; left: 203px; top: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #f8f0e9; }
.header .middle { margin: 0px auto; padding-top: 37px; width: 170px; height: 159px; text-align: center; position: relative; z-index: 100; }
.header .right { width: 195px; height: 36px; position: absolute; right: 120px; top: 19px; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 18px; color: #f8f0e9; }
.header .right div { float: left; height: 100%; margin-top: 6px; }
.header .right p { padding-left: 38px; }
.header .menu { overflow: hidden; position: absolute; left: 56px; top: 119px; width: 100%; height: 41px; } 
.header .menu ul li { float: left; }
.header .menu ul li span { padding-left: 22px; margin-top: 4px; font-family: 'PT Sans', sans-serif; font-weight: 400; font-size: 13px; color: #5b7b87; font-style: italic; display: block; }
.header .menu ul li.one { margin-right: 87px; }
.header .menu ul li.two { margin-right: 248px; }
.header .menu ul li.three { margin-right: 42px; }
.header .menu ul li a { letter-spacing: -1px; padding-left: 20px; color: #103644; text-decoration: none; font-size: 15px; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.header .menu ul li.one a { background: url(../images/one_bg.png) left center no-repeat; }
.header .menu ul li.two a { background: url(../images/two_bg.png) left center no-repeat;  }
.header .menu ul li.three a { background: url(../images/three_bg.png) left center no-repeat; }
.header .menu ul li.four a { background: url(../images/four_bg.png) left center no-repeat; }

/* Popups production */
.popups { position: absolute; left: 50%; margin-left: -430px; z-index: 300; }
.popups ul li.production { display: none; margin: 0px auto; margin-top: 0px; background: #333027; width: 776px; height: 772px; padding: 25px 24px 20px 60px; }
.popups ul li.production .inner_box { height: 767px; }
.popups ul li.production .inner_box .title { text-align: center; clear: both; }
.popups ul li.production h2 { margin: 31px 0px 15px 0px; color: #f8f0e8; font-size: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.popups ul li.production .leftcol { float: left; margin-top: 5px; width: 414px; color: #decfc0; font-family: 'PT Sans', sans-serif; font-size: 13px; }
.popups ul li.production .leftcol .imp_text { margin: 20px 0px; width: 368px; height: 87px; padding: 13px 26px 0px 20px; font-style: italic; color: #333027; background: url(../images/imp_text_bg.png) no-repeat; }
.popups ul li.production .up_button { cursor: pointer; width: 34px; height: 15px; display: block; margin: 0px auto; padding-top: 32px; clear: both; background: url(../images/up_button.png) center no-repeat; } 
.popups ul li.production .rightcol { float: right; width: 304px; height: 455px; position: relative; }
.popups ul li.production .rightcol .one { position: absolute; left: 0px; top: 0px; }
.popups ul li.production .rightcol .two { position: absolute; right: 0px; top: 77px; }
.popups ul li.production .rightcol .three { position: absolute; left: 0px; top: 154px; }
.popups ul li.production .rightcol .four { position: absolute; right: 0px; top: 231px; }
.popups ul li.production .rightcol .five { position: absolute; left: 0px; top: 308px; }
.popups ul li.production .rightcol a { position: relative; display: block; }
.popups ul li.production .rightcol a span { cursor: pointer; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; background: url(../images/our_loop.png) center no-repeat; }

/* Popups about_us */

.popups ul li.about_us { display: none; width: 822px; height: 765px; padding: 32px 18px 20px 20px; margin: 0px auto; margin-top: 0px; background: #333027; }
.popups ul li.about_us .title { text-align: center; margin-bottom: 50px; }
.popups ul li.about_us .inner_box .left { float: left; margin-left: 22px; }
.popups ul li.about_us .inner_box .left p { margin-bottom: 6px; font-family: 'Ubuntu', sans-serif; color: #f8f0e8; font-size: 14px; }
.popups ul li.about_us .inner_box .left a { padding: 2px 0px; display: block; font-family: 'PT Sans', sans-serif; color: #ffba00; font-size: 13px; }
.popups ul li.about_us .inner_box .left span { margin-top: 16px; display: block; font-family: 'PT Sans', sans-serif; font-size: 13px; color: #d3c6b9; padding-left: 44px; background: url(../images/deliver.png) left center no-repeat; }
.popups ul li.about_us .inner_box .right { float: right; margin-right: 50px; margin-top: 8px; width: 256px; height: 70px; }
.popups ul li.about_us .inner_box .right div { float: left; margin-right: 22px; height: 100%; margin-top: 6px; }
.popups ul li.about_us .inner_box .right p { margin-bottom: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 26px; color: #f8f0e9; }
.popups ul li.about_us .inner_box .map { padding-top: 20px; text-align: center; position: relative; clear: both; }
.popups ul li.about_us .inner_box .map .metka { display: block; width: 101px; height: 137px; position: absolute; right: 460px; top: 190px; background: url(../images/metka.png) no-repeat; }

/* Popups retail */
.popups ul li.retail { display: none; background: url(../images/retail_bg.jpg) center no-repeat; overflow: hidden; margin: 0px auto; margin-top: 0px; width: 840px; height: 778px; padding: 22px 20px 17px 0px; }
.popups ul li.retail .title { text-align: center; margin-top: 8px; }
.popups ul li.retail .slider { margin-top: 28px; overflow: hidden; margin-left: 34px; }
.popups ul li.retail .slider ul { position: absolute; left: 0px; top: 0px; width: 9999px; } 
.popups ul li.retail .slider ul li { cursor: pointer; width: 111px; height: 96px; padding-left: 28px; padding-top: 30px; float: left; margin: 0px 10px; color: #fff; font-family: 'Ubuntu', sans-serif; }
.popups ul li.retail .slider ul li:hover { background: url(../images/retail_slider_hover.png) no-repeat; }
.popups ul li.retail .slider ul li p { font-weight: 700; font-size: 16px; }
.popups ul li.retail .slider ul li span { display: block; font-size: 13px; }
.popups ul li.retail .slider .carousel { width: 600px; height: 96px; position: relative; margin-left: 110px; overflow: hidden; }
.popups ul li.retail .slider .buttons { position: relative; }
.popups ul li.retail .slider .buttons a { line-height: 34px; font-family: 'Ubuntu', sans-serif; font-style: italic; text-decoration: none; color: #dad3cc; display: block; position: absolute; top: 33px; width: 15px; height: 34px; z-index: 250; }
.popups ul li.retail .slider .buttons .left_button { width: 50px; font-size: 13px; padding-left: 26px; left: 0px; background: url(../images/retail_left.png) 0px 0px no-repeat; }
.popups ul li.retail .slider .buttons .left_button:hover { color: #f4b202; background-position: 0px -34px; }
.popups ul li.retail .slider .buttons .right_button { font-size: 13px; width: 50px; padding-right: 26px; right: 0px; background: url(../images/retail_right.png) right 0px no-repeat; }
.popups ul li.retail .slider .buttons .right_button:hover { color: #f4b202; background-position: right -34px; }
.popups ul li.retail .leftcol { float: left; position: relative; text-align: center; margin-top: 70px; width: 338px; }
.popups ul li.retail .leftcol a { position: absolute; left: 47px; top: -2px; }
.popups ul li.retail .rightcol { float: right; width: 495px; margin-top: 74px; margin-right: 6px; position: relative; z-index: 100; }
.popups ul li.retail .rightcol .top_description ul li { float: left; }
.popups ul li.retail .rightcol .top_description ul li.about p { color: #f8f0e8; font-size: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.popups ul li.retail .rightcol .top_description ul li.about span { font-size: 13px; color: #d3c6b9; font-family: 'PT Sans', sans-serif; }
.popups ul li.retail .rightcol .top_description ul li.main_price { margin-left: 34px; position: relative; }
.popups ul li.retail .rightcol .top_description ul li.main_price p { color: #cdc5be; font-size: 13px; font-family: 'PT Sans', sans-serif; }
.popups ul li.retail .rightcol .top_description ul li.main_price div { display: none; padding: 32px 10px 38px 22px; font-family: 'PT Sans', sans-serif; width: 256px; height: 192px; font-size: 13px; color: #5e5949; background: #dad3cc; position: absolute; left: 0px; top: -270px; }
.popups ul li.retail .rightcol .top_description ul li.main_price div span { position: absolute; bottom: -6px; left: 131px; width: 12px; height: 6px; background: url(../images/triangle.png) no-repeat; }
.popups ul li.retail .rightcol .top_description ul li.main_price > span { font-family: 'Ubuntu', sans-serif; font-size: 27px; font-weight: 700; color: #ffba00; }
.popups ul li.retail .rightcol .top_description ul li.main_price p a { display: block; position: absolute; right: -8px; top: 0px; width: 7px; height: 7px; background: url(../images/plus.png) no-repeat; }
.popups ul li.retail .rightcol .top_description ul li.second div { left: -158px; }
.popups ul li.retail .rightcol .top_description ul li.second div span { left: 240px; }
.popups ul li.retail .rightcol .first_table { clear: both; padding-top: 46px; }
.popups ul li.retail .rightcol .first_table h2 { margin: 0px; margin-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-size: 16px; color: #f8f0e8; }
.popups ul li.retail .rightcol .first_table table { border-spacing: 0px 2px; width: 472px; height: 120px; margin-top: 11px; }
.popups ul li.retail .rightcol .first_table table thead { font-size: 14px; text-transform: uppercase; color: #f8f0e8; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.popups ul li.retail .rightcol .first_table table tbody td.first { text-align: left; padding: 3px 0px; font-size: 13px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; color: #f8f0e8; }
.popups ul li.retail .rightcol .first_table table thead td.first { text-align: left; }
.popups ul li.retail .rightcol .first_table table thead td.second { text-align: center; }
.popups ul li.retail .rightcol .first_table table tbody td.second { text-align: center; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #ffba00; font-size: 13px; }
.popups ul li.retail .rightcol .first_table table tbody tr.odd { background: url(../images/retail_tr_bg.png); }
.popups ul li.retail .rightcol .order { margin-top: 44px; }
.popups ul li.retail .rightcol .order a { float: left; background: url(../images/order_bg2.png) left center no-repeat; color: #ffba00; font-size: 16px; text-transform: uppercase; text-decoration: none; padding-left: 23px; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.popups ul li.retail .rightcol .order p { float: right; margin-right: 24px; margin-top: 2px; padding-left: 47px; font-size: 13px; font-family: 'PT Sans', sans-serif; color: #d3c6b9; background: url(../images/deliver.png) left center no-repeat; }
.popups ul li.retail .bottomcol { clear: both; padding-top: 40px; margin: 12px 0px 9px; padding-left: 57px; width: 100%; }
.popups ul li.retail .bottomcol h2 { margin: 12px 0px 10px; font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #f8f0e8; font-size: 16px; }
.popups ul li.retail .bottomcol table { width: 595px; }
.popups ul li.retail .bottomcol table thead { font-size: 14px; color: #f8f0e8; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.popups ul li.retail .bottomcol table tbody p { float: left; margin-right: 34px; font-family: 'PT Sans', sans-serif; font-size: 16px; color: #f8f0e8; }
.popups ul li.retail .bottomcol table tbody span { font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; color: #ffba00; }
.popups ul li.retail .bottomcol table td.center { width: 252px; }

/* Front */
.main { position: relative; height: 851px; }
.main .front .second_title { text-align: center; margin-top: 43px; }
.main .front .second_title img { cursor: pointer; }
.main .front .first_title { clear: both; text-align: center; margin-top: 6px; }
.main .front .hive_descriptions { text-align: center; width: 702px; height: 248px; margin: 0px auto; margin-top: 183px; }
.main .front .hive_descriptions ul li { float: left; cursor: pointer; position: relative; margin: 0px 39px; padding-top: 40px; text-align: center; width: 156px; height: 136px; background: url(../images/hive_cube.png) no-repeat; }
.main .front .hive_descriptions ul li h2 { margin: 0px; font-size: 22px; color: #e7d7c8; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.main .front .hive_descriptions ul li span { color: #decfc0; font-family: 'PT Sans', sans-serif; font-size: 13px; }
.main .front .hive_descriptions ul li .big,
.main .front .hive_descriptions ul li p,
.main .front .hive_descriptions ul li a { display: none; }
.main .front .hive_descriptions ul li:hover { position: relative; background: none; }
.main .front .hive_descriptions ul li:hover a { line-height: 60px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #333027; font-size: 13px; text-decoration: none; display: block; background: url(../images/order_bg.png) bottom center no-repeat; }
.main .front .hive_descriptions ul li:hover p { padding: 0px 18px; display: block; font-family: 'PT Sans', sans-serif; font-size: 13px; color: #fbf8f5; }
.main .front .hive_descriptions ul li:hover > h2,
.main .front .hive_descriptions ul li:hover span { display: none; }
.main .front .hive_descriptions ul li:hover .big { padding-top: 40px; width: 215px; height: 248px; background: url(../images/hive_cube_hover.png) no-repeat; display: block; position: absolute; left: -30px; top: -58px; }
.main .front .hive_descriptions ul li:hover .big h2 { color: #fbf8f5; }

.main .front .slider { position: relative; width: 674px; overflow: hidden; margin: 0px auto; margin-top: 23px; }
.main .front .slider ul { position: absolute; width: 9999px; left: 0px; top: 0px; }
.main .front .slider ul li { float: left; width: 171px; position: relative; margin: 0px 14px; }
.main .front .slider ul li span { cursor: pointer; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; background: url(../images/our_loop.png) center no-repeat; }
.main .front .slider .carousel { width: 600px; height: 148px; position: relative; margin-left: 37px; overflow: hidden; }
.main .front .slider .buttons a { display: block; position: absolute; top: 50%; margin-top: -17px; width: 15px; height: 34px; z-index: 250; }
.main .front .slider .buttons .left_button { left: 0px; background: url(../images/front_slider_arrows.png) 0px 0px no-repeat; }
.main .front .slider .buttons .left_button:hover { background-position: 0px -34px; }
.main .front .slider .buttons .right_button { right: 11px; background: url(../images/front_slider_arrows.png) -15px 0px no-repeat; }
.main .front .slider .buttons .right_button:hover { background-position: -15px -34px; }

/* Our works */
.main .our_works { display: none; overflow: hidden; width: 700px; padding: 0px 10px; margin: 0px auto; }
.main .our_works .first_title { text-align: center; margin-top: 10px; }
.main .our_works .photos { margin-top: 88px; }
.main .our_works .photos > ul li { float: left; width: 201px; height: 178px; margin-bottom: 42px; position: relative; }
.main .our_works .photos > ul li.middle { margin: 0px 48px; }
.main .our_works .photos > ul li:hover a,
.main .our_works .photos > ul li:hover span,
.main .our_works .photos > ul li .big { display: none; }
.main .our_works .photos > ul li span { cursor: pointer; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; background: url(../images/our_loop.png) center no-repeat; }
.main .our_works .photos > ul li:hover .big { color: #fbf8f5; text-align: center; position: absolute; font-family: 'PT Sans', sans-serif; font-size: 13px; padding-top: 70px; width: 215px; height: 248px; background: url(../images/hive_cube_hover.png) no-repeat; display: block; position: absolute; left: -6px; top: -36px; }
.main .our_works .photos > ul li:hover .big a { margin-top: 30px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #333027; font-size: 13px; text-decoration: none; display: block; }
.main .our_works .photos .navigation { width: 224px; margin: 0px auto; }
.main .our_works .photos .navigation ul li { float: left; margin: 0px 10px; }
.main .our_works .photos .navigation ul li a { display: block; width: 34px; height: 15px; background: url(../images/navi_buttons.png) no-repeat; } 
.main .our_works .photos .navigation ul li a:hover { background-position: 0px -15px; }

/* Footer */
.footer { font-size: 13px; color: #fff; margin-top: 57px; font-family: 'PT Sans', sans-serif;}
.footer .copyright { float: left; margin-left: 53px; }
.footer .numbers { float: left; margin-left: 123px; font-size: 14px; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.footer .ozis { float: right; width: 127px; margin-right: 43px; }
.footer .ozis a { padding: 4px 25px 0px; background: url(../images/ozis.png) no-repeat; }