/*---- Layout ----*/

div { padding: 0; margin: 0; }
/*body { margin:15px 0 15px 0; padding:0; background:#40b300; font-family: Trebuchet MS, Arial, Verdana, Sans-serif; font-size: 80%; color:#5f5f5f; }*/
body { margin:15px 0 15px 0; padding:0; background:#276d00 url(/images/bg.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; font-size: 80%; color:#5f5f5f; }
form, fieldset { border:0; margin:0; padding:0; }

/* General layout */
#main, #intro  { margin:0 0 15px 0; }
#top, #container, #footer { width: 770px; position: relative; margin:0 auto 0 auto; padding:0; background-color:#FFF; }
#topInner, #containerInner { padding: 0 10px 0 10px; }
#leftColumn { float: left; width: 255px; position:relative; }
#innerLeftColumn { padding: 0 10px 10px 10px; }
#contentColumn { width: auto; margin-left: 255px; margin-right:0px; margin-top:0px; }
#innerContentColumn { margin: 0px; min-height:22em; }
* html body div#innerContentColumn { height:20em; }
#innerContentColumn { overflow: visible; height: 100%;/* fix the Win32 IE float bug */ } 
#contentColumn>#innerContentColumn { height: auto;/* fix Opera 5 which breaks with the above IE fix */ } 
#innercontentcolumn { height: 100%;/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */ }
/* // general layout */

a { color:#ff008e; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:underline; }
H1 { position:relative; color : #b37600; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 20px; letter-spacing:0em; text-decoration : none; font-weight:bold; }
H2 { color : #5f5f5f; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 18px; letter-spacing:-1px; font-weight:bold; text-decoration : none; line-height:100%; padding-bottom:5px; margin-top:1.5em;}
H3 { color : #b37600; font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 120%; line-height:100%; margin-bottom:10px; font-weight:bold; text-decoration : none; }
hr {display:none;}
input, select { font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 12px; }
.clearer {clear:left;}

#top { padding:0; margin-top:0px; background: #FFF url(../images/bg_top.gif) top center no-repeat;}
#top h1 { padding:0; margin:0; }
#intro #top #logo { position:absolute; left:-36px; top:-15px;} 
#intro #top #logo a { display:block; height:178px; width:359px; background: transparent url(../images/logo_b.gif) no-repeat; z-index:1000;}
#main #top #logo { position:absolute; left:10px; top:-15px;} 
#main #top #logo a { display:block; height:77px; width:235px; background: transparent url(../images/logo2_b.gif) no-repeat; z-index:1000;}
#top #logo a span { display:none; }
#top #introduction {margin-left: 330px; padding: 30px 0 10px 0; min-height:120px; margin-right: 15px; font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; }
* html #top #introduction { height:130px; padding-top:45px; padding-bottom:5px;} 
*:first-child+html #introduction { height:130px; }
*:first-child+html #introduction p {padding-top:10px;}

#top #lang { position:absolute; left:338px; top:15px; text-align:left; width:400px; }
#top #lang a { line-height:18px; font-weight:bold; font-size:13px; margin-right:10px; padding-right:10px; border-right:1px solid #ff008e; }
#top #lang a.rus { border-right:0;}

/* intro */
.box { float:left; width:33%; padding:0; margin-top:15px; font-size:12px; }
.boxInner { padding:0 14px 15px 15px;}
.box h2 { margin:0 0 10px 0; padding:0; font-size:20px;}
.box h3 { margin:10px 0 5px 0; font-size:13px; }

.box#contacts { color:#c62f83; border-right:1px solid #d3d3d3;}
.box#contacts h2, .box#contacts h3{ color:#c62f83;}

.box#offers { color:#FF0000; font-size:12px;}
.box#offers h2, .box#offers h3{ color:#ff1f9c;}
.box#offers ul {  list-style: none; margin: 0; padding: 0; }
.box#offers ul li {  }
.box#offers ul li a { display: block; padding: 0px 14px 5px 25px; background:url(../images/bullet_offer.gif) no-repeat 5px 3px; height:30px; }

.box#bookNow { color:#FF0000; border-left:1px solid #d3d3d3; font-size:12px;}
.box#bookNow h2, .box#bookNow h3{ color:#FF0000;}
.box#bookNow p { margin:0 0 10px 0; line-height:15px;}
.box#bookNow select, .box#bookNow input {margin: 0 2px 5px 0;}
.box#bookNow .boxInner {padding-bottom:5px;}

/* // intro */

#content {display:none;}

/* nav */
#top #menuLvl1{ margin:0 0 0 0; padding:0; background: #ffa800 url(../images/c_tm_l.gif) top left no-repeat; }
#top #menuLvl1 ul{ list-style: none; margin: 0 0 0 5px; padding: 0; height:35px; background: transparent url(../images/c_tm_r.gif) top right no-repeat; }
#top #menuLvl1 li { display: inline; margin: 0; padding: 0; }
#top #menuLvl1 li a { display: block; float:left; padding: 0px 14px 0px 14px; margin:0px; font-family : 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:35px; font-weight:bold; text-decoration: none; color:#FFFFFF; border-left:1px solid #FFF;}
#top #menuLvl1 li.first a { border-left:0;}
#top #menuLvl1 li a:hover { color: #FFFFFF; background-color:#ffca00;}
#top #menuLvl1 A.active, #menuLvl1 A.active:hover{ color: #FFFFFF; background-color:#ffd800;}
#main #top #menuLvl1{ margin:0px 0 0 0; clear:both;}
#main div#topInner { padding:70px 10px 0 10px; }
/*#main div#topInner { padding:70px 10px 0 10px; background:url(../images/c_tl.gif) no-repeat top left}*/

#menuLvl2 { margin: 1px 0 0 0; padding: 0 0 7px 0; background:#ffd800 url(../images/bg_lm_btm.gif) no-repeat bottom left; float:left; width:100%;}
#menuLvl2inner { background:url(../images/bg_lm.gif) no-repeat top right; padding: 30px 0 10px 0;}
#menuLvl2 ul { list-style: none; margin: 0 10px 0	5px; padding: 0; }
#menuLvl2 li { display: inline; margin: 0px; padding: 0px; } 
#menuLvl2 li a { display: block; margin: 0px;padding: 3px 8px 3px 20px; line-height:150%; font-weight:bold; color: #b37600; text-decoration: none; letter-spacing:0px; background:url('../images/bullet_mLvl2.gif') no-repeat 8px 9px; border-top:1px solid #ffe866; }
#menuLvl2 li a.first { border:0px; }
* html body div#leftColumn #menuLvl2 li a{ height:17px; /* borders dissapear without height :( */ }
#menuLvl2 li a:hover { text-decoration:none; color:#7d5200; background:url('../images/bullet_mLvl2.gif') no-repeat 8px 9px; }
#menuLvl2 A.active, #menuLvl2 A.active:hover{ background:url('../images/bullet_mLvl2.gif') no-repeat 8px 9px #7d5200; text-decoration:none; }

ul#menuLvl3 { padding: 5px 0 5px 0; }
#menuLvl3 li a { font-size:85%; font-weight:normal; padding: 2px 8px 2px 25px; margin: 0 8px 0 8px; color:#b37600; background:url('../images/bullet_mLvl3.gif') no-repeat 15px 7px; border:0px; }
#menuLvl3 li A:hover{ background:url('../images/bullet_mLvl3.gif') no-repeat 15px 7px; text-decoration:underline; color:#b37600; }
#menuLvl3 A.active, #menuLvl3 A.active:hover{ color:#b37600; background:url('../images/bullet_mLvl3.gif') no-repeat 15px 7px; text-decoration:underline; }
/* // nav */

/* ------  CONTENT ---------- */
#container { background:#FFF url(../images/tm_btm.gif) no-repeat top center; }

#innerContentColumn { font-size:95%; padding: 30px 30px 0 5px; }
#innerContentColumn p { line-height:150%; margin:.5em 0 .5em 0em; }
#innerContentColumn img { border:1px solid #EEE; padding:5px;}
#innerContentColumn h1 { margin-top:0; margin-bottom:.6em;  padding-bottom:.3em;  border-bottom:1px solid #EEE; }
#innerContentColumn h1 span { }
#innerContentColumn  H2 { color : #b37600; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 18px; font-weight:normal; text-decoration : none; line-height:100%; padding-bottom:5px; margin-top:.7em; margin-bottom:.3em;border-left: 3px solid #ffd480; padding-left:10px; padding-top:5px}

/* tables */
#innerContentColumn table { border-bottom: 2px solid #EEE; border-collapse:collapse; border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; }
#innerContentColumn caption { padding: 0.2em; font: 1.1em Arial, serif; background: #EEE; border-bottom:1px solid #7396e5; border-right:1px solid #7396e5; } 
#innerContentColumn th, #innerContentColumn td { padding: 0.5em 0.7em; border-bottom: 1px solid #EEE; } 
#innerContentColumn thead th { text-align: left; }
/* // tables */

/* forms */
#innerContentColumn input{ font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:1.0em; }
#innerContentColumn textarea { font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:1.0em; width:20em;}
#innerContentColumn fieldset { border:0; }
#innerContentColumn fieldset legend { border:0; }
#innerContentColumn form div.row { clear:both; margin-top:3px; padding-top:2px; margin-bottom:3px; border-top:1px solid #EEE;}
#innerContentColumn form label { font-weight:bold; float:left; width:11em; text-align:right; padding:4px 3px 3px 3px; color:#b30063; }
#innerContentColumn .row .left { float:left; }
#innerContentColumn .row .right { display:block; margin: 0 0 0 12em; float:none; padding:3px; }
#innerContentColumn input.radio { padding:0px; }
/* // forms */

/* ------  // CONTENT ---------- */

/* ------  FOOTER ---------- */
#footer { background: #ffffff url(../images/bg_footer2.gif) no-repeat bottom center; clear:left; font-size:12px; z-index: 1;}
#footerInner { padding: 0px 10px 0px 10px; margin:0; height:10px; float:none; z-index: 2;}
#footer h3 { display:inline; font-size:12px; margin-right:5px; color:#717171;}

#main #footer { padding: 10px 0 0 0; }
#main #footerInner { padding: 10px 5px 10px 5px; margin:0px 15px 0 15px; border-top:1px solid #EEE; height:auto; z-index: 2;}

#footerGroupMessage {
  width: 760px;
  margin: 5px auto 0 auto;
  font-size: 80%;
  color: #FFFFFF;
  text-align: right;
}
#footerGroupMessage a:link {
  color: #FFFFFF;
  text-decoration: none;
}
#footerGroupMessage a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
#footerGroupMessage a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
/* ------  // FOOTER ---------- */

/* ------ IMAGES ----------- */
#menuImagesContainer {
  text-align: center;
}
#menuImagesContainer img {
  border: 1px solid #EEEEEE;
  margin-top: 1em;
}
/* ------ //IMAGES --------- */

#reservationHint {
  padding-left: 1em;
  padding-top: 5em;
}

