@import "reset.css";
@import "prettyPhoto.css";
@import "supersized.css";
@import "supersized.shutter.css";
@import "jplayer.css";

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:400);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:900);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400italic);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:700italic);



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

body, html {height:100%;}

body{ background:#000; border:0; font: 14px 'Droid Serif', Arial, Helvetica, sans-serif; color:#fff ; line-height:20px; min-width:960px; min-height: 500px;}

#spinner { position:fixed; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0;}
#pageLoader { position: fixed; width: 72px; height: 72px; top: 50%; left: 50%; margin: -36px 0 0 -36px; background:#000; z-index: 1000; padding: 0px; display: none; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#pageLoader > div { background: url(../images/page_loader.gif) 0 0 no-repeat; width: 64px; height: 64px; margin: 4px;}

.main1{width: 100%; position: absolute;left: 0; top: 50%; margin-top: -215px; z-index: 20;}
.splash{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 430px;}
.slider{position: relative;}

.enter_wrapper{width: 158px; height: 158px; position: absolute; left: 50%; margin-left: -79px; top: 250px; z-index: 2;}

.enter{display: block; width: 158px; height: 158px; text-decoration: none; background: url(../images/enter.png) 0 0 no-repeat; position: absolute; left: 0; top: 0;}
.enter .over1{display: block;width: 158px; height: 158px;background: url(../images/enter_over.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; z-index: 1;}
.enter .txt1{display: block;width: 100%; font-family: 'Playfair Display SC'; font-size: 24px; line-height: 24px; color: #949494;  position: absolute; left: 0; top: 65px; z-index: 2; text-align: center;text-transform: uppercase;}
.enter .st1{display: block;width: 100%; height: 18px;background: url(../images/enter_st1.png) center top no-repeat; position: absolute; left: 0; top: 100px; z-index: 3; }


.top1_wrapper{width: 1600px; height: 71px; position: fixed; left: 50%; margin-left: -800px; top: -53px; z-index: 30;}
.top1{width: 1600px; height: 71px; background: url(../images/top1.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; z-index: 10;}
.top1_left{width: 1000px; height: 71px; background: url(../images/top1_px.png) 0 0 repeat-x; position: absolute; left: -1000px; top: 0; z-index: 10;}
.top1_right{width: 1000px; height: 71px; background: url(../images/top1_px.png) 0 0 repeat-x; position: absolute; left: 1600px; top: 0; z-index: 10;}

header{width: 342px; height: 137px; background: url(../images/header_bg.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -171px; top: 55px; z-index: 9; text-align: center;}

.logo { display:block;text-decoration:none; padding-top: 20px;}


footer{width: 1600px; height: 107px; position: fixed; left: 50%; margin-left: -800px; bottom: 0px; z-index: 30;}
.bot1{width: 1600px; height: 107px; background: url(../images/bot1.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; z-index: 10;}
.bot1_left{width: 1000px; height: 107px; background: url(../images/bot1_px.png) 0 0 repeat-x; position: absolute; left: -1000px; top: 0; z-index: 10;}
.bot1_right{width: 1000px; height: 107px; background: url(../images/bot1_px.png) 0 0 repeat-x; position: absolute; left: 1600px; top: 0; z-index: 10;}

.copyright{position: fixed; left: 0; bottom: 0; z-index: 31; font-family: 'Droid Serif'; font-weight: 400; font-size: 12px; line-height: 20px; padding:0px 0px 20px 25px; color: #373737;}
.copyright a{color: #949494;}

.bot2{position: fixed; right: 25px; bottom: 20px; z-index: 31;}

.tola{float: left; padding-left: 50px; margin-right: 20px; padding-top: 10px;}

.icons { float: left; padding-top: 10px;}
.icons > li { display:inline-block;position:relative; margin-left: 10px; float: left; padding: 0;}
.icons > li > a{display:block;}

.next_page_wrapper{text-align: center; padding-top: 30px;}

.next_page{display: inline-block; width: 158px; height: 158px; text-decoration: none; background: url(../images/enter.png) 0 0 no-repeat; position: relative;}
.next_page .over1{display: block;width: 158px; height: 158px;background: url(../images/enter_over.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; z-index: 1;}
.next_page .txt1{display: block;width: 100%; font-family: 'Playfair Display SC'; font-size: 24px; line-height: 24px; color: #949494;  position: absolute; left: 0; top: 65px; z-index: 2; text-align: center;text-transform: uppercase;}
.next_page .st1{display: block;width: 100%; height: 18px;background: url(../images/enter_st1.png) center top no-repeat; position: absolute; left: 0; top: 100px; z-index: 3; }

.close{width: 34px;height: 34px;position: fixed; right: 45px; top: -40px; z-index: 50;}
.close span{display: block;width: 100%; height: 100%; background: url(../images/close.png) left top no-repeat;}
.close:hover span{background-position: bottom;}

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

.menu { display:block; width: 100%; height:50px;  text-align:center; white-space:nowrap; }
#menu { display:inline-block;}
#menu > li { display: inline-block;height:50px; position:relative; float:left; white-space:nowrap; padding-left: 8px; background: url(../images/marker1.png) left center no-repeat;}
#menu > li:first-child{background: none;}
#menu > li > a{display: inline-block; height:100%; text-decoration:none; position:relative; padding:0 28px; overflow:hidden; }
#menu > li > a .over{display:none;}
#menu > li > a .txt1{ display:block; position: relative; width:100%; height:100%; left:0px; top:0; z-index:5;font-family:'Playfair Display SC';font-size:18px; line-height:50px; color:#838383; text-decoration:none; text-transform:uppercase;  }


.submenu{ position:absolute; z-index:1; top:59px; left:50%; margin-left: 4px;}
.submenu > ul{ padding:10px 0px; margin-left: -50%; width: 100%; background: url(../images/submenu_bg.jpg) 0 0 repeat-x #1d1d1d; }
.submenu ul > li{ display:block; height:30px; border-top:1px solid #2b2a28; position:relative; text-align:left;}
.submenu ul > li:first-child{border-top: none;}
.submenu ul > li > a{ display:block;height:30px;line-height:30px; text-decoration:none; position: relative; font-family:'Playfair Display SC';font-size:15px; color:#838383; text-transform: uppercase; padding:0 25px; text-align: center;
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;
}
.submenu ul > li > a:hover { text-decoration:none;color: #fff;}











/* ============================= main layout ====================== */
#wrapper > section { position: relative; top: 220px;  z-index: 10; /*height: 100%;*/ width: 960px;margin: 0 auto;}
#wrapper > section > div { position: relative; /*height: 100%;*/ overflow: visible;  }

.box{width: 960px; position: relative; padding: 0px 0px 0px 0px;}


.dynamicContent { position: absolute; width: 100%; z-index: 2; }
.dynamicContent .content{padding-bottom: 0px;}





.divider{padding-right: 20px; border-right:1px solid #2b2a28; margin-right: 19px;}

.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:610px;}
.col2{ width:210px;}








.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:#c3c3c3; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'Playfair Display SC';font-weight: normal; font-size:60px; color:#fff; line-height:50px; padding:20px 0 20px 0; text-transform: uppercase; text-align: center; letter-spacing: 20px;  }
h3{ font-family:'Playfair Display SC';font-weight: normal; font-size:26px; color:#fff; line-height:30px; padding:0px 0 20px 0; text-transform: uppercase; text-align: center;  }
h3 span{font-weight: 900;}
h4{ font-family:'Playfair Display SC';font-weight: normal; font-size:40px; color:#fff; line-height:40px; padding:20px 0 20px 0; text-transform: uppercase; letter-spacing: 10px; text-align: center;  }



.text-center{text-align: center;}
.text-left{text-align: left;}

.upper { text-transform:uppercase;}

.color1{ color:#fff;}
.color2{ color:#ff0000;}

.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:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.border1 { border:1px solid #6c6c6c;}



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

.home1{float: left; margin-bottom: 20px; margin-right: 19px;}
.home1.last{margin-right: 0;}

.home2{float: left; margin-bottom: 20px; margin-right: 30px; width: 465px;}
.home2.last{margin-right: 0;}



.button1{ display:inline-block; line-height:20px;  position:relative; text-decoration: underline; margin-top:10px; margin-bottom:10px; font-size:14px; font-family:'Droid Serif'; font-weight: 700; font-style: italic; color:#c3c3c3; white-space:nowrap; letter-spacing:0px;}
.button1:hover { color:#fff;}

.about1{float: left; margin-bottom: 20px; margin-right: 30px; width: 197px; text-align: center;}
.about1.last{margin-right: 0;}
.about1 .img{padding-bottom: 15px;}
.about1 .txt1{font-family: 'Playfair Display SC'; font-size: 20px;line-height: 20px; color: #fff; padding-bottom: 10px;}
.about1 .txt2{font-family: 'Droid Serif'; font-size: 14px;line-height: 20px; color: #939393; padding-bottom: 0px;}

.ul1{ margin-bottom:0px;}
.ul1 > li {font-family: 'Droid Serif'; font-size: 14px; line-height:20px; padding: 0; margin-bottom: 4px; color:#fff; padding-left:20px; background: url(../images/li_st1.png) 0 center no-repeat;}

.services1{float: left; margin-bottom: 20px; margin-right: 30px; width: 300px;}
.services1.last{margin-right: 0;}

.services2{float: left; margin-bottom: 20px; margin-right: 30px; width: 465px;}
.services2.last{margin-right: 0;}
.services2 .img{float: left; padding-right: 20px; padding-bottom: 0px;}
.services2 .caption{}

.events1{float: left; margin-bottom: 20px; margin-right: 21px; width: 224px;}
.events1.last{margin-right: 0;}
.events1 .img{float: none; padding-right: 0px; padding-bottom: 15px;}
.events1 .caption{}

.events2{float: left; margin-bottom: 20px; margin-right: 30px; width: 465px;}
.events2.last{margin-right: 0;}

.gal1 { width:224px; padding-bottom:40px; float:left; margin-right:21px; }
.gal1.last { margin-right:0px; }
.gal1 .caption{text-align: center;}

.photo1 {width:224px; height:173px; margin-bottom:15px; background: #000; position: relative;}
.photo1 a {display: block;text-decoration: none;}
.photo1 a img{}
.photo1 a em{width: 100%; height: 100%; background: url(../images/photo1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 2;}

.vid1 { width:293px; padding-bottom:40px; float:left; margin-right:40px; }
.vid1.last { margin-right:0px; }
.vid1 .caption{text-align: left;}

.video1 {width:293px; height:190px; margin-bottom:15px; background: #000; position: relative;}
.video1 a {display: block;text-decoration: none;}
.video1 a img{}
.video1 a em{width: 100%; height: 100%; background: url(../images/photo1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 2;}

.contacts1{float: left; margin-bottom: 20px; margin-right: 30px; width: 465px;}
.contacts1.last{margin-right: 0;}

.google_map{

    width: 465px; float: left;
    height: 320px;
    border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
    background: #fff;
    position:relative;
    overflow:hidden; margin-bottom:30px;
}

.google_map iframe { background:#fff url(../images/googleMapLoader.gif) no-repeat center center; border: medium none; display: inline-block; height: 100%; outline: medium none; position: relative; width: 100%; }





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

#note{ width:470px; padding-top: 20px; font-family: 'Droid Serif'; font-weight: 300; font-size: 18px; line-height: 26px;}
.notification_error{ color:#f00; margin-bottom:5px; text-align: center; }
.notification_ok{ text-align: center;} 

#ajax-contact-form label{float:left; width: 100px; line-height:31px; color:#fff;}
#ajax-contact-form label.c{ margin-top:5px;}

#ajax-contact-form input{ float:left; width:440px; height:29px; font-family:'Droid Serif', Arial, Helvetica, sans-serif; font-size:14px; color: #fff; background: url(../images/form_px.png); border: 1px solid #1d1d1d; margin-bottom:5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  padding: 5px; -moz-box-shadow: inset 2px 2px 5px #1d1d1d; -webkit-box-shadow: inset 2px 2px  5px #1d1d1d; box-shadow: inset 2px 2px 5px #1d1d1d; padding-left: 10px;}
#ajax-contact-form input:focus{border-color:#fff; }

#ajax-contact-form textarea{ float:left; width:440px; height:140px; font-family:'Droid Serif', Arial, Helvetica, sans-serif; font-size:14px; color: #fff; background: url(../images/form_px.png); border: 1px solid #1d1d1d; margin-bottom:5px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  padding: 5px;-moz-box-shadow: inset 2px 2px 5px #1d1d1d; -webkit-box-shadow: inset 2px 2px  5px #1d1d1d; box-shadow: inset 2px 2px 5px #1d1d1d; padding-left: 10px;}
#ajax-contact-form textarea:focus{border-color:#fff; }

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

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

#ajax-contact-form .submit{cursor: pointer; display:inline-block; line-height:20px;  position:relative; text-decoration: none; margin-top:20px; margin-left:160px; font-size:20px; font-family:'Playfair Display SC'; font-weight: 300; color:#fff; white-space:nowrap; letter-spacing:0px; background:#686868; padding: 14px 30px; border: 1px solid #3e3d3d;}
#ajax-contact-form .submit:hover{ color:#fff; background-color: #000;}