/***** WebSee CSS Framework *****/
/***** WebSee Co. Ltd., last update: 11.12.2009 ver. 0.1 *****/

@charset "utf-8";

/***** Global reset for standart elements *****/ 
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,table,td,th{margin:0;padding:0;line-height:130%;font-size:100%;}
a img,:link img,:visited img{border:none}
address{font-style:normal}
dl{margin:0 0 0 .8em}
dl dt{margin:0 0 .5em 0}
dl dd+dt{margin-top:1.5em}
dl dd,ul li,ol li{margin:0 0 1em 2em}
ol{list-style:decimal}
ol li ol,ol li ul,ul li ul,ul li ol{margin:1em 0 0}
p,table,form{margin:0 0 1em}
ul{list-style:disc}
ul li ul{list-style:circle}
ul li ul li ul{list-style:square}
div{_height:1%}

body {
font-family: Georgia, Arial, Tahoma, Helvetica, sans-serif;
font-size: 0.9em;
min-width: 1152px;
width:expression((document.documentElement.clientWidth)<1152?"1152px":"auto");
color: #E2E2E2;
background: #0d3313 url('../i/bg2.png');
}

/****** Headers *****/
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
color: #FFCC33;
text-shadow: -2px -2px 3px #071F09;	
margin: 1.2em 0 0.2em;
}

h1 {
padding: 0.3em 0;
font-size:2.2em;
margin: 0 0 0.5em;
}

h2 {
padding: 0.2em 0;
font-size:1.8em;
}

h3 {
font-size:1.4em;
font-weight:bold;
font-style: italic;
/*padding: 0.2em 0;*/
color: #FFDD77;
}

/***** Common elements *****/
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
small {font-size:0.85em;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dotted;}
img {vertical-align: middle;}

/***** Tables *****/
table{border-collapse: collapse;}
td, th{padding: 10px; border: 1px solid #0F2D10;
}
th{
text-align: center; 
background: #155521 url('../i/th.gif') repeat-x top; 
color: #E9E9E9; 
padding: 10px 30px;}

