/* 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 */
a{outline:none;}
.relative{ position:relative;}

/* Global properties ======================================================== */
.map{background:url(../images/map.jpg) top center no-repeat; height:206px;}
.map a{position:absolute; left:325px; top:150px;}
#dialog-modal{height:auto !important;}
.ui-dialog{z-index:999999999999;}
body{ background:#000; border:0; font-family:verdana; font-size:12px; color:#000;  min-width:1002px;padding:0; margin:0}
body, html {height:100%;}
body{ background:#222/*url(../images/bg.jpg) top center no-repeat*/;}
h3{margin:0; padding:0;}
.accomodation{width:340px; float:left;}
.accomodation-right{width:583px; float:right;}
table td.first{border-left:1px solid #222; border-right:0px solid #222; border-top:1px solid #222; padding:5px;}
table td.second{border-bottom:0px solid #222; border-right:1px solid #222; border-top:1px solid #222;border-left:1px solid #222; padding:5px;}
table td.last{border:1px solid #222; border-right:0; padding:5px;}
table td.last1{border:1px solid #222; padding:5px;}
table td.last2{border:1px solid #222; border-bottom:0; padding:5px;}
table h3{padding:0; margin:0;}
.list-item {padding:0; margin:20px 0 0 0;}
.list-item li{padding:2px 0px; margin:0 0 0 15px}
.list-item-wrap{width:475px; float:left;}
.contact-left{width:400px; float:left; margin:20px 0 0 0;}
.contact-right{width:400px; float:left; margin:20px 0 0 0;}
label {
    float: left;
    margin: 0;
    text-align: left;
    width: 75px;
}
input {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #A0A1A0;
    color: #000000;
    float: left;
    font: 12px Arial,Helvetica,Arial,sans-serif;
    height: 20px;
    margin: 0 0 3px;
    padding: 0;
    width: 300px;
}
textarea {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #A0A1A0;
    color: #000000;
    float: left;
    font: 12px Arial,Helvetica,Arial,sans-serif;
    height: 68px;
    margin: 0 0 3px;
    padding: 0;
    width: 300px;
}
.submit-btn {
    background: none repeat scroll 0 0 #333333;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    margin: 15px 30px 0 0;
    padding: 3px;
}
/* ============================= main layout ====================== */
.clear{clear:both;}
.main-wrap{ position:relative; z-index:9999; display:block;}
.logo{position:absolute; left:0; top:0;}
.logo a{ background: url(../images/logo.png) left top no-repeat; width:216px; height:150px; float:left;}
.header-wrap{ width:1002px; margin:0 auto; height:60px}
.nav{ width:780px; float:right; margin:6px 0 0 0;}
.nav li{float:left; list-style-type:none; margin:0 2px;}
.nav li a{ background:#fff; padding:15px 10px; font-size:14px; line-height:28px; color:#000; text-decoration:none; border-radius:0 0 5px 5px; text-transform:uppercase;}
.nav li a:hover{background:#1e2528; color:#fff}
.nav li a.active{background:#1e2528; color:#fff}
.center-wrap{ width:952px; font-size:13px; line-height:18px; margin:0 auto 20px; background:#fff;padding:10px;}
.list-item-wrap, .contact-left, .contact-right{background:#fff;}
.gallery {list-style-type:none; padding:0; margin:0;}
.gallery li{list-style-type:none; padding:0; margin:0;}
.center-wrap h1{padding:0; margin:0;}
.gallery-wrap{margin:15px 0 0 0;}
.gallery-wrap a img{ border-radius:5px;}
.gallery-wrap a{ border:1px solid #f6a910; background:#facc70; height:140px; padding:3px; width:220px; float:left; border-radius:5px; margin:3px 3px;}
.gallery-wrap a:hover{border:1px solid #04457c; background:#48a3f0;}
.footer-wrap{ width:100%; height:50px; background:#1e2528;display:block; position:fixed; bottom:0;}
.foot-width{width:1002px; margin:0 auto; color:#B3B3B3; line-height:45px;}
.socialarea{float:left; width:300px;}
.socialarea ul{display:block; float:left; margin:10px 0 0 0; padding:0;}
.socialarea li{float:left; list-style-type:none; margin:0 10px 0 0;}
.copyright{float:right;}

.white_content {display: none;width:952px; height: 510px;border:0px solid orange;background-color: white; z-index:1002; overflow: auto;
 padding:15px; font-size:13px; line-height:18px; margin:0 auto 20px;background:#fff; border-radius:15px; position:relative;}
.close-btn a{color:#E26703; text-decoration:none; background:url(../images/x.png) right top no-repeat; height:31px; width:31px; float:right; margin:-10px;}
#gallery{ height:1650px; background:#fff;}
 .black_overlay{display: none; position: absolute;top: 0%;left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
  .white_content1 { display: none;position: absolute;top: 25%; left: 32%; width: 450px;height: 360px;border:0px solid orange; background-color: #000; z-index:99999999; overflow: auto;
  }
