body { color: #898989; background-color: #020304; font: 13px /1.6 Arial, Verdana, Geneva, Helvetica, sans-serif; text-align: center; }
/* ---- Typography ---- */
ul, ol { list-style-type: none; margin: 0 0 15px 0; }
h2, h3, h4, h5, h6 { font-weight: bold; color: #ac2d02; }
p { margin: 0 0 5px 0; }
a { color: #898989; text-decoration: none; }
a:hover { color: #a5a4a4; }
a:active { color:#898989; }
strong { font-weight: bold; }
em     { font-style: italic; }
/* ---- Layout ---- */
/* Containers */
#pageBg { width: 100%; background: url(../images/top_bg.gif) repeat-x left top; }
#footBg { width: 100%; background: url(../images/foot_bg.gif) repeat-x left bottom; }
#wrapper { margin: 0 auto; text-align: left; width: 1080px; }

/* Page Header */
#header { width: 100%; height: 243px; background: url(../images/top.jpg) no-repeat left top; position: relative; }
h1#logo a { display: block; width: 250px; height: 142px; text-indent: -20000px; position: absolute; top: 80px; left: 122px; cursor: pointer; line-height: 0; }
h2#head_value { color: #fffeff; width: 225px; position: absolute; top: 65px; left: 420px; font-size: 16px; }
ul#mainNav { position: absolute; top: 190px; }
ul#mainNav li { float: left; }
ul#mainNav li a { display: block; height: 30px; position: absolute; text-indent: -20000px; }
ul#mainNav li a#home { width: 65px; left: 390px;}
ul#mainNav li a#events { width: 60px; left: 470px;}
ul#mainNav li a#menu { width: 55px; left: 550px;}
ul#mainNav li a#galerry { width: 63px; left: 624px;}
ul#mainNav li a#crew { width: 50px; left: 708px;}
ul#mainNav li a#forum { width: 60px; left: 778px;}
ul#mainNav li a#contact { width: 70px; left: 860px;}
p#cam a { display: block; width: 249px; height: 95px; text-indent: -20000px; background: url(../images/cam.png) no-repeat left top; position: absolute; top: 230px; right: 95px; cursor: pointer; z-index: 6; margin: 0; }
#calendar a { display: block; width: 166px; height: 158px; background: url(../images/calendar.png) no-repeat left top; position: absolute; bottom: -35px; right: -20px; cursor: pointer; }

/* Content */
#content { width: 100%; background: url(../images/content.jpg) no-repeat left top; }
#content h2 { font-family: "Times New Roman"; font-size: 20px; font-weight: normal; text-indent: 65px;  width: 100%; height: 28px; line-height: 28px; }
#content_bac { width: 100%; background: url(../images/content_down.gif) no-repeat left bottom; height: 100%; overflow: hidden; }

/* Left Column*/
#leftSide { width: 238px; float: left; position: relative; padding: 77px 0 0 152px; }
h2#reservation { width: 218px; height: 123px; line-height: 13px; color: #ffffff; position: absolute; top: 22px; left: 152px; text-align: center; font-family: "Times New Roman"; font-size: 14px; font-weight: bold; background: none; padding: 0; text-indent: 0; margin: 0; }
#news { clear: both; padding: 20px 0 0 14px; margin-bottom: 15px; background: url(../images/news.gif) no-repeat left bottom; }
#news input.txt { width: 185px; background-color: #545454; border: 1px solid #aeaeae; }
#news input.txt:focus { background-color: #000000; color: #ffffff;  }
#news li.sub { text-align: right; }
#news li.if { margin-right: 33px; line-height: 10px; font-size: 9px; text-align: justify; color: #6f6f6f; }
#news li.uns { text-align: right; margin: 0 33px 0 0; }
#news input.submit { border: none; width: 92px; height: 26px; background: url(../images/join.png) no-repeat left top; cursor: pointer; margin-right: 33px; }
#news input.check {   }
#news label { color: #ffffff; font-size: 10px; }
#news ol { padding-bottom: 7px;}
#news ol li { margin-top: 4px; margin-bottom: 0; }
p.sp { text-align: center; margin: 15px 0 15px 0; }

/* Right Column */
#rightSide { width: 590px; float: left; margin-top: 16px; padding-left: 25px; padding-top: 10px; }
.contentBox { margin: 25px 0; position: relative; height: 100%; overflow: hidden; }
.contentBox h3 { margin-bottom: 12px; width: 100%; text-indent: 45px; background: url(../images/topic.png) no-repeat left center; height: 31px; line-height: 31px; font-size: 15px; }
.contentBox h3 a { color: #b02d01; text-decoration: none; }
.contentBox h3 a:hover { color: #b02d01; }
.contentBox img { display: block; float: left; margin: 5px 20px 0 0; }
span.line { display: block; height: 2px; width: 630px; background: url(../images/dot_hor.png) repeat-x left top; margin: 0 0 15px -10px; }
p.more { text-align: right; margin: -30px 0 25px 0; clear: both; }
p.more a { text-decoration: none; }
p.more a:hover { text-decoration: underline; }
ul.galerry { margin-top: 15px; }
ul.galerry li { float: left; margin: 0 15px 15px 0; }
ul.galerry li img { width: 60px; height: 60px;  }

/* Page Foote */
#footer { width: 100%; height: 321px; background: url(../images/foot.gif) no-repeat left top; clear: both; position: relative; overflow: hidden; }
h3#small_logo a { display: block; text-indent: -20000px; width: 162px; height: 120px; background: url(../images/small_logo.png) no-repeat left top; position: absolute; top: 10px; right: 50px; cursor: pointer; } 
h3#small_cam a { display: block; width: 173px; height: 66px; text-indent: -20000px; background: url(../images/small_cam.png) no-repeat left top; position: absolute; top: 140px; right: 30px; cursor: pointer; }
div.footBox.first { margin-left: 152px; width: 330px; }
.footBox { width: 190px; float: left;  padding-top: 125px; display: inline; }
ul.spon li { float: left; margin-right: 2px;}
ul.links li a { color: #9d9c9a; text-decoration: none; font-size: 15px; font-weight: bold; }
ul.links li a:hover { text-decoration: underline; }


#rightSide #onlineReservation input.txt { width: 185px; background-color: #545454; border: 1px solid #aeaeae; }
#rightSide #onlineReservation input.txt:focus { background-color: #000000; color: #ffffff;  }
#rightSide #onlineReservation textarea.txt { width: 185px; background-color: #545454; border: 1px solid #aeaeae; overflow:auto;  }
#rightSide #onlineReservation textarea.txt:focus { background-color: #000000; color: #ffffff;  }

#blanket {
    background-color:#111;
    opacity: 0.65;
    filter:alpha(opacity=65);
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
    width:100%;
}

#popUpDiv {
    position:absolute;
    background-color:#eeeeee;
    width:300px;
    height:300px;
    z-index: 9002;
}