@import "reset.css";
@import "prettyPhoto.css";
@import "jquery.jscrollpane.css";
@import "jplayer.css";

@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Playball);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700);

/* 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: #6f5534;
}
::-moz-selection{
  color: #fff;
  background: #6f5534;
}

body, html {height:100%;}

body{ background:#000; border:0; font: 12px Arial, Helvetica, sans-serif; color:#6f5534 ; line-height:18px; position:relative; overflow:hidden;min-width:1000px;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}

.extra {background:url(../images/bg1.jpg) center center no-repeat #000; 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:760px; position:relative; z-index:1;}

.tola{width: 53px; height: 61px; background: url(../images/sound_bg.png) 0 0 no-repeat; position: absolute; right: 20%; margin-right: -200px; top: 0; z-index: 40;}


.main2{ width:1000px; height:760px; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-380px; z-index:2;}

.books{width: 946px; height: 650px; background: url(../images/books.png) 0 0 no-repeat; position: absolute; left: 30px; top: 159px; z-index: -1;}

header{width: 100%; position: absolute; left: 0; top: 25px; z-index: 10; text-align: center;}
.logo { display:inline-block;text-decoration:none; }

.social_icons{width: 55px; position: absolute; left: 365px; top: 150px; z-index: 2; text-align: center;}
.icons_txt{text-align: center;font-family:'ThysenRegular';font-size:12px; line-height:20px; color:#724a39; text-decoration:none; text-transform:uppercase; padding-top: 35px;}
.icons {padding-top: 0;}
.icons > li { display:inline-block; position:relative;}
.icons > li > a{display:block;}

.icons > li.nav1{padding-top: 27px;}
.icons > li.nav2{padding-top: 22px;}
.icons > li.nav3{padding-top: 19px;}
.icons > li.nav4{padding-top: 19px;}
.icons > li.nav5{padding-top: 27px;}





footer{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 30; text-align: center;}
.copyright{color:#9c806f; line-height:20px; padding-bottom: 20px;}
.copyright a { color:#ddd1ca;}



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

.menu { display:block; position:absolute; left:185px; top:155px; z-index:1; text-align:center; white-space:nowrap; }
#menu {}
#menu > li { display:block; height:365px; position:absolute; left: 1000px;}
#menu > li > a{display:block; height:100%; text-decoration:none; position:relative; overflow: hidden;}
#menu > li > a .over1{display:block;position: absolute;width:100%; height:101px; left:0px; top:0px; z-index:10; background:url(../images/nav.png) center bottom no-repeat;}



#menu > li.nav1{width: 65px; left:0px; top:0;}
#menu > li.nav1 > a .over1{top: 7px;}
#menu > li.nav1 > a .txt1{ display:block; position: absolute; width:100%; left:0px; top:140px; z-index:1;font-family:'ThysenRegular';font-size:18px; line-height:20px; color:#603929; text-decoration:none; text-transform:uppercase;  }
#menu > li.nav1 > a .txt2{ display:block; position: absolute; width:100%; left:0px; top:255px; z-index:1;font-family:'ThysenRegular';font-size:12px; line-height:20px; color:#724a39; text-decoration:none; text-transform:uppercase;  }

#menu > li.nav2{width: 75px; left:65px; top:0;}
#menu > li.nav2 > a .over1{top: 5px;}
#menu > li.nav2 > a .txt1{ display:block; position: absolute; right: 0; left:0px; top:120px; z-index:1;font-family:'Fredericka the Great';font-size:22px; line-height:22px; color:#381f15; text-decoration:none; padding-right: 5px; }
#menu > li.nav2 > a .txt2{ display:block; position: absolute; left:0px; right: 0; top:175px; z-index:1;font-family:'Playball';font-size:14px; line-height:14px; color:#4e3226; text-decoration:none; padding-right: 10px;}

#menu > li.nav3{width: 90px; left:235px; top:0;}
#menu > li.nav3 > a .over1{top: 5px;}
#menu > li.nav3 > a .txt1{ display:block; position: absolute; right: 0; left:0px; top:145px; z-index:1;font-family:'Fredericka the Great'; font-size:16px; line-height:20px; color:#622812; text-decoration:none; padding-right: 0px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4) }
#menu > li.nav3 > a .txt2{ display:block; position: absolute; left:0px; right: 0; top:255px; z-index:1;font-family:'ThysenRegular';font-size:12px; line-height:14px; color:#7f3e15; text-decoration:none; padding-right: 0px; text-transform: uppercase;}

#menu > li.nav4{width: 80px; left:325px; top:0;}
#menu > li.nav4 > a .over1{top: 11px;}
#menu > li.nav4 > a .txt1{ display:block; position: absolute; right: 0; left:0px; top:260px; z-index:1;font-family:'Playfair Display SC';font-weight: 700; font-size:12px; line-height:16px; color:#ffd7b6; text-decoration:none; padding-right: 0px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4); }

#menu > li.nav5{width: 55px; left:405px; top:0;}
#menu > li.nav5 > a .over1{top: 8px;}
#menu > li.nav5 > a .txt1{ display:block; position: absolute; right: 0; left:0px; top:205px; z-index:1;font-family:'Playball';font-size:20px; line-height:20px; color:#622812; text-decoration:none; padding-right: 0px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4); }

#menu > li.nav6{width: 75px; left:460px; top:0;}
#menu > li.nav6 > a .over1{top: 14px;}
#menu > li.nav6 > a .txt1{ display:block; position: absolute; right: 0; left:0px; top:145px; z-index:1;font-family:'ThysenRegular';font-size:16px; line-height:20px; color:#ffd7b6; text-decoration:none; padding-right: 0px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase;}
#menu > li.nav6 > a .txt2{ display:block; position: absolute; right: 0; left:0px; top:195px; z-index:1;font-family:'ThysenRegular';font-size:40px; line-height:40px; color:#ffd7b6; text-decoration:none; padding-right: 0px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase;}
#menu > li.nav6 > a .txt3{ display:block; position: absolute; right: 0; left:0px; top:260px; z-index:1;font-family:'ThysenRegular';font-size:16px; line-height:20px; color:#ffd7b6; text-decoration:none; padding-right: 0px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase;}

#menu > li.nav7{width: 110px; left:535px; top:0;}
#menu > li.nav7 > a .over1{top: 18px;}
#menu > li.nav7 > a .txt1{ display:block; position: absolute; right: 0; left:0px; top:155px; z-index:1;font-family:'Playfair Display SC';font-size:12px; line-height:20px; color:#ffd7b6; text-decoration:none; padding-right: 0px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase;}
#menu > li.nav7 > a .txt2{ display:block; position: absolute; right: 0; left:0px; top:175px; z-index:1;font-family:'Playfair Display SC';font-size:12px; line-height:20px; color:#d98e55; text-decoration:none; padding-right: 0px; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase;}









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



#content{position:absolute; left:5px; top:132px; z-index:20;}
#content > ul{}
#content > ul > li{ width:991px; height:602px; position:absolute;}

.close{ display:block; width:53px; height:109px; position:absolute; right:95px; top:-40px; z-index:1;}
.close .over1{ display:block; width:53px; height:109px; background:url(../images/close1.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; z-index: 1; }
.close .over2{ display:block; width:17px; height:19px; background:url(../images/close2.png) 0 0 no-repeat; position: absolute; left: 18px; top: 16px; z-index: 2; }
.close .over3{ display:block; width:25px; height:26px; background:url(../images/close3.png) 0 0 no-repeat; position: absolute; left: 14px; top: 13px; z-index: 3; }



.box{ width:991px; height:602px; position:relative; z-index: 2; background: url(../images/content_bg.png) 0 0 no-repeat;}
.box2{ width:991px; height:602px; position:relative; z-index: 2; background: url(../images/content_bg2.png) 0 0 no-repeat;}


.col1{ width:310px; height: 540px; position: absolute; left: 163px; top: 20px;}
.col2{ width:330px; height: 540px; position: absolute; left: 530px; top: 20px;}
.col3{ width:830px; height: 520px; position: absolute; left: 76px; top: 40px;}







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




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

h2{ font-family:'Playball';font-weight:normal; font-size:30px; color:#392315; line-height:30px; padding:15px 0 15px 0;  }

h3{ font-family:'Playball';font-weight:normal; font-size:24px; color:#392315; line-height:30px; padding:15px 0 15px 0;  }

h4{ font-family:'Playfair Display SC';font-weight:normal; font-size:20px; color:#743f21; line-height:24px; padding-bottom: 10px;  }

h5{ font-family:'Playfair Display SC';font-weight:normal; font-size:20px; color:#743f21; line-height:24px; padding-bottom: 10px; text-align: center;  }



.upper { text-transform:uppercase;}

.color1{ color:#453520;}
.color2{ color:#ffae00;}

.text { padding-bottom: 5px; display: block;}

.line1 { height:1px; background:url(../images/line1_px.png) 0 0 repeat-x; margin:10px 0;}

.line2 { height:4px; background:url(../images/line2_px.png) 0 0 repeat-x; margin:10px 0;}

.line3 { height:4px; background:url(../images/line2_px.png) 0 0 repeat-x; margin:10px 0;}

.radius1{border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}

.border1 { border:5px solid #c0af98;}



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

.book1{width: 143px; padding-left: 0px; height: 199px; padding-top: 3px; background: url(../images/book1.png) 0 0 no-repeat;}
.book2{width: 95px; padding-left: 0px; height: 129px; padding-top: 3px; background: url(../images/book2.png) 0 0 no-repeat;}

.button1{ display:inline-block; height:29px; line-height:29px; position:relative; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:14px; font-family:'ThysenRegular'; color:#e6c18f; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; background:url(../images/button1.jpg) left top repeat-x; padding: 0 10px 0 12px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.button1 em{display: inline-block; width: 7px; height: 29px; background: url(../images/button1_st.png) 0 center no-repeat; margin-left: 10px;}
.button1:hover { color:#fff; background-position: bottom;}

.button2{ display:inline-block; height:16px; line-height:16px;  position:relative; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:14px; font-family:'ThysenRegular'; color:#d23600; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; background:url(../images/button2.png) right center no-repeat; padding-right:30px;}
.button2:hover { color:#000; text-decoration: underline;}

.about1{padding-bottom: 20px;}
.about1.last{padding-bottom: 0px;}
.about1 .img{float: left;border:5px solid #c0af98;border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; margin-right: 20px;}
.about1 .caption{display: table;}

.books1{padding-bottom: 10px;}
.books1.last{padding-bottom: 0px;}
.books1 .img{float: left; margin-right: 20px;}
.books1 .caption{display: table;}

.mar_books1{margin-right: 30px;}

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

.photo1 {width:170px; height:130px; margin-bottom:10px;border:5px solid #c0af98;border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;
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:hover{border-color: #f08a37;}
.photo1 a img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

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

.video1 {width:238px; height:146px; margin-bottom:10px;border:5px solid #c0af98;border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;
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:hover{border-color: #f08a37;}
.video1 a img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.news1{padding-bottom: 0px;}
.news1.last{padding-bottom: 0px;}
.news1 .img{float: left;border:5px solid #c0af98;border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; margin-right: 20px;}
.news1 .caption{display: table;}

.google_map{

    width: 300px;
    height: 300px;
    border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;
    background: #fff;
    position:relative;
    overflow:hidden; margin-bottom:20px; border:5px solid #c0af98;
}





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

.scroll-pane{width: 100%; height:430px; overflow: auto;}

.scroll-pane.scroll-pane1{height:160px;}

.scroll-pane.scroll-pane2{height:430px;}


/*================= Contacts =========================*/