#introFlash {
  position: relative;
}

#adContainer {
  position: absolute;
  width: 200px;
  height: 90px;
  top: 2em;
  right: 2em;
  border: 2px dotted #ff1f9c;
  background-color: #ffffff;
  cursor: pointer;
  padding: 0.5em;
}

/* ----- map ----- */
#mapContainer {
  background-color: #ffffff;
  border: 1px solid #000000;
  position: absolute;
  bottom: -2em;
  left: 10em;
  z-index: 20;
}
#mapContainer img {
  border: 0;
}
#mapContainer a {
  display: block;
  text-align: right;
  padding-right: 1em;
}
/* ----- //map --- */

.separator {
  border: none 0;
  border-top: 1px dashed #ffd800;
  margin: 2em 0 2em 0;
  height: 1px;
  padding: 0;
  clear: both;
}

#citybreakReservationButton {
  width: 100%;
  height: 3em;
  color: #ffffff;
  font-size: 150%;
  background-color: #ffa304;
  border: 0 solid #ffa304;
  cursor: pointer;
}

/* messages */
p.error { padding:6px 10px 6px 30px; border:1px solid #ff2c00; background: #FFF url('../images/icon_error.gif') no-repeat 7px 6px; line-height:14px; color:#ff2c00; font-weight:bold; margin: 0 auto 10px auto; clear:left;}
p.success { padding:6px 10px 6px 30px; border:1px solid #00ba44; background: #FFF url('../images/icon_success.gif') no-repeat 7px 6px; line-height:14px; color:#00ba44; font-weight:bold; margin: 0 auto 10px auto; clear:left;}
p.info{ padding:6px 10px 6px 30px; border:1px solid #e5f3f6; background: #FFF url('../images/icon_info.gif') no-repeat 7px 6px; line-height:14px; color:#0088a5; font-weight:bold; margin: 0 auto 10px auto; clear:left;}
/* // messages */

#contentDescription {
  display: none;
}