/*
 * (c) Lifo
 * Compatiblity:
 *        full: IE 6,7; Firefox 1.5, 2.0; Safari 2.0; Konqueror;
 *      broken: Opera 9, Firefox 1.0.7;
 *  not-usable: IE 5, 5.5;
 */
/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/* 
----------------------------------------------------------------------------- 
GOOD STARTING DEFAULTS
-----------------------------------------------------------------------------*/
/*
h1 span, h1 a, h2 span, h2 a, h3 span, h3 a, h4 span, h4 a, h5 span, h5 a { display: block; }
*/
#footer h4 span,
.sidebar h4 span { display: block; }
/* 
----------------------------------------------------------------------------- 
GOOD SPECIFIC DEFAULTS
-----------------------------------------------------------------------------*/

body, input,
h2 a, h2 a:hover {
	color: #51473d;
}
h2 a {
	color: #5F574D;
}

.clear { clear: both }

.columns {
	float: left;
	position: relative;
	width: 102%; /* +2% to hide margin-right for last column */
	overflow: hidden;
	}
.columns .column {
	margin-right: 2%;
	float: left;
	overflow: hidden;
	}
	* html .columns .column { word-wrap: break-word; }
	.columns-3 .column { width: 31.3%; }
.columns .column table {
	width: 100%;
	}

/* 
----------------------------------------------------------------------------- 
DEFAULTS
-----------------------------------------------------------------------------*/
html {
	height: 100%;
	margin-bottom: 1px;
	}
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.6 "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	height: 100%;
	}
h1, h2, h3,
h2 a, h2 a:hover {
	font-weight: normal;
	}
p, pre, ul, ol, dl {
	margin-bottom: 1.0em;
	}
h1 { font-size: 2.2em; line-height: 1.2; margin-bottom: 0.8em; }
h2 { font-size: 1.9em; line-height: 1.30; margin: 0 0 0.4em 0; 
	border-bottom: 2px solid #E66A00; text-shadow: 1px 1px #fff;
	margin-top: -0.2em;
	padding-bottom: 0.2em;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	}
	* html h2 { margin-top: -0.05em; }
h3 { font-size: 1.8em; line-height: 1.34; margin: 0 0 0.75em; }
h4 { font-size: 1.8em; line-height: 1.34; margin-bottom: 0.8em; }
h5 { font-size: 0.85em; line-height: 1.45; margin: 0 0 1.17em; }
h6 { font-size: 0.65em; line-height: 1.85; margin: 0 0 0.7em; }

p, ul, ol, dl {
	font-size: 1.4em;
	}
ul ul, ol ol, ol ul, ul ol, dl dl, dl dt, dl dd {
	font-size: 100%;
}
a {
	color: #E66A00;
	font-weight: bold;
	}
a:hover {
	color: #000;
	}

ul li, ol li {
	margin-left: 1.4em;
}
table {
	/*border-top: 1px solid #c7c5ab;*/
	font-size: 12px;
	margin: 0;
	margin-bottom: 0.6em;
}
table tr:hover {
	background: #f7f6e7;
	}
.text table tr:hover {
	background: #fff;
	}

table td, table th {
	border-bottom: 1px solid #c7c5ab;
	padding: 0.1em 0.4em;
}
table th {
	font-weight: bold;
	}
table td p {
	margin: 0;
	font-size: 100%;
}


/* 
----------------------------------------------------------------------------- 
LAYOUT LOGIC
-----------------------------------------------------------------------------*/
body {
	background: #443a30;
}
#container {
	width: 100%;
	position: relative;
	background: #edebd6;
}

#accessability { position: absolute; bottom: 0; background: #51483f; }


.wrapper {
	position: relative;
	width: 100%;
	min-width: 95.0em;
	display: block;
	float: left;
	clear: left;
	}
#header, #nav, #main, #footer {
	margin: 0 auto;
	width: 90.0em;
	}
#main-wrapper, #footer-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
	}
#footer-wrapper {
	float: none;
	}

/* 
----------------------------------------------------------------------------- 
CUSTOM TITLES
-----------------------------------------------------------------------------*/
#footer h4, .sidebar h4 {
	background-repeat: no-repeat;
	padding-left: 23px;
	position: relative;
	background-image: url(../images/title.gif);
	}