th.nobg{
background: #155521 none;
}
td{
	background-color: #E9E9E9;
	color: #646464;
	text-align: center;
}
.alt td{background-color: #E9E9E9;}

/***** Links *****/
a, a:link, a:visited, a:hover, a img {
text-decoration: underline;
cursor: pointer;
}
a { color: #f0c331;}
a:hover { color: #d0a311;}

/***** Global Classes *****/
.clear {clear:both;}
.float-left, .left{float:left;}
.float-right, .right{float:right;}

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

.img-left{float:left;margin:0.3em 1em 0.3em 0}
.img-right{float:right;margin:0.3em 0 0.3em 1em}

.nopadding{padding:0;}
.noindent{margin-left:0;padding-left:0;}
.nobullet{list-style:none;}

.clear,.clrleft,.clrright{clear:both;width:100%;display:block}
.clrleft{clear:left}
.clrright{clear:right}

.nobr{white-space:nowrap}

.prim{font-size: 0.85em;}
.accent{font-weight: bold; color: #FCF4D7;
}

.forprint{display: none;}

/***** Forms *****/
form{width:98%}

button{
	font-size: 1em;
   background:#EEB300 url('../i/buttongradien.png') repeat-x;
   display: inline-block;
   padding: 4px 25px 4px;
   color: #784F29;
   text-decoration: none;
   line-height: 1em;
	border: none;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
   position: relative;
   cursor: pointer;
}
  
button:hover{
  	background-color: #FFCC33;
	color: #654223;
}

label{
	color: #E9E9E9;
	width: 150px;
	float: left;
	padding-right:10px;
	text-align: right;
	font-size: 0.85em;
}

label.check{
  color: #fff;
}

input{padding:2px}
select, textarea, input.text, input.short, input.password, input.file, .vkey {
  padding: 4px;
  font-size: 100%;
  width: 350px;
  background-color: #FFFFE0;
  color: #404040;
  border: 1px solid #0A2910;
  font-family:  Tahoma, Arial, Helvetica, sans-serif;
}

select{
	width: 360px;
}

input.short{
  width: 170px;
}

form div{
  padding: 6px;
}

form div div{
  padding: 0;
  margin-left: 160px;
}

form .prim{
  color: #CCCCCC;
  font-size: 0.85em;
  font-style: italic;
}

form img{
  margin-right: 1em;
  border: 1px solid #777;
}

.vkey{
  width: 120px;
  text-align: center;
}

.buttons{
	margin: 1em 0 0 160px;
}

/***** Messages *****/
.errors, .jot-err{color: #404040; background-color: #FFDCA1;
}
.msgok, .jot-cfm{font-size: 1.2em; color: #D6F9DE;}
.info, .fpinfo{background-color: #FFFFF0;}

.errors, .jot-err, .msgok, .info, .fpinfo, .jot-list, .jot-cfm{
  padding: 10px;
  margin:0 0 1em;
}

.errors p, .jot-err p, .msgok p, .info p, .fpinfo p, .jot-cfm p{
  padding: 0;
  margin: 0;
}

/****** JOT Comments *****/
.jot-comment{
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #1A6A29;
}

.jot-num{
	display: block;
	float: right;
	font-size: 2em;
	text-align: center;
	width: 50px;
	height: 23px;
	color: #D4A881;
}

.jot-poster{font-size: 0.85em; color: #777777}
.jot-user, .jot-subject{font-size: 1.4em; color: #FFCC33;}
.jot-user{font-style: italic;}
.jot-subject{font-weight: bold;}
.jot-content{float: none;}
.jot-message{padding: 1em 0; line-height: 130%; font-size: 1.2em;}
.jot-form{margin-bottom: 1.5em;}

.roll{
 border-bottom: 1px dotted #D0A311;
 cursor: pointer;
 
}

/***** Breadcrumbs navigation *****/

#navigation{
  font-size: 0.85em;
  color: #777777;
  margin:0 0 1em;
}

/***** Pages scroll & Ditto scroll ******/
#pages{
  text-align: center;
}

#pages span, a.ditto_page{
  padding: 6px 10px;
  margin: 0 5px;
  border: 1px solid #777;
  background-color: #CCC;
  text-decoration: none;
}

/***** Photos & Galleries *****/
.photo{
	border: 1px solid #382414;
	padding: 4px;
	background: #75492b  url('../i/woodbg.png');
}

.photo img{
	border: 1px solid #382414;
}

.gallery{
	margin:0 0 1em;
}

.gallery div{
	float: left;
	padding: 0 30px 30px 0;
}

.gallery div a{
	display: block;
	width: 215px;
	height: 190px;
	text-decoration: none;
}

.gallery span{
	display: block;
	text-align: center;
	font-size: 0.9em;
	width: 208px;
}

.gallery img{
	margin:0 0 4px;
}

/********************************************************/
/***************** Layout code starts here **************/
/********************************************************/

#left_cont, #right_cont, #logo, #right_col li.l div, #right_col li.s div, #right_col li.e div, #lamp1, #introtext1, #cards a,
#coffee a, #photogal a, #keys a, #map a, .title, #w_map, #bar, #bar1 {
    filter:expression(fixPNG(this));
    /*filter:expression(this.fix === undefined ? fixPNG(this) : this.fix = 1);*/
}

/* container */
#left_cont { background: url('../i/left_bg.png') repeat-y top left; }
#right_cont { background: url('../i/right_bg.png') repeat-y top right; }

/* top */
#top {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
}

#top1 { background: url('../i/top_right.png') repeat-x; }

#top2 {
    background: url('../i/top_left.png') repeat-x;
    width: 50%;
    height: 48px;
}

/* menu */
#menu {
    background: url('../i/top_bg.png') no-repeat;
    width: 1037px;
    height: 34px;
    padding: 14px 0 0 86px;
    z-index: 10;
    position: relative;
    margin: 0 auto;
}

#menu ul { list-style: none; }

#menu li {
    float: left;
    margin: 0;
    background: url('../i/menu_point.gif') no-repeat 0px 6px;
    padding: 0 10px 0 19px;
}

#menu li.first { background: none; padding-left: 0; }

#menu li a { color: #d4a881; text-transform: uppercase; white-space:nowrap; text-decoration: none; text-shadow: -1px -1px 1px #382414;}

#menu li a:hover { color: #ffcc33; text-decoration: underline;  text-shadow:  1px 1px 1px #382414;}

/* center */
#center {
    width: 1124px;
    margin: 0 auto;
    padding: 30px 0 150px;
}

/* center */
#center1 {
    width: 1124px;
    margin: 0 auto;
    padding: 30px 0 200px;
}

#content{
	margin: 0 70px;
}

#content p, #content li{
	font-size: 1.1em;
	line-height: 130%;
}

#content ul li{
    margin: 0;
    padding: 14px 0 0 24px;
    background: url('../i/li.gif') no-repeat 0 20px;
	 list-style: none;
}

