h1{ font:bold 1.8em Arial, Helvetica, sans-serif; color:#fff; padding:6px 0 .8em 0; text-transform:uppercase; margin-left:-1px; clear:both;}
h2{ font: bold 1.6em Arial, Helvetica, sans-serif; color:#F0EBDC; padding:.6em 0 .5em 0; clear:both; }
h3,h4,h5{ font:bold 1.3em Tahoma, Arial, Helvetica, sans-serif ; color:#66CCE2; padding:1em 0 .5em 0;clear:both; }
h6{ font: Tahoma, Arial, Helvetica, sans-serif ; color:#66CCE2; padding:1em 0 .5em 0;clear:both; }
#content strong,#content b{ color:#E6FBFF;}
#content a{ color:#4EC7FF;}
#content a:hover{ text-decoration:none;}
a img{ border:none;}
form fieldset{ border:none;}
#content ul{ list-style:none; }
#content ul li{ padding:4px 6px 0 17px; background:url(i/li.gif) no-repeat 0 7px;}
#content ol{ margin-left:18px;}

hr {height:1px;border: 0 none;color:#5E94A6; display:block;background-color:#5E94A6; margin:23px 0;}
  



/*_______________Global_____________*/
*{ margin:0; padding:0;}
html,body{margin:0;padding:0; text-align:center;}
body{text-align:center;background:#1D7782 url(i/cont0.gif);font:62.5%/1.5 Tahoma, Arial, Helvetica, sans-serif; color:#C8F7FF;}
#all{ width:1002px!important;margin:0 auto;background:url(i/r-col.gif) repeat-y 761px 0;}
#container{width:1002px; padding-top:242px; position:relative; text-align: left;
font-size:1.1em;background:url(i/l-col.gif) repeat-y 12px 0; }

#wrapper{float:left;width:100%;  }
#content{margin: 0 220px 0 264px; padding:108px 20px 0 0 ; }
#navigation{float:left;width:234px;margin-left:-1002px; position:relative; z-index:10000; padding-bottom:20px;
background: url(i/l-col-gr.jpg) no-repeat 0 0; }
#extra{ float:left;width:239px;margin-left:-240px; padding:108px 0 20px 0;}
#footer{clear:left;width:100%;background:#1D7782 url(i/cont0.gif);}

.cleaner{ height:1px; line-height:0; clear:both;}
/*_______________Header_____________*/
#header{ height:242px; width:1002px; position:absolute; top:0; left:0; background:#82C6FF url(i/header.jpg) no-repeat 0 0;}
 #header strong{ display:block; position:relative; left:263px; top:66px; width:263px; height:78px; overflow:hidden;
 color:#068797; font:18px Tahoma, Arial, Helvetica, sans-serif; }
 #header strong span{display:block; position: absolute; left:0; top:0; width:263px; height:78px;
 background:url(i/logo.jpg) no-repeat 0 0;  }
   
/*______________Left_Column__________*/
#top-navi{ height:19px; width:218px; position:relative; z-index:100000; margin:-19px 0 0 12px; background:url(i/top-nav.gif) no-repeat 0 0;}

#navi{width:218px; padding:6px 0 10px 0; margin:0 0 0 12px; background:#E7DFC6 url(i/nav.gif) repeat-y 0 0;
font: lighter italic 12px/1 Arial, Helvetica, sans-serif;}
#navi .about{ margin:4px 14px; background:#fff url(i/about.gif) repeat-x 0 100%; overflow:hidden;}
#navi .about strong{ padding:4px 10px; display:none; color:#207985; display:block; font-weight:lighter;}
#navi .about span.tl{display:block; width:5px; height:4px; float:left; background:url(i/ab-l-t.gif) no-repeat 0 0;  }
#navi .about span.tr{display:block; width:5px; height:4px; float:right;  background:url(i/ab-r-t.gif) no-repeat 0 0;  }
#navi .about span.bl{display:block; font-size:1px; width:5px; height:6px; float:left; background:url(i/ab-l-b.gif) no-repeat 0 0;}
#navi .about span.br{display:block; font-size:1px; width:5px; height:6px; float:right; background:url(i/ab-r-b.gif) no-repeat 0 0;}

#navi .hr {height:2px; background:#F9F0D1 url(i/hr.gif) repeat-x 0 0; font-size:1px;}

#navi ul{ padding:10px; color:#18484F; list-style:none;}
#navi ul li{ padding:2px 10px 1px 12px;}
#navi ul a{ color:#18484F; text-decoration:none;}
#navi ul a:hover{ color:#2394a3}
.navi-b{ font-size:1px; height:11px; width:218px; margin-left:12px; background:url(i/navi-b.gif) no-repeat 0 100%;;}

/*currency and weather*/
#curr-out{  width:218px; margin-left:12px;background:#E7DFC6 url(i/cur.gif) repeat-y 0 0; }
#currency{ background:url(i/cur-top.gif) no-repeat 0 0; overflow:hidden; }

.cur-b{ width:218px; height:4px; margin-left:12px; background:url(i/cur-bot.gif) no-repeat 0 0; font-size:1px;}

#currency p{ float:left;  padding:14px 0 0 6px; font:11px/2.3 Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#000; }
#currency p.weather{padding:14px 0 0 22px; font:11px/2.3 Tahoma, Arial, Helvetica, sans-serif;font-size:10px;}
  #currency p b{ color:#136C78;}
  #currency p span{ color:#3D5E62; font-weight:bold; }
  #currency img{ vertical-align:middle;}

/*credit cards*/
#cards{ width:218px; margin-left:12px; background:url(i/cred.gif) repeat -2px 0; text-align:center;font:10px Tahoma, Arial, Helvetica, sans-serif;}
#cards p{ padding:0 40px;}
#cards img{ margin:10px 0 5px 0;}
.top-c{ height:12px; background:url(i/top-c.gif) no-repeat 0 0; }
.bot-c{ height:5px; background:url(i/bot-c.gif) no-repeat 0 0; font-size:1px;}

/*info*/
#info{ width:218px; margin-left:12px; padding:16px 0; background:url(i/info-top.gif) no-repeat 0 0; text-align:center;
}
.news-top{ width:204px; margin:0 auto; background:#136B77 url(i/news-top.gif) no-repeat 0 0;
border-bottom:2px solid #FF9E3F; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#E6FBFF; text-align:left; }
.news-top p{ padding:15px 12px;}
.news{ width:204px; margin:0 auto 10px auto; padding:10px 0 10px 0; background:#1E7C90 url(i/news-bot.gif) no-repeat 0 100%;text-align:left;}
.news p{ padding:3px 12px;}

/*________________Booking form_________________*/

#top-booking{ height:108px; width:768px; position:absolute; top:242px; left:234px; background:url(i/boking.gif) repeat-x 0 0; font-size:10px;}
/*form*/
#booking{ height:108px; width:350px; overflow:hidden;float:left; background:url(i/book-left.gif) no-repeat 1px0 0; padding-left:30px; color:#fff;}
/*img-replacement*/
#booking p#b-head{ display:block; width:202px;height:24px;
 position:relative;  overflow:hidden; float:none;
 left:0;top:14px;
 background:#fff; text-align:center; font-weight:bold; color:#166E7C; line-height:2em;   }
#booking p#b-head span{ display:block; position:absolute; left:0; top:0; width:202px; height:24px; background:url(i/book-head.gif) no-repeat 0 0;}
 /**/

 #booking p select{ vertical-align:middle; height:18px; font-size:11px; color:#152B57;}
   select.date{ width:38px; }
   select.year{ width:52px;}
  select.month{ width:75px;}
 .select-group{ float:left; padding:14px 10px 0 0;}
 .select-group p{ padding:6px 0; }
 .select-group p.date{ padding:6px 0 9px 0;}
 
 .select-group input{ font-size:11px;color:#152B57; width:68px; height:20px; }
 .select-group input#clear{ margin-top:-2px;}
 
/*contacts*/
#contacts{ float:right;  width:276px; margin-left:1px; padding-top:30px; background:url(i/contacts.gif) no-repeat 180px 0;
font-size:10px; color:#fff; }
p.phones{ width: 254px; height:17px; position:relative; overflow:hidden; font-weight:bold; font-size:14px }
p.phones span{ display:block;  width: 254px; height:17px; position:absolute; left:0; top:0; background:url(i/phones.gif) no-repeat 0 0;}
#contacts p{ margin-bottom:4px;}
#contacts p img{ vertical-align:middle; margin-top:1px;}
#contacts p a{ color:#fff;}
#contacts p a:hover{ text-decoration:underline;}


/*_____________Bread Crums__________________*/
#crumbs{ position:absolute; left:234px;  top:350px; padding:22px 0 6px 30px; width:738px; background:#1D7782 url(i/bit00.gif) repeat-x 0 0;  }
#crumb1{ height:1px; padding-top:42px;position:relative;overflow:hidden; border-bottom:1px solid #5E94A6;}
#crumb2{ height:1px; padding-top:42px;overflow:hidden;}

#crumbs p{ padding:2px 0 4px 20px ; background:url(i/home.gif) no-repeat 0 0; font-size:10px; }
#crumbs a{ color:#FF9E3F; padding:0 10px 0 6px; background:url(i/bit.gif) no-repeat 100% 90% }
#crumbs a:hover{ text-decoration: none;}

/*_______________Right Column_______________*/

#rblock{ margin-right:22px; position:relative; z-index:10000; background:#0F5862 url(i/extra.gif); padding: 0 17px 20px 17px; font-size:.9em;}
.rblock-t{ width:218px; height:5px;  margin-right:22px;  background:#6DB1D2 url(i/r-top.gif) no-repeat 0 0; overflow:hidden;}

#rblock p{ margin:10px 0; font:1em/1.4 Tahoma, Arial, Helvetica, sans-serif; color:#A3BDC1;}
#rblock p strong,#rblock p b{ color:#A9DAE2;}

/*photo img-rep*/
.photo{ display:block; margin:0!important; overflow:hidden; position:relative; width:103px; height:12px; padding:16px 16px 10px 0;
 color:#79B6C7; text-transform:uppercase; font-weight:bold;  }
.photo span{display:block;  position:absolute; width:103px; height:12px; top:17px; left:0px;
background:url(i/foto.gif) no-repeat 0 0;}

#photo-wrap{ height:140px; width:195px; margin:0 -6px; z-index:100; position:relative; background:url(i/foto-w.gif) no-repeat 0 0; text-align:center; }
#photo-wrap img{ margin:5px 0 ; border:4px solid #5E94A6;}
#photo-wrap a img:hover {border:4px solid #6ab0d1;}
/*all news adn photos*/
.all{ padding:8px 6px 6px 26px; margin:8px 0;border-top:1px solid #5E94A6;  background:url(i/all.gif) no-repeat 0 8px; }
.all a{ color:#FF9E3F;}
.all a:hover{ text-decoration: none;}
/*img-rep news*/
.news-r{ width:67px; height:14px; margin:0 0 16px 3px; padding-top:10px; display:block; overflow:hidden; position:relative; color:#79B6C7; text-transform:uppercase; font-weight:bold;}
.news-r span{ display:block; position:absolute; left:0; top:10px;  width:67px; height:14px; background:url(i/news.gif) no-repeat 0 0;}
/*date*/
#rblock p{ clear:both;}
#rblock p.date{  height:19px;
margin:6px 0 10px -4px!important; padding-left:6px; overflow:hidden;
 background:#0D6774 url(i/d-l.gif) no-repeat 0 0;
 color:#fff; zwidth:100px; float:left; position:relative;
 font:bold 10px/1.8em Tahoma, Arial, Helvetica, sans-serif!important; text-align:center; }
.date span{display:block; float:left; height:19px; padding-right:6px;  background:url(i/d-r.gif) no-repeat 100% 0; }
/*read more*/
a.more{ color:#4EC7FF; padding-left:6px; background:url(i/more.gif) no-repeat 0 5px; white-space:nowrap;}
a.more:hover{ text-decoration:underline;}


/*___________________Footer_________________________*/
#footer{ width:967px; margin-left:12px;}
.l-bord,.r-bord{ width:218px; height:5px; overflow:hidden; margin-bottom:10px;   background:url(i/r-top.gif) no-repeat 0 0;  }
.l-bord { float:left; }
.r-bord{ float:right;}
#footer-inn{ clear:both; overflow:hidden;
padding:15px 12px 10px 12px;
 border-top:1px solid #5E94A6; color:#87B9C1;line-height:1.2em;}
#footer-inn b,#footer-inn strong{ color:#C8F7FF;}
#footer-inn span{color:#C8F7FF;}
.l-foo{ float:left;}
.l-foo img{ float:left; margin: 2px 10px 16px 0; }
.r-foo{ float:right; text-align:right; margin-left:50px;}

/*_________________Center Column_________________*/
#text{ padding:0 20px 20px 0; }


/*__________________Booking Page___________________*/

#main-booking{ font-size:11px;}

.b-warp{ width:407px; margin-bottom:17px;background:#3B8690 url(i/b-warp.gif);  }
.b-top,.b-bottom{ height:7px; width:407px; overflow:hidden;}
.b-top{ background:url(i/b-top.gif) no-repeat 0 0;}
.b-bottom{ background:url(i/b-bottom.gif) no-repeat 0 0;}

.b-warp .add input{margin-left:20px;}

p.binding{ font-weight:bold; padding:1.2em 0 1em 0;}
.red{ color:#FF9E3F;}
p.b-header{font: 1.6em Arial, Helvetica, sans-serif; color:#F0EBDC; padding:0 17px 10px 17px;}

#main-booking ul{ margin:0 17px;}
#main-booking ul li{ background:url(i/b-bukket.gif) no-repeat 0 9px; overflow:hidden; padding-bottom:10px;}
#main-booking ul li label{ float:left; margin-top:1px; width:135px;}

#main-booking select{ vertical-align:middle; margin-right:3px; height:18px; font-size:11px; color:#152B57;}
#main-booking textarea{ margin:0 17px 10px 17px; width:360px;  height:60px;border:1px solid #D0B8B8; font:1em Arial, Helvetica, sans-serif; }

#main-booking #contact-info label{ float:left; width:105px; margin:0 10px 10px 10px;}
#main-booking #contact-info  label.first{padding-left:10px;}
#main-booking #contact-info label input{ width:105px; height:14px; margin-top:3px;
 border:1px solid #D0B8B8; font:1em Arial, Helvetica, sans-serif;}
#main-booking #contact-info label.tel,#main-booking #contact-info label.tel input{ width:105px;}

p#buttons{ padding:10px 18px;}
p#buttons input{ color:#000;font:1em Arial, Helvetica, sans-serif; width:80px;  }
p#buttons input#send{ width:108px; margin-right:18px;}


/*_____________________Gallery Page_________________*/

table#bigpic{ margin:17px auto; }
table#bigpic td{ padding:0; margin:0; background:url(i/img.gif) repeat-x 0 0; border-collapse:collapse;}
table#bigpic img{ vertical-align:middle; border:4px solid #5E94A6; margin:5px;  }

.i-l{  background:url(i/img.gif) repeat-y 0 0;}
.i-r{ background:url(i/img.gif) repeat-y 100% 0;}
.i-b{background:url(i/img.gif) repeat-x  0 100%;}


#photos{ width:460px;margin:0 auto; zpadding:0 10px;}
#photos img{ border:4px solid #5E94A6; float:left; margin:10px;}
#photos a:hover img{border:4px solid #6ab0d1;}

/*_____________________News Page____________________*/

#content p.date{  height:19px;
 padding-left:6px; overflow:hidden;
 background:#1E7C90 url(i/cd-l.gif) no-repeat 0 0;
 color:#fff; zwidth:88px; float:left;
 font:bold 10px/1.8em Tahoma, Arial, Helvetica, sans-serif!important; text-align:center; }
#content .date span{display:block; float:left; height:19px; padding-right:6px;  background:url(i/cd-r.gif) no-repeat 100% 0; }
.nclear{ height:20px; display:block; clear:both;}

/*image*/
.limg-cont{ float:left;background:url(i/img.gif) repeat-x 0 0; clear:left; margin:3px 10px 10px 0;  }
.limg-cont span{ display:block;}
.limg-cont img{  border:4px solid #5E94A6; margin:5px; vertical-align:middle;}
#content a img:hover {border:4px solid #6ab0d1;}
/*listing*/
.listing { text-align:center;}
#content .listing  b{ color:#B2E6EF;}
.listing img{ vertical-align:middle; margin:0 3px;}
.listing a img:hover {border:none!important;}

/*____________________Price Page__________________*/
#twrap{width:460px; margin:20px auto; padding-top:5px; overflow:hidden;
background: url(i/price.gif) no-repeat 0 0; }
table#price{ width:460px; font:1em Tahoma, Arial, Helvetica, sans-serif ; margin:0 auto; border:none;
padding-top:5px; border-collapse:collapse; }
table#price td{ border:none; padding:1em; text-align:center; vertical-align:middle;
border-bottom:1px solid #508E9D;}

table#price thead{ background:#32808A;  }
table#price thead td.col{text-transform:none; color:#9FD7E0;}
table#price tr.thead td,table#price td.thead{border-bottom:2px solid #FF9E3F;}

table#price tr.type td{ font-weight:bold; border-bottom:2px solid #508E9D; color:#fff;
text-transform:none!important;}

table#price td.col{ text-align:left; text-transform:uppercase; font-weight:bold;}







/*-----------------------------------*/
/* (x)html coding by Ilia Jacoveev   */
/*     aka [tapazukk]    2007        */
/*        www.tapazukk.net           */
/*-----------------------------------*/

/*25.09.2007*/