#footer h4 span, .sidebar h4 span {
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 0 2px;
	height: 22px;
	}

/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header-wrapper {
	background: #443a30;
	background: #4a4137 url(../images/header-bg.jpg) repeat-x;
	min-height: 10em;
	height: 124px;
	}
#header {
	position: relative;
	}
#header h1 {
	text-indent: -9999em;
/*	background: url(../images/logo2.jpg) no-repeat;*/
	height: 124px;
	width: 689px;
	position:absolute;
	left: -90px;
	}
#header h1 a {
	width: 270px;
	height: 60px;
	margin: 20px 0 0 60px;
	}
#header p { display: none; }

/* 
----------------------------------------------------------------------------- 
NAV
-----------------------------------------------------------------------------*/
#nav-wrapper { }
#nav { position: relative; border-bottom: 1px solid #fff; }
#nav ul {
	display: block;
	position: absolute;
	bottom: 0; 
	padding-left: 19px !important;
	padding-left: 38px; /* for IE */
	}
#nav ul, #nav li { float: left; margin: 0; }
#nav li {
	list-style: none;
	background: url(../images/nav-shadow-right.gif) no-repeat bottom right;
	padding-right: 19px;
	margin-left: -19px;
	}
#nav li a {
	display: block;
	background: #51483f url(../images/nav-bg.gif) repeat-x 0 0;
	color: #dcd9d3;
	margin-right: 1px;
	margin-top: 3px;
	font-weight: normal;
	}
#nav li a:hover {
	color: #fff;
	background: #51483f url(../images/nav-bg-hover.gif) repeat-x 0 0;
	}
#nav li.active a {
	background: #edebd6 url(../images/nav-bg-active.gif) repeat-x top left;
	color: #e46d07;
	position: relative;
	bottom: -1px;
	margin-top: 0;
	padding-top: 2px;
	padding-bottom: 1px;
	font-weight: bold;
	}
#nav li a span {
	display: block;
	padding: 2px 13px;
	}

#nav-services { padding-left: 1.0em; }
#nav-hotels   { padding-left: 1.0em; }
#nav-estonia  { padding-left: 1.0em; }
#nav-about-us { padding-left: 1.0em; }
/* 
----------------------------------------------------------------------------- 
MAIN
-----------------------------------------------------------------------------*/
#main-wrapper {
	background: #edebd6;
	min-height: 400px;
	}
	* html #main-wrapper { height: 400px; }

#content, .sidebar {
	overflow: hidden;
	}
	* html #content, * html .sidebar { word-wrap: break-word; }

#content {
	float: left;
	width: 54.0em;
	}
.sidebar {
	float: right;
	width: 18.8em;
	margin-left: 1em;
	}
#sidebar-a { width: 18.8em; }
#sidebar-b { width: 14.8em; }

#content { padding-left: 15.8em; }
#sidebar-b { float: left; margin-left: -70.0em; }

/* 
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/

#content ul li {
	list-style: none;
	margin-left: 0.2em;
	padding-left: 1.7em;
	background: url(../images/tick.gif) no-repeat 0 0.1em;
	}
/*
#content a {
	outline: 1px solid black;
	padding: 0 3px;
	}
	* html #content a { border: 1px solid red; }
*/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol, #content dl {
	padding-left: 0.3em;
	}
	
#content h4 {
	border-bottom: 1px solid #C7C5AB;
	margin-top: -0.7em;
}
#content h2 {
	background: url(../images/title.gif) no-repeat 5px 5px;
	padding-left: 30px;
}

#content .section ul li {
	background: none;
	padding-left: 0;
	margin-left: 0;
	}

/* 
----------------------------------------------------------------------------- 
SIDEBARS
-----------------------------------------------------------------------------*/
.section .section {
	margin-bottom: 2em;
	}
.section h4 {
	border-bottom: 2px solid #E66A00;
	padding-left: 28px;
	background-position: 4px 0;
	margin-bottom: 0em;
	padding-bottom: .2em;
}
.section ul, .section p {
	font-size: 100%;
	border-bottom: 1px solid #f7f6e7;
	}
.section ul li {
	list-style: none;
	}