#content ul, #content ol, #content p{
	margin-bottom: 1em;
}


/* left column */
#left_col {
    width: 50%;
    float: left;
}

/* logo */
#logo {
    background: url('../i/logo.png') no-repeat left top;
    width: 475px;
    height: 140px;
}

#logo a {
    display: block;
    width: 475px;
    height: 140px;
}

#logo a span { display: none; }

#centerTop #logo {
    float: left;
}

#photoTop {
    margin-left: 475px;
    text-align: right;
}

/* intro text */
#introtext1 {
    background: url('../i/line_0x29A.png') no-repeat;
    padding: 20px 0 33px 40px;
    text-align: center;
    width: 420px;
    font-size: 1.25em;
	 text-shadow: -1px -1px 3px #071F09;	
}

#introtext2 {
    text-align: center;
    padding: 25px 0 0 40px;
    width: 420px;
	 font-size: 110%;
}

/* inner menu */
#in_menu {
    padding: 20px 0 30px 250px;
}

#in_menu ul { list-style: none; }
#in_menu li {
    margin: 0;
    padding: 0 0 23px 31px;
    font-size: 1.25em;
    background: url('../i/tilda.gif') no-repeat 0 10px;
    font-style: italic;
}

#in_menu a {
    position: relative;
    z-index: 2000;
}

/* right column */
#right_col {
    margin-left: 50%;
    padding: 30px 0 0;
}

#right_col ul {
    list-style: none;
    margin: 0;
}

#right_col li {
    margin: 0;
}

#right_col li div {
    padding: 0 0 0 240px;
    height: 220px;
}

#right_col li ul {
    padding: 0 0 0 21px;
}


#right_col li li {
    margin: 0;
    padding: 14px 0 0 24px;
    background: url('../i/li.gif') no-repeat 0 18px;
	 color: #C7C7C7;
}

#right_col a {
    font-style: italic;
    font-size: 1.25em;
    color: #fff;
}

#right_col a:hover { color: #ddd; }

/* first item */
#right_col li.l { background: url('../i/photo1.jpg') no-repeat 5px 5px; }
#right_col li.l div { background: url('../i/suites_photo0.png') no-repeat; }

/* second item */
#right_col li.s { background: url('../i/photo2.jpg') no-repeat; }
#right_col li.s div { background: url('../i/standart_photo0.png') no-repeat; }

/* third item */
#right_col li.e { background: url('../i/photo3.jpg') no-repeat; }
#right_col li.e div { background: url('../i/econom_photo0.png') no-repeat; }

/* table */
#table1 {
    background: url('../i/table_bg.jpg') no-repeat;
    width: 100%;
    z-index: 120;
}

#table2 {
    background: url('../i/table_right.jpg') repeat-x;
    height: 226px;
    margin-left: 1152px;
    z-index: 20; /* 120 */
}

#table3 {
    margin: 0 auto;
    z-index: 20; /* 120 */
    position: relative;
    margin-top: -226px;
    width: 100%;
}

#table4 {
    position: relative;
    z-index: 20; /* 120 */
    margin: 0 auto;
    width: 1124px;
    height: 226px;
}

.title {
    background: url('../i/title_left.png') no-repeat;
    display: block;
    width: 106px;
    height: 72px;
    color: #423513;
    padding: 2px 0 0 44px;
    font-family: Georgia;
    font-style: italic;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
}

#table3 a:hover .title {
    visibility: visible;
}

/* cards */
#cards {
    padding-top: 51px;
    float: left;
}

#cards a {
    display: block;
    background: url('../i/cards.png') no-repeat;
    width: 283px;
    height: 61px;
    text-decoration: none;
}

#cards .title {
    margin: -41px 0 0 75px;
}

/* coffee */
#coffee {
    float: left;
}

#coffee a {
    display: block;
    background: url('../i/coffee.png') no-repeat;
    width: 319px;
    height: 219px;
    text-decoration: none;
    position: absolute;
	 z-index: 20;
    margin: -140px 0 0 -17px;
}

#coffee .title {
    margin: 52px 0 0 100px;
    padding-top: 10px;
    height: 72px;
}

/* photogal */
#photogal {
    float: left;
}

#photogal a {
    display: block;
    background: url('../i/picture.png') no-repeat;
    width: 325px;
    height: 215px;
    text-decoration: none;
    position: absolute;
	 z-index: 21;
    margin: -90px 0 0 174px;
}

#photogal .title {
    margin: 0px 0 0 130px;
    padding-top: 10px;
    height: 59px;
}

