/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 3.0 License
*/
@import "css/reset.css";
@import "css/prettyPhoto.css";
@import "css/jquery.jscrollpane.css";
@import "css/jplayer.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }
/* Left & Right alignment */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.table { display: table; }
.wrapper { width: 100%; overflow: hidden; }
.relative { position: relative; }
.absolute { position: absolute; }
/* Global properties ======================================================== */
body, html { height: 100%; }
body { background: #911813; border: 0; font: 19px Arial, Helvetica, sans-serif; color: #161616; line-height: 18px; min-width: 1000px; position: relative; overflow: hidden; min-width: 1000px; }
.spinner { position: absolute; z-index: 99; background: url(images/loader.gif) 50% 50% no-repeat #911813; width: 100%; height: 100%; top: 0; left: 0; }
.extra { min-width: 1000px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0px; overflow: hidden; position: relative; z-index: 10; background: url(images/bg1.jpg) center center no-repeat; }
a { color: #698C0F; text-decoration: none; outline: none; font-style: normal; }
.main1 { width: 100%; height: 700px; position: relative; z-index: 1; }
.main2 { width: 1000px; height: 700px; position: absolute; left: 50%; margin-left: -500px; top: 50%; margin-top: -350px; z-index: 2; }
footer { width: 1000px; height: 40px; position: absolute; left: 0; bottom: 0; z-index: 11; top: 680px; }
.tola { display: inline-block; position: absolute; left: 477px; top: -14px; z-index: 1; }
.copyright { color: #C2C8A6; line-height: 28px; white-space: nowrap; width: 460px; text-align: right; font-family: 'BebasNeueRegular'; font-size: 14px; text-transform: uppercase; float: left; }
.copyright2 { color: #C2C8A6; line-height: 28px; white-space: nowrap; width: 460px; float: right; font-family: 'BebasNeueRegular'; font-size: 14px; text-transform: uppercase; /*+placement: -20px 0px;*/ position: relative; left: -20px; top: 0px; }
.copyright2 a { color: #FFF; /*+placement: 2px 0px;*/ position: relative; left: 2px; top: 0px; margin-top: 0; margin-left: 0; }
.wXbody { /*+placement: 721px 11px;*/ position: relative; left: 721px; top: 11px; }
.nhc { /*+placement: 735px -17px;*/ position: relative; left: 735px; top: -17px; background-color: #F8F9FA; width: 260px; height: 258px; border-right: 9px solid black; border-left: 1px solid black; margin-left: -4px; margin-top: 7px; }
.icons { display: inline-block; }
.icons > li { display: inline-block; padding: 0 2px; position: relative; }
.icons > li > a { display: block; width: 100%; height: 30px; }
.icons_txt { line-height: 50px; color: #5E5E5E; font-size: 12px; text-transform: uppercase; float: right; padding-right: 10px; }
header { width: 1000px; position: absolute; left: 0; top: 60px; z-index: 9; text-align: center; /*+placement: 293px -7px;*/ position: relative; left: 293px; top: -7px; }
.logo { display: inline-block; text-decoration: none; }
.logo .txt1 { font-family: 'BebasNeueRegular'; font-size: 36px; line-height: 89px; color: #FFFCF3; text-decoration: none; text-transform: uppercase; text-shadow: 2px 2px #333; }
.logo .txt2 { font-family: 'BebasNeueRegular'; font-size: 14px; line-height: 24px; color: #FFF; text-decoration: none; text-transform: uppercase; text-shadow: 2px 2px #333; }
.grad1 { width: 806px; height: 591px; background: url(images/grad1.png) 0 0 no-repeat; position: absolute; left: 135px; top: -150px; z-index: 1; }
.sh1 { width: 1520px; height: 178px; background: url(images/sh1.png) 0 0 no-repeat; position: absolute; left: -265px; bottom: 0px; z-index: 2; }
/* ============================= main menu ====================== */
.menu { position: absolute; left: 0px; top: 340px; z-index: 8; text-align: center; white-space: nowrap; }
#menu { }
#menu > li { display: inline-block; position: absolute; font-size: 26px; text-transform: uppercase; font-family: 'BebasNeueRegular'; text-shadow: 2px 2px #333; }
#menu > li.nav1 { left: 80px; top: 40px; z-index: 1; }
#menu > li.nav2 { left: 240px; top: 15px; z-index: 1; }
#menu > li.nav3 { left: 410px; top: 0; z-index: 1; }
#menu > li.nav4 { left: 600px; top: 15px; z-index: 1; }
#menu > li.nav5 { left: 760px; top: 40px; z-index: 1; }
#menu li a:hover { text-shadow: 2px 2px #333; font-size: 40px; }
.but1 { background: url(images/about_but.png) no-repeat 44px; width: 200px; height: 172px; display: block; text-decoration: none; padding-left: 10px; /*+placement: -57px -10px;*/ position: relative; left: -57px; top: -10px; margin-bottom: 0; padding-bottom: 0px; padding-top: 0px; }
.but2 { background: url(images/services_but.png) no-repeat 45px 30px; width: 341px; height: 200px; display: block; text-decoration: none; /*+placement: -17px -11px;*/ position: relative; left: -17px; top: -11px; margin-top: 0; padding-top: 0px; }
.but3 { background: url(images/products_but.png) no-repeat 20px 30px; width: 330px; height: 252px; display: block; text-decoration: none; /*+placement: -470px -385px;*/ position: relative; left: -470px; top: -385px; }
.but4 { background: url(images/projects_but.png) no-repeat 35px; width: 239px; height: 177px; display: block; text-decoration: none; /*+placement: -93px -10px;*/ position: relative; left: -93px; top: -10px; padding-bottom: 0px; }
.but5 { background: url(images/contact_but.png) no-repeat 40px 30px; width: 200px; height: 200px; display: block; text-decoration: none; /*+placement: 34px -11px;*/ position: relative; left: 34px; top: -11px; }
.but6 { background: url() no-repeat 40px 30px; width: 200px; height: 300px; display: block; text-decoration: none; /*+placement: 459px -283px;*/ position: relative; left: 459px; top: -283px; }
.but7 { background: url() no-repeat 40px 30px; width: 200px; height: 300px; display: block; text-decoration: none; /*+placement: 459px -283px;*/ position: relative; left: 459px; top: -283px; }
.but8 { background: url() no-repeat 40px 30px; width: 200px; height: 300px; display: block; text-decoration: none; /*+placement: 459px -283px;*/ position: relative; left: 459px; top: -283px; }
/* ============================= main layout ====================== */
#content { position: absolute; left: 8px; top: 164px; z-index: 10; }
#content > ul { }
#content > ul > li { width: 997px; height: 512px; background: url(images/content_bg.png) 0 0 / 1000px 516px no-repeat; position: absolute; margin-top: -63px; padding-bottom: 0; border-right: 0px solid black; padding-top: 0px; padding-right: 0px; border-left: 0px solid black; border-top: 0px solid black; border-bottom: 0px solid black; border: 0px solid black; padding-left: 0; border-bottom: 2px solid black; border-left: 0px solid black; margin-left: 0; border-top: 0px solid black; margin-right: 0; border-right: 2px solid black; }
.close { display: inline-block; height: 39px; position: absolute; right: 10px; top: -20px; z-index: 2; background: #FFAD00; white-space: nowrap; text-decoration: none; }
.close .over { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #ABC127; }
.close .x1 { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(images/close.png) right center no-repeat; }
.close .txt1 { display: block; position: relative; z-index: 3; font-family: 'BebasNeueRegular'; font-size: 22px; line-height: 39px; color: #000; text-decoration: none; text-transform: uppercase; padding: 0 40px 0 15px; }
.box { width: 913px; height: 532px; position: relative; z-index: 1; padding: 44px 42px 0 43px; overflow: hidden; margin-top: -62px; margin-left: -51px; margin-bottom: 0; /*+placement: 33px 67px;*/ position: relative; left: 33px; top: 67px; text-align: left; margin-right: 0; }
textarea { /*+placement: -203px 101px;*/ position: relative; left: -203px; top: 101px; padding-top: 52px; margin-top: -242px; }
.box2 { padding-left: 0; /*+placement: 317px 24px;*/ position: relative; left: 317px; top: 24px; }
.box3 { padding-left: 0; /*+placement: 317px 22px;*/ position: relative; left: 317px; top: 22px; }
.box4 { padding-left: 0; /*+placement: 418px 2px;*/ position: relative; left: 418px; top: 2px; }
.box5 { padding-left: 0; /*+placement: 396px -53px;*/ position: relative; left: 10px; top: -13px; width: 622px; padding-top: 0; }
.box6 { padding-left: 0; /*+placement: 396px -53px;*/ position: relative; left: 10px; top: -13px; width: 622px; padding-top: 0; }
.box7 { padding-left: 0; /*+placement: -37px -155px;*/ position: relative; left: -37px; top: -155px; width: 725px; }
.col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; }
.col0 { width: 1px; height: 496px; background: url(images/col0.png) 0 0 repeat-y; margin-left: 29px; margin-right: 30px; margin-top: -40px; }
#page_CONTACTS .col0 { height: 480px; /*+placement: -106px 12px;*/ position: relative; left: -106px; top: 12px; }
.col1 { width: 260px; }
.col2 { width: 270px; }
.col3 { width: 250px; }
.col4 { width: 600px; }
.col5 { width: 240px; }
.col6 { width: 620px; /*+placement: 0px -79px;*/ position: relative; left: 0px; top: -79px;  padding-bottom: 0; margin-top: -2px; margin-bottom: 0; text-decoration: none; }
.col7 { width: 220px; }
.col8 { width: 290px; }
.col9 { width: 420px; }
.co20 { width: 620px; /*+placement: 1px -2px;*/ position: relative; left: 1px; top: -2px; padding-bottom: 0; margin-top: -2px; margin-bottom: 0; }
.co21 { width: 620px; /*+placement: -94px 122px;*/ position: relative; left: -94px; top: 122px; padding-bottom: 0; margin-top: -2px; margin-bottom: 0; padding-right: 0; margin-right: 0; margin-left: 353px; }
.pad_left1 { padding-left: 10px; }
.pad_left2 { padding-left: 20px; }
.pad_left3 { padding-left: 30px; }
.pad_left4 { padding-left: 40px; }
.pad_left5 { padding-left: 50px; }
.pad_left6 { padding-left: 60px; }
h1 { font-family: 'BebasNeueRegular'; font-weight: normal; font-size: 17px; color: #000; line-height: 24px; padding: 0px 0 21px; /*+placement: 665px 429px;*/ position: relative; left: 665px; top: 429px; margin-top: 0; margin-bottom: -22px; font-style: italic; }
h2 { font-family: 'BebasNeueRegular'; font-weight: normal; font-size: 24px; color: #000; line-height: 24px; padding: 0px 0 21px; /*+placement: 3px -35px;*/ position: relative; left: 20px; top: -15px; margin-top: 0; margin-bottom: -22px; }
h3 { display: block; font-size: 12px; color: #2F2D22; line-height: 20px; text-transform: uppercase; }
h4 { font-family: 'BebasNeueRegular'; font-weight: normal; font-size: 24px; color: #000; line-height: 24px; padding: 0px 0 21px; /*+placement: 38px -22px;*/ position: relative; left: 38px; top: -22px; margin-top: 0; margin-bottom: -22px; }
h5 { font-family: 'BebasNeueRegular'; font-weight: normal; font-size: 16px; color: #000; line-height: 24px; padding: 0px 0 21px; /*+placement: 489px 497px;*/ position: relative; left: 489px; top: 497px; margin-top: 0; margin-bottom: -22px; text-decoration: none; font-style: italic; }
h6 { font-family: 'BebasNeueRegular'; font-weight: normal; font-size: 16px; color: #000; line-height: 24px; padding: 0px 0 21px; /*+placement: 589px 505px;*/ position: relative; left: 589px; top: 505px; margin-top: 0; margin-bottom: -22px; font-style: italic; }
.upper { text-transform: uppercase; }
.color1 { color: #637616; }
.text { padding: 0 0 5px; display: block; /*+placement: 17px 19px;*/ position: relative; left: 17px; top: 19px; margin-bottom: 0; margin-top: -7px; height: 0px; }
.text2 { padding: 0 0 5px; display: block; /*+placement: -5px 18px;*/ position: relative; left: -5px; top: 18px; margin-bottom: 0; margin-top: -7px; height: 0px; text-align: center; font-style: italic; font-size: 20px; line-height: 1.7; color: #344103; }
.text3 { padding: 0 0 5px; display: block; /*+placement: -14px 12px;*/ position: relative; left: -14px; top: 12px; margin-bottom: 0; margin-top: -7px; height: 0px; text-align: center; font-style: italic; font-size: 20px; line-height: 1.7; color: #344103; }
.text4 { padding: 0 0 5px; display: block; /*+placement: -42px 87px;*/ position: relative; left: -42px; top: 87px; margin-bottom: 0; margin-top: -7px; height: 0px; text-align: center; font-style: italic; font-size: 20px; line-height: 1.7; color: #344103; }
.text7 { padding: 0 0 5px; display: block; /*+placement: 14px 21px;*/ position: relative; left: 14px; top: 21px; margin-bottom: 0; margin-top: -7px; font-size: 21px; font-family: 'BebasNeueRegular'; }
.text8 { padding: 0 0 5px; display: block; /*+placement: -195px 7px;*/ position: relative; left: -195px; top: 7px; margin-bottom: 0; margin-top: -7px; text-align: right; font-size: 18px; font-style: italic; color: #344103; }
.text9 { padding: 0 0 5px; display: block; /*+placement: -195px 7px;*/ position: relative; left: -195px; top: 7px; margin-bottom: 0; margin-top: -7px; text-align: right; font-size: 18px; font-style: italic; color: #344103; }
.text10 { padding: 0 0 5px; display: block; /*+placement: -105px -6px;*/ position: relative; left: -105px; top: -6px; margin-bottom: 0; margin-top: -7px; text-align: right; font-size: 28px; font-style: italic; color: #344103; }
.line1 { height: 1px; background: url(images/line1_px.png) 0 0 repeat-x; margin: 15px 0; }
.radius1 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.img1 { margin-bottom: 20px; margin-right: 20px; }
.img2 { margin-right: 20px; /*+placement: 8px 20px;*/ position: relative; left: 8px; top: 20px; padding-bottom: 0; }
.img3 { margin-bottom: 20px; }
.img4 { margin-right: 20px; /*+placement: 4px 9px;*/ position: relative; left: 4px; top: 2px; /*+placement: -5px -315px;*/ position: relative; left: -5px; top: -315px; }
.img6 { margin-right: 30px; /*+placement: 4px 9px;*/ position: relative; left: 4px; top: 2px; /*+placement: -16px -348px;*/ position: relative; left: -16px; top: -348px; width: 323px; padding-right: 0; }
.img7 { margin-right: 30px; /*+placement: 4px 9px;*/ position: relative; left: 4px; top: 2px; /*+placement: 1px 73px;*/ position: relative; left: 1px; top: 73px; width: 323px; padding-right: 0; }
.img8 { margin-right: 30px; /*+placement: 4px 9px;*/ position: relative; left: 4px; top: 2px; /*+placement: 242px -19px;*/ position: relative; left: 242px; top: -19px; width: 205px; padding-right: 0; height: 170px; }
.img9 { margin-right: 20px; /*+placement: 274px -1215px;*/ position: relative; left: 8px; top: 20px; padding-bottom: 0; /*+placement: -23px 21px;*/ position: relative; left: -23px; top: 21px; }
.img10 { margin-right: 20px; /*+placement: 674px -1315px;*/ position: relative; left: 8px; top: 20px; padding-bottom: 0; /*+placement: -16px 35px;*/ position: relative; left: -16px; top: 35px; }
.time1 { width: 43px; height: 43px; border-radius: 43px; -moz-border-radius: 43px; -webkit-border-radius: 43px; background: #FFAD00; text-align: center; font-family: 'BebasNeueRegular'; font-size: 24px; color: #000; line-height: 27px; margin-right: 20px; }
.time1 span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; line-height: 10px; }
.ul1 > li { line-height: 30px; background: url(images/li_line1.png) 0 0 repeat-x; }
.ul1 > li:first-child { background: none; }
.ul1 > li a { display: block; text-decoration: none; color: #637616; font-weight: bold; text-transform: capitalize; background: url(images/li_st1.png) 0 10px no-repeat; padding-left: 20px; /*+placement: 22px -2px;*/ position: relative; left: 22px; top: -2px; padding-bottom: 0; height: 29px; font-family: 'BebasNeueRegular'; font-size: 21px; }
.ul1 > li .buttonDisabled:hover { text-decoration: none; color: #637616; background: url(images/li_st1_over.png) 0 10px no-repeat; }
.ul2 > li { line-height: 30px; background: url(images/li_line1.png) 0 0 repeat-x; /*+placement: ;*/ position: relative; left: 0; top: 0; font-size: 21px; font-family: 'BebasNeueRegular'; }
.ul2 > li:first-child { background: none; }
.ul2 > li a { display: block; text-decoration: none; color: #415E0E; font-weight: bold; text-transform: capitalize; background: url(images/li_st1.png) 0 10px no-repeat; padding-left: 20px; /*+placement: 22px -2px;*/ position: relative; left: 22px; top: -2px; padding-bottom: 0; height: 29px; }
.ul2 > li a:hover { text-decoration: none; color: #FFAD00; background: url(images/li_st1_over.png) 0 10px no-repeat; }
.gal1 { width: 258px; padding-bottom: 25px; float: left; margin-right: 50px; /*+placement: 42px -14px;*/ position: relative; left: 42px; top: -14px; margin-bottom: -2px; padding-top: 0px; margin-top: -7px; height: 185px; }
.gal1.last { margin-right: 0px; }
.photo1 { width: 248px; height: 167px; margin-bottom: 25px; }
.photo1 a img { border: 5px ridge #637616; /*+placement: 11px 2px;*/ position: relative; left: 11px; top: 2px; height: 161px; width: 242px; margin-bottom: 0; margin-left: -6px; }
.photo1 a:hover img { border: 5px ridge #FFAD00; }
.photo2 { width: 248px; height: 167px; margin-bottom: 25px; }
.photo2 a img { border: 5px ridge #637616; /*+placement: 7px 0px;*/ position: relative; left: 7px; top: 0px; height: 161px; width: 242px; margin-bottom: 0; margin-left: -6px; }
.photo2 a:hover img { border: 5px ridge #FFAD00; }
.photo3 { width: 248px; height: 167px; margin-bottom: 25px; }
.photo3 a img { border: 5px ridge #637616; /*+placement: 4px -2px;*/ position: relative; left: 4px; top: -2px; height: 161px; width: 242px; margin-bottom: 0; margin-left: -6px; }
.photo3 a:hover img { border: 5px ridge #FFAD00; }
.photo4 { width: 248px; height: 167px; margin-bottom: 25px; }
.photo4 a img { border: 5px ridge #637616; /*+placement: 7px 13px;*/ position: relative; left: 7px; top: 13px; height: 161px; width: 242px; margin-bottom: 0; margin-left: -6px; }
.photo4 a:hover img { border: 5px ridge #FFAD00; }
.photo5 { width: 248px; height: 167px; margin-bottom: 25px; }
.photo5 a img { border: 5px ridge #637616; /*+placement: 9px 1px;*/ position: relative; left: 9px; top: 1px; height: 161px; width: 242px; margin-bottom: 0; margin-left: -6px; }
.photo5 a:hover img { border: 5px ridge #FFAD00; }
.photo6 { width: 248px; height: 167px; margin-bottom: 25px; }
.photo6 a img { border: 5px ridge #637616; /*+placement: -1px 27px;*/ position: relative; left: -1px; top: 27px; height: 161px; width: 242px; margin-bottom: 0; margin-left: -6px; }
.photo6 a:hover img { border: 5px ridge #FFAD00; }
/*===================== jScrollPane =====================*/
.scroll-pane { width: 100%; height: 380px; overflow: auto; }
.scroll-pane { width: 108%; height: 380px; overflow: auto; }
/*================= Contacts =========================*/
#note { width: 410px; }
.notification_error { color: #F00; margin-bottom: 5px; }
.notification_ok { text-align: center; }
#ajax-contact-form label { float: left; width: 100px; line-height: 31px; color: #000; /*+placement: 40px -288px;*/ position: relative; left: 40px; top: -288px; }
#ajax-contact-form label.c { margin-top: 25px; }
input { float: left; width: 300px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: #FFF; border: 1px solid #D3D3D3; margin-bottom: 5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; /*+placement: 120px 56px;*/ position: relative; left: 120px; top: 56px; }
input { /*+placement: 299px 71px;*/ position: relative; left: 299px; top: 71px; height: ; width: 219px; margin-left: -6px; padding-left: 31px; padding-right: 0px; padding-top: 5px; margin-right: -26px; margin-top: 3px; }
.submit { /*+placement: 134px -201px;*/ position: relative; left: 134px; top: -201px; padding-left: 0; }
textarea { float: left; width: 300px; height: 90px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: #FFF; border: 1px solid #D3D3D3; margin-bottom: 5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; margin-right: 0; padding-right: 280px; /*+placement: 103px 74px;*/ position: relative; left: 103px; top: 74px; margin-left: 29px; padding-left: 4px; padding-bottom: 29px; }
#ajax-contact-form img { float: left; width: 150px; height: 53px; margin-top: 5px; }
input.capthca { float: left; width: 77px; margin-top: 25px; margin-right: 10px; }
input.submit2 { width: 79px; height: 31px; cursor: pointer; border: none; margin: 5px 0 0 100px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-indent: -999%; /*+placement: -48px 264px;*/ position: relative; left: -48px; top: 264px; }
input.reset { width: 79px; height: 31px; cursor: pointer; border: none; margin: 5px 0 0 100px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-indent: -999%; /*+placement: 133px 341px;*/ position: relative; left: 133px; top: 341px; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */
@font-face{
    /* for non CSS-challenged browsers */
    font-family: "BebasNeueRegular";
    src: local("☼"),
        url("/fonts/font.eot") format('eot'),
        url("/fonts/font.woff") format('woff'),
        url("/fonts/font.otf") format('otf'),
        url("/fonts/font.ttf") format('truetype'),
        url("/fonts/font.svg") format('svg');
}