.section ul li, .section p span {
	margin-left: 0;
	border-bottom: 1px solid #c7c5ab;
	border-top: 1px solid #f7f6e7;
	}
.section ul li a, .section p span { 
	display: block;
	width: 100%;
	padding: .3em 0;
	background: url(../images/blank.gif);
	}
	/* dont put newlines or spaces in li contents for IE ! */
	/* html .section ul li { float: left; }
	* html .section ul li a { display: inline-block; width: 100%;}
	*/
.section strong {
	display: block;
	color: #6e665a;
	font-weight: bold;
	font-size: 1.3em;
	display: block;
	padding: .2em 0 .2em 28px;
	line-height: 1.2em;
	background: url(../images/upcoming-events-event.gif) no-repeat 4px .1em;
	}
.section ul li a br { display: none; }
.section ul li a span {
	padding-left: 28px;
	display: block;
	color: #e70;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: -.2em;
	}
.section ul li a:hover,
.section ul li.active a { background: #f7f6e7; }
.section ul li a:hover strong,
.section ul li.active a strong { color: #51473D; }
.section ul li a:hover span,
.section ul li.active a span { color: #da5f0e }


#sidebar-upcoming-events h4 span { background-image: url(../images/titles-useful-links.gif); }
#sidebar-upcoming-events strong  { background-image: url(../images/upcoming-events-event.gif); }

#sidebar-useful-links h4 span { background-image: url(../images/titles-useful-links.gif); }
#sidebar-useful-links strong  { background-image: url(../images/useful-links-link.gif); }

#sidebar-weather h4 span { background-image: url(../images/titles-weather.gif); }
.cloudy#sidebar-weather  strong { background-image: url(../images/weather-cloudy.gif); }

#sidebar-places h4 span { background-image: url(../images/titles-places.gif); }
#sidebar-places strong  { background-image: url(../images/places-place.gif); }

#sidebar-hotels h4 span { background-image: url(../images/titles-hotels.gif); }


/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer-wrapper {
	background: #443a30 url(../images/footer-bg.jpg) repeat-x;
	}
#footer {
	color: #fff;
    text-align: center;
	}
#footer a:hover {
	color: #fff;
	}
#copyright {
	clear: both;
	padding-top: 0px;
	margin: 0;
	display: inline-block;
	font-size: 1.2em;
    text-align: center;
	}
	body:last-child:not(:root:root) #copyright {
		width: 100%;
	}
#contacts {
	width: 60.0em;
	float: left;
	}
#customer-area {
	width: 160px;
	float: right;
	}

/* 
----------------------------------------------------------------------------- 
FOOTER: CONTACTS
-----------------------------------------------------------------------------*/
#contacts h4 { background-image: url(../images/contacts.gif); }
#contacts h4 span { background-image: url(../images/titles-contacts.gif); }

#contacts dl {
	float: left;
	font-size: 1.2em;
	}
	#contacts-addresses { padding-right: 20px; }

#contacts dl dt {
	float: left;
	clear: left;
	width: 25px;
	min-height: 20px;
	display: block;
	text-indent: -9999em;
	background-position: 0 50%;
	background-repeat: no-repeat;
	}
	dt.contacts-address { background-image: url(../images/contacts-address.gif); }
	dt.contacts-email   { background-image: url(../images/contacts-email.gif); }
	dt.contacts-phone   { background-image: url(../images/contacts-phone.gif); }
	dt.contacts-fax     { background-image: url(../images/contacts-fax.gif); }
	dt.contacts-mobile  { background-image: url(../images/contacts-mobile.gif); }

#contacts dl dd {
	float: none; /* dont float! */
	display: block;
	padding-top: 1px;
	min-height: 20px;
	}
.contacts-address {
	margin-bottom: 0.2em;
	}

body:last-child:not(:root:root) #contacts dl dd {
	padding-left: 25px;
	}

/* 
----------------------------------------------------------------------------- 
FOOTER: CUSTOMER AREA
-----------------------------------------------------------------------------*/
#customer-area {
	background: url(../images/footer-vertical-spacer.gif) no-repeat;
	padding-left: 40px;
	padding-right: 30px;
	padding-bottom: 20px;
	}