/* keys */
#keys {
    float: left;
}

#keys a {
    display: block;
    background: url('../i/keys.png') no-repeat;
    width: 185px;
    height: 110px;
    text-decoration: none;
    position: absolute;
    margin: -30px 0 0 420px;
}

#keys .title {
    margin: 0 0 0 34px;
    width: 123px;
    padding-left: 27px;
    text-align: center;
}

/* map */
#map {
    float: left;
}

#map a {
    display: block;
    background: url('../i/map.png') no-repeat;
    width: 286px;
    height: 170px;
    text-decoration: none;
    position: absolute;
    margin: -43px 0 0 570px;
}

#map .title {
    margin: 27px 0 0 33px;
    background: url('../i/title_right.png') no-repeat;
    width: 139px;
    height: 72px;
    padding: 10px 0 0 11px;
}

/* footer */
#footer {
    position: absolute;
    top: 150px;
    left: 0;
    font-family: Georgia;
    font-size: 0.75em;
	 color: #C8905D;
}

#footer p {
    line-height: 160%;
}

#footer big {
    font-size: 1.4em;
}

#footer a, a.developers {
    color: #CC9766;
}

#footer a:hover, a.developers:hover {
    color: #DFBE9F;
}

#counter {
	position: absolute;
	text-align: right;
	right: 0;
	top: 166px;
	color: #C8905D;
}

/* w_map */
#w_map {
    background: url('../i/w_map_border.png') no-repeat;
    width: 374px;
    height: 429px;
    padding: 7px 33px 22px 1px;
}

/* photogallery */

#photogallery ul {
    list-style: none;
}

#photogallery ul li {
    margin: 0;
    width: 207px;
    height: 158px;
    background: url('../i/photo_border.png') no-repeat;
    padding: 8px 0 0 6px;
    float: left;
    margin: 0 0 20px 0;
    width: 24%;
}

#photogallery img.photo {
    border: 1px solid #311d07;
    padding: 0;
}

/* Right col photos*/

#rightgallery{
	float: right;
	margin: 0 0 40px 40px;
	width: 404px;
}

#rightgallery .photo{
 margin: 0 10px 10px 0;
 }
 

/* lamp */
#lamp {
    position: absolute;
    z-index: 10;
    background: url('../i/lamp.png') no-repeat;
    margin: -388px 0 0 -55px;
    left: 0;
}

#lamp1 {
    background: url('../i/lamp_bg.png') no-repeat;
    width: 370px;
    height: 443px;
}

/* lamp */
#bar {
    position: absolute;
    z-index: 10;
    background: url('../i/bar.png') no-repeat;
    margin: -190px 0 0 -25px;
    left: 0;
}

#bar1 {
	display: block;
    background: url('../i/bar_bg.png') no-repeat;
	 width: 275px;
    height: 240px;
    padding-left: 210px;
}

#bar1 h3{
	margin: 0;
	padding: 0 0 8px 0;
	color: #FFCC33;
}

#bar1 big{
	font-size: 16px;
}

#bara {
	display: block;
	width: 210px;
	height: 240px;
	overflow: hidden;
	cursor: pointer;
}
#bara:hover, #bara.hover {
	width: 490px;
}

.weather {
	float: left;
	padding: 0 2em 1em 0;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 30px;
	height: 27px;
	padding: 0;
	margin: 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../i/date.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* News */

#news h3{
	margin-top: 0;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

#news a h3{
	text-decoration: none;
}

#news-bottom{
	font-size: 0.85em;
	margin-top: 1em;
}

#news-bottom a{
	font-style: normal;
	color: #f0c331;
}

#news-bottom a:hover { color: #d0a311;}

#news-rss{
	margin-left: 40px;
	padding-left: 22px;
	background: url('../i/rss.png') no-repeat 0 2px; 
}

/***** Printing styles - must be at the end of CSS *****/
@media print {

body{
	color: black;
	background-color: White;
	background-image: none;
	font-family: "Times New Roman", Times, serif;
}

h1, h2, h3, h4, a{
	color: black;
	text-shadow: none;
}
#logo a{
	height: 30px;
	margin: 0;
	padding: 0;
}

#logo a span{
	display: block;
	font-size: 24pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#content, #center1 {
	margin: 0;
	padding: 0;
}

#top, #menu, #table1, #table3{
	display: none; 
	width: 0;
	height: 0;
}

.forprint{
	display: block;
}

.noprint{
	display: none;
	padding: 0;
	margin: 0;
	height: auto;
   width: auto;
}

}