#note{ width:300px; padding-top: 15px; }
.notification_error{ color:#f00; }
.notification_ok{ text-align: center;} 

#ajax-contact-form label{float:left; width: 100px; line-height:31px; color:#6f5534;}
#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: #6f5534; background: #e7ded3; border: 1px solid #c0af98; margin-bottom:5px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;  padding:2px 10px; -moz-box-shadow: inset 2px 2px 5px #e0d5c9; -webkit-box-shadow: inset 2px 2px  5px #e0d5c9; box-shadow: inset 2px 2px 5px #e0d5c9;}
#ajax-contact-form input:focus{border-color:#90826f; }

#ajax-contact-form textarea{ float:left; width:300px; height:150px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #6f5534; background: #e7ded3; border: 1px solid #c0af98; margin-bottom:5px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;  padding:5px 10px;-moz-box-shadow: inset 2px 2px 5px #e0d5c9; -webkit-box-shadow: inset 2px 2px  5px #e0d5c9; box-shadow: inset 2px 2px 5px #e0d5c9;}
#ajax-contact-form textarea:focus{border-color:#90826f; }

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

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

#ajax-contact-form .submit{cursor: pointer; display:inline-block; height: 29px; line-height:29px;  position:relative; text-decoration: none; margin-top:20px; margin-left:0px; font-size:14px; font-family:'ThysenRegular'; font-weight: 400; color:#e6c18f; white-space:nowrap; letter-spacing:0px; background:url(../images/button1.jpg) left top repeat-x; padding:0 10px 0 12px; text-transform: uppercase;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#ajax-contact-form .submit em{display: inline-block; width: 7px; height: 29px; background: url(../images/button1_st.png) 0 center no-repeat; margin-left: 10px;}
#ajax-contact-form .submit:hover{ color:#fff; background-position: bottom;}




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

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

}