#customer-area h4 { background-image: url(../images/customer-area.gif); }
#customer-area h4 span {background-image: url(../images/titles-customer-area.gif); }

#customer-area p {
	margin: 3px 0;
	font-size: 100%;
	}
#customer-area label {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 23px;
	height: 20px;
	float: left;
	clear: left;
	}
	#customer-area-username label { background-image: url(../images/customer-area-user.gif); }
	#customer-area-password label { background-image: url(../images/customer-area-password.gif); }

#customer-area-username input,
#customer-area-password input {
	display: inline-block;
	background: #fff url(../images/customer-area-input.gif) no-repeat;
	width: 112px;
	height: 13px;
	border: 0;
	padding: 5px 7px;
	font-size: 1.1em;
	font-weight: bold;
	}
#customer-area-login input {
	background: url(../images/customer-area-login.gif) no-repeat;
	width: 126px;
	height: 23px;
	border: 0;
	display: block;
	text-indent: -9999px;
	text-align: left;
	margin: 7px 0 0 23px;
	cursor: pointer;
	}
	#customer-area-login input:hover {
		background: url(../images/customer-area-login-hover.gif) no-repeat;
		}

* html #customer-area-login input {
	/* for ie 5-6 */
	padding-left: 126px;
	cursor: hand;
	overflow: hidden;
	}
*:first-child+html  #customer-area-login input {
	/* for ie 7 */
	padding-left: 126px;
	overflow: hidden;
	}


/* IE 5.5 (var arii 6.0) */

* html .wrapper {
	text-align: center;
	}
* html #header, * html #nav, * html #main, * html #footer {
	text-align: left;
	}


/* 
----------------------------------------------------------------------------- 
DYNAMIC: SHOW LANGUAGE
-----------------------------------------------------------------------------*/

body.language #content {
	width: 69.8em;
	padding-left: 0;
	}


/* 
----------------------------------------------------------------------------- 
IMAGES, PHOTOS
-----------------------------------------------------------------------------*/
#content img, #content a.photo,
#content .text, #content .hotel-attributes {
	display: block;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #BFBB8F;
	background: #F7F6E7;
	}
	#content .text img { display: inline; margin: 0; background: #fff; }
#content .text {
	border-left: 1px solid #fff;
	border-top:  1px solid #fff;
	}
#content img {
	padding: 5px;
	}
#content a.photo {
	background: #fff;
	margin-bottom: 0.5em;
	float: right;
	}
	#content a.photo img { border: 0; background: none; }
	#content a.photo:hover { background: #fff; }
	
#content .photos {
	margin-top: 0.4em;
	}

#content .text, #content .hotel-attributes {
	padding: 1.2em;
    padding-bottom: 0;
	}
#content .column-2 {
	margin-right: 0.5em;
	}
#content .text {
	clear: both;
    width: 100%;
	}
#content .text ul {
	margin-top: -0.6em;
}
#content .text ul ul {
	margin-top: 0em;
}

/* 
----------------------------------------------------------------------------- 
Site
-----------------------------------------------------------------------------*/

.columns-2-hotel .column-1 { float: right; width: 136px;}
.columns-2-hotel .column-2 { float: none; margin-right: 0 !important;}
	* html .columns-2-hotel .column-1 {margin-right: 1.2%;}
	* html .columns-2-hotel .column-2 {float: left;}


.hotel-list strong  { background-image: url(../images/hotels-hotel.gif); }

.hotel-title { margin-bottom: 0;}
#content .hotel-list h2 { margin-bottom: 0;}



/*** Site STARS ***/

#content h2 *, #content h4 *{
	display: inline-block;
	}
.big-stars {
	position: relative;
	display: inline-block;
	padding-right: 0.3em;
	}
	*:first-child+html .big-stars { padding-right: 0.6em; } /* ie7 */
	body:last-child:not(:root:root) .big-stars {padding-right: 0.5em; } /* khtml */
.big-stars .stars, .small-stars .stars {
	text-indent: -9999em;
	display: block;
	padding: 0;
	margin: 0;
	}
