@import "reset.css";
@import "prettyPhoto.css";
@import "supersized.css";
@import "supersized.shutter.css";
@import "jquery.jscrollpane.css";
@import "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 ======================================================== */
::selection{
  color: #fff;
  background: #535353;
}
::-moz-selection{
  color: #fff;
  background: #535353;
}

body, html {height:100%;}

body{ background:#fff; border:0; font: 12px Arial, Helvetica, sans-serif; color:#535353 ; 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 #fff; 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;}


.main1 { width:100%;height:800px; position:relative; z-index:1;}


.main2{ width:960px; position:absolute; left:50%; margin-left:-480px; top:50%; margin-top:-240px; z-index:42;}

header{position: absolute;left: 80px; top: 80px; z-index: 31;}
.logo { display:inline-block;text-decoration:none; }
.logo .txt1{display: inline-block; font-family:'nasalization_rgregular'; font-size: 90px; line-height: 90px; color: #1d1d1d; }
.logo .txt2{display: inline-block; font-family:'nasalization_rgregular'; font-size: 20px; line-height: 90px; color: #1d1d1d; padding-left: 10px; }

footer{width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; z-index: 30;}
.copyright{display: inline-block; float: left; background: #1d1d1d; color:#fff; height: 30px; line-height:30px;padding:0 15px; text-transform: uppercase; margin-right: 1px;}
.privacy{ display: inline-block; height: 30px; line-height: 30px; padding:0 15px; background: #eaeaea; color: #838383; text-decoration: none; text-transform: uppercase; margin-right: 1px; float: left;}
.privacy:hover{color: #000;}
.tola{width: 120px; height: 30px; float: left;}

.icons { float:right; padding-top:4px; padding-right:10px;}
.icons > li { display:inline-block; padding:0 2px;position:relative;}
.icons > li > a{display:block; width:100%; height:30px;}








/* ============================= main menu ====================== */

.menu { display:block; position:absolute; right:0; top:0; z-index:21; text-align:center; white-space:nowrap; }
#menu {}
#menu > li { display:inline-block;height:58px; position:relative; float:left;margin-left: 1px;}
#menu > li > a{display: inline-block; height:100%; text-decoration:none; position:relative; padding:0 20px;overflow:hidden; }
#menu > li > a .over{display:block;position: absolute;width:100%; height:100%; left:0px; top:-58px; z-index:10;}
#menu > li > a .txt1{ display:block; position: relative; width:100%; height:100%; left:0px; top:60px; z-index:5;font-family:'juraregular';font-size:18px; line-height:58px; color:#515151; text-decoration:none; text-transform:uppercase;  }
#menu > li > a .txt2{ display:block; position: absolute; width:100%; height:100%; left:0px; top:60px; z-index:20;font-family:'juraregular';font-size:18px; line-height:58px; color:#fff; text-decoration:none; text-transform:uppercase;  }

#menu > li.nav1 .over{background: #a14242;}
#menu > li.nav2 .over{background: #785d1c;}
#menu > li.nav3 .over{background: #cd5f26;}
#menu > li.nav4 .over{background: #918d27;}
#menu > li.nav5 .over{background: #104d5f;}
#menu > li.nav6 .over{background: #d89633;}
#menu > li.nav7 .over{background: #0d7b6f;}

.menu_splash { width:100%; position:absolute; left:0; top:50%; margin-top: -100px; z-index:20;}
#menu_splash { width:100%;}
#menu_splash > li { position:absolute;}
#menu_splash > li > a{display:block; width:100%; height:100%; text-decoration:none; position:relative;}
#menu_splash > li > a img{ position: absolute; left:0px; top:0px; z-index:1;}
#menu_splash > li > a .txt1{ display:block; width: 100%; height:30px; position:absolute;left:0; top: 0; z-index:5; font-family:'juraregular';font-size:20px; line-height:20px; color:#fff; text-decoration:none; white-space:nowrap; letter-spacing:0px; text-transform:uppercase; text-align: center; }

#menu_splash > li.nav1{ width: 206px; height: 206px; left:13%; margin-left: -103px; top:0; z-index:1;}
#menu_splash > li.nav2{ width: 181px; height: 181px; left:23%; margin-left: -90px; top:180px; z-index:1;}
#menu_splash > li.nav3{ width: 238px; height: 239px; left:36%; margin-left: -120px; top:-120px; z-index:1;}
#menu_splash > li.nav4{ width: 159px; height: 159px; left:47%; margin-left: -80px; top:80px; z-index:1;}
#menu_splash > li.nav5{ width: 202px; height: 202px; left:59%; margin-left: -101px; top:150px; z-index:1;}
#menu_splash > li.nav6{ width: 221px; height: 221px; left:70%; margin-left: -111px; top:-80px; z-index:1;}
#menu_splash > li.nav7{ width: 202px; height: 202px; left:85%; margin-left: -101px; top:50px; z-index:1;}


#menu_splash > li.nav1 > a .txt1 { line-height: 206px; font-size: 26px;}
#menu_splash > li.nav2 > a .txt1 { line-height: 181px; font-size: 24px;}
#menu_splash > li.nav3 > a .txt1 { line-height: 238px; font-size: 30px;}
#menu_splash > li.nav4 > a .txt1 { line-height: 159px; font-size: 20px;}
#menu_splash > li.nav5 > a .txt1 { line-height: 202px; font-size: 24px;}
#menu_splash > li.nav6 > a .txt1 { line-height: 221px; font-size: 27px;}
#menu_splash > li.nav7 > a .txt1 { line-height: 202px; font-size: 25px;}




/* ============================= main layout ====================== */



#content{ position:absolute; left:0px; top:0px; z-index:5;}
#content > ul{ }
#content > ul > li{ width:960px; height:542px; background: #f6f6f6; border-bottom:10px solid #919191; position:absolute; overflow:hidden;}

li#page_HOME{border-bottom-color:#a14242!important;}
li#page_ABOUT{border-bottom-color:#785d1c!important;}
li#page_SERVICES{border-bottom-color:#cd5f26!important;}
li#page_VIDEO{border-bottom-color:#918d27!important;}
li#page_GALLERY{border-bottom-color:#104d5f!important;}
li#page_PARTNERS{border-bottom-color:#d89633!important;}
li#page_CONTACTS{border-bottom-color:#0d7b6f!important;}

.close{ display:block; width:14px; height:14px; padding: 5px; position:absolute; right:25px; top:25px; z-index:30;}
.close span{ display:block; width:14px; height:14px; background:url(../images/close.png) left top no-repeat; }
.close:hover span{ background-position: bottom; }

.box{ width:840px;height:500px; position:relative; padding: 42px 60px 0px 60px;}

.col0,.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12   { float:left;}

.col0 { width:1px; background:#131314; margin-left:29px; margin-right:30px; margin-top:20px;}

.col1{ width:380px;}
.col2{ width:390px;}
.col3{ width:250px;}
.col4{ width:520px;}
.col5{ width:350px;}
.col6{ width:420px;}







.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;}
.pad_left7{ padding-left:70px;}




a{ color:#a14242; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'nasalization_rgregular';font-weight:normal; font-size:24px; color:#1d1d1d; line-height:30px; padding:20px 0 20px 0;  }



.upper { text-transform:uppercase;}

.color1{ color:#1d1d1d;}


.text { padding:0 0 5px; display: block;}

.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;}

.border1 { border:1px solid #b3b6b5;}



.img1 {margin-bottom:20px;margin-right:20px;}
.img2 {margin-right:20px; }
.img3 {margin-bottom:20px;}

.video1 {width:224px; height:150px; position:relative; margin-bottom:20px; margin-right:20px; float:left;}
.video1 a img {position:relative; border:1px solid #707070; }
.video1 a span{position:absolute;z-index:2; margin:1px 0 0 1px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}

.button0{ display:inline-block; line-height:20px;text-decoration: none; margin-bottom:5px; font-size:14px; font-family:'juraregular'; color:#a14242; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; }
.button0:hover { color: #000;}

.button1{ display:inline-block; height:20px; line-height:20px;text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:18px; font-family:'juraregular'; color:#a14242; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; padding-bottom: 2px;}
.button1:hover { border-bottom:2px solid #a14242; padding-bottom: 0;}

.button2{ display:inline-block; height:20px; line-height:20px;text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:18px; font-family:'juraregular'; color:#785d1c; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; padding-bottom: 2px;}
.button2:hover { border-bottom:2px solid #785d1c; padding-bottom: 0;}

.button3{ display:inline-block; height:20px; line-height:20px;text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:18px; font-family:'juraregular'; color:#cd5f26; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; padding-bottom: 2px;}
.button3:hover { border-bottom:2px solid #cd5f26; padding-bottom: 0;}

.button6{ display:inline-block; height:20px; line-height:20px;text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:18px; font-family:'juraregular'; color:#d89633; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; padding-bottom: 2px;}
.button6:hover { border-bottom:2px solid #d89633; padding-bottom: 0;}

.home1{padding-bottom: 5px;}

.services1{padding-bottom: 5px;}

.ul1{ margin-bottom:0px;}
.ul1 > li { line-height:28px; font-size: 14px; text-transform: uppercase }
.ul1 > li a{ display:block; height:100%; text-decoration:none; color:#1d1d1d; padding-left:25px; background: url(../images/li_st1.png) 0 10px no-repeat;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.ul1 > li a:hover{ text-decoration:none; color:#a14242; background-position: 10px 10px;}

.vid1 { width:250px; padding-bottom:25px; float:left; margin-right:30px; }
.vid1.last { margin-right:0px; }

.video1 {width:250px; height:130px; margin-bottom:10px;}
.video1 a img {border:1px solid #b3b6b5;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.video1 a:hover img {border:1px solid #a14242;}

.gal1 { width:190px; padding-bottom:25px; float:left; margin-right:15px; }
.gal1.last { margin-right:0px; }

.photo1 {width:190px; height:130px; margin-bottom:10px;}
.photo1 a img {border:1px solid #b3b6b5;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.photo1 a:hover img {border:1px solid #a14242;}

.partners1{float: left; margin-right: 12px; padding-bottom: 12px;}
.partners1.last{margin-right: 0;}
.partners1 img{border:1px solid #b3b6b5;}

.google_map{

    width: 348px;
    height: 268px;
    border-radius:0px;
    background: #fff;
    position:relative;
    overflow:hidden; margin-bottom:20px;border:1px solid #b3b6b5;;

}


/*===================== jScrollPane =====================*/

.scroll-pane{width: 100%; height:377px; 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:#535353;}
#ajax-contact-form label.c{ margin-top:5px;}

#ajax-contact-form input{ float:left; width:300px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background: #fff; border: 1px solid #cfcfcf; margin-bottom:5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#ajax-contact-form input:focus{border-color:#7f7f7f; }

#ajax-contact-form textarea{ float:left; width:300px; height:130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background: #fff; border: 1px solid #cfcfcf; margin-bottom:5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
#ajax-contact-form textarea:focus{border-color:#7f7f7f; }

#ajax-contact-form img{float:left; width:140px; height:53px; margin-top:5px; margin-left:10px;}

#ajax-contact-form input.capthca{ float:left; width:83px; margin-top:5px; margin-right:10px;}

#ajax-contact-form input.submit{ width:56px; height:18px; cursor:pointer; background:url(../images/submit.png) left top no-repeat; border:none; margin:5px 0 0 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  text-indent:-999%; }
#ajax-contact-form input.submit:hover{ background-position:bottom;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */

@font-face {
    font-family: 'nasalization_rgregular';
    src: url('nasalization_rg-webfont.eot');
    src: url('nasalization_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('nasalization_rg-webfont.woff') format('woff'),
         url('nasalization_rg-webfont.ttf') format('truetype'),
         url('nasalization_rg-webfont.svg#nasalization_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'juraregular';
    src: url('jura-regular-webfont.eot');
    src: url('jura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('jura-regular-webfont.woff') format('woff'),
         url('jura-regular-webfont.ttf') format('truetype'),
         url('jura-regular-webfont.svg#juraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}