.big-stars .stars {
	background: url(../images/hotel-stars.gif) no-repeat 0 2px;
	margin-left: -0.3em;
	padding-bottom: 2px;
	height: 18px;
	width: 18px;
	position: absolute;
	bottom: 0.2em;
	left: 100%;
	}
	* html .big-stars .stars { top: 0.1em;}
	.big-star-2 { margin-right: 35px; }
	.big-star-2 .stars { width: 35px; }
	.big-star-3 { margin-right: 52px; }
	.big-star-3 .stars { width: 52px; }
	.big-star-4 { margin-right: 70px; }
	.big-star-4 .stars { width: 70px; }
	.big-star-5 { margin-right: 89px; }
	.big-star-5 .stars { width: 89px; }

.small-stars .stars {
	overflow: hidden;
	background: url(../images/hotels-stars.gif) no-repeat 0 2px;
	height: 15px !important; /* make sure !important for ie7 only , hz kapeec taa, laikam nepatiik ka texts ir iekshaa un height ir mazaaks nekaa fonts */
	width: 9px;
	}
	.small-star-2 .stars { width: 19px; }
	.small-star-3 .stars { width: 28px; }
	.small-star-4 .stars { width: 37px; }
	.small-star-5 .stars { width: 46px; }

/*** HOTEL ATTRIBUTES ***/

#content .hotel-attributes {
	padding-left: 1.2em;
	background: #fff;
	}

.hotel-attributes dl {
	float: none;
	position: relative;
	}

.hotel-attributes dl dt {
	float: left;
	clear: left;
	width: 25px;
	min-height: 20px;
	display: block;
	text-indent: -9999em;
	background-position: 0 50%;
	background-repeat: no-repeat;
	}
	dt.hotel-address  { background-image: url(../images/hotel-address.gif); }
	dt.hotel-homepage { background-image: url(../images/hotel-homepage.gif); }
	dt.hotel-email    { background-image: url(../images/hotel-email.gif); }
	dt.hotel-phone    { background-image: url(../images/hotel-phone.gif); }
	dt.hotel-fax      { background-image: url(../images/hotel-fax.gif); }
	dt.hotel-mobile   { background-image: url(../images/hotel-mobile.gif); }

.hotel-attributes dl dd {
	float: none !important; /* dont float! */
	display: block;
	padding-top: 1px;
	min-height: 20px;
	padding-left: 25px;
	}
.hotel-attributes dl dd a:hover {
	color: black;
	}
	
*:first-child+html .hotel-attributes dl dd { padding-left: 0; word-wrap: break-word;} /* ie 7 only */
*:first-child+html .hotel-attributes {float: none !important; height: 1%;} /* ie7 */

* html .hotel-attributes {height: 1%;}

#content .hotel-list-extended ul {
	padding-left: 0;
	position: relative;
	width: 100%;
	}
#content .hotel-list-extended li a {
	position: relative;
	height: 56px;
	}
#content .hotel-list-extended li img {
	position: absolute;
	top: 3px;
	left: 4px;
	background: #fff;
	padding: 3px;
	}
#content .hotel-list-extended li strong {
	background: none;
	}
#content .hotel-list-extended li strong,
#content .hotel-list-extended li .small-stars {
	background: none;
	padding-left: 66px;
	}

body.hotel #content .hotel-list-extended ul li { width: 50% !important; float: left; }

body.hotel #content .hotel-list ul li {
	background: none;
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 50%;
	}

/* 
----------------------------------------------------------------------------- 
DYNAMIC: SHOW  MAP
-----------------------------------------------------------------------------*/

.map iframe {
	width: 100%;
	border: 0;
	height: 24.0em;
}

/* 
----------------------------------------------------------------------------- 
PLACE
-----------------------------------------------------------------------------*/
body.language img {
	margin-bottom: 0;
	}
body.language table {
	border-top: 0;
	}
body.language .text {
	width: 19.0em;
}
*:first-child+html body.language .text {
	width: 19.1em;
}
* html body.language .text {
	width: 19.1em;
}

body.place #content .section h4 {
	background: #DFDDC3;
	margin-top: 0;
	border-top: 3px solid #CFCDB5;
	padding-bottom: 0;
	padding-left: 0;
	height: 100%;
	border-right: 1px solid #C7C5AB;
	border-left: 1px solid #F7F6E7; 
	display: inline-block;
	}
body.place #content .section { width: 50%; float: left; }
body.place #content .section ul li { width: 100%; }





