* {margin: 0; padding: 0;}
html {font-size: 100.01%;}
body {font-size: 62.5%; font-family: arial; line-height: 1.4em; color: white; background-image: url(../zeta/bg.png);}
table {border-collapse:	collapse; width: 100%;}
td {vertical-align: top;} .vert_bot {vertical-align: bottom;} .vert_mid {vertical-align: middle;}
#float_left {float: left;}
#width100 {width: 100%;}

a:link {color: #D2B494; text-decoration: underline;}
a:visited {color: #D2B494; text-decoration: underline;}
a:hover {color: #D2B494; text-decoration: underline;}
a:active {color: #D2B494; text-decoration: underline;}
a:focus {outline: none;}

div#major_container {background: url(../zeta/bg1.png) repeat-x; margin-top: -14px;}
td#top {font-family: trebuchet ms; font-size: 0.9em; color: #FFF9DA; padding: 0 0 0 20px;}
	td#top a:link {color: #FFF9DA; text-decoration: none;}
	td#top a:visited {color: #FFF9DA; text-decoration: none;}
	td#top a:hover {color: #FFF9DA; text-decoration: none;}
	td#top a:active {color: #FFF9DA; text-decoration: none;}
	td#top div {margin-top: 78px;}
	td#top span {color: white;}

/* MENU */
td#menu_container {text-align: right; padding: 1em 2.5em;}
	td#menu_container ul {list-style-type: none; line-height: 1.6em; width: 160px; float: right; font-size: 1.1em}
		td#menu_container ul table { margin: 1.5em 0 0.6em 0;}
			td#menu_container ul table td.dots {background: url(../zeta/dot_menu.gif) repeat-x bottom left; width: 100%;}
		td#menu_container ul a:link {color: #FFF9DA; text-decoration: none;}
		td#menu_container ul a:visited {color: #FFF9DA; text-decoration: none;}
		td#menu_container ul a:hover {color: #FFFFFF; text-decoration: none;}
		td#menu_container ul a:active {color: #FFFFFF; text-decoration: none;}
		td#menu_container ul a:focus {outline: none;}
		td#menu_container ul h1 {font-family: trebuchet ms; font-size: 1.1em; color: #FFF9DA; line-height: 0.8em; padding-left: 0.2em; cursor: default;}
		td#menu_container ul li.spacer {padding: 0.4em 0 1.5em 0;}

	ul#download {clear: right; font-size: 0.9em; color: #E7E1D9; padding-top: 3em; cursor: default;}
		ul#download a:link {color: #E7E1D9 !important; cursor: pointer;}
		ul#download a:visited {color: #E7E1D9 !important; cursor: pointer;}
		ul#download a:hover {color: #FFFFFF !important; cursor: pointer;}
		ul#download a:active {color: #FFFFFF !important; cursor: pointer;}

/* WRAP-AREA */
#border_container {background: white; width: 672px; height: 535px; padding-top: 5px; border: 1px #AFA191 solid;}
	#main_container {width: 663px; height: 529px; margin: 0 5px; overflow: hidden;}
		#demo-wrapper {width: 411px; height: 529px; float: left; overflow: hidden; position: relative;}
			#demo-inner {width: 2500px; height: 2500px; background-image: url(../zeta/bg.png); position: relative;}
				.scrolling-content {width: 411px; height: 529px; position: absolute;}
					.scrolling-content small {margin-right: 1.5em;}
					.scrolling-content small br {line-height: 0.5em;}
						.scrolling-content p {font-size: 1.2em; line-height: 1.6em; width: 300px; padding: 1em 0.5em; color: white;}
						.scrolling-content p.only_photo {padding: 1em 0.7em !important; width: auto !important; float: left;}
							.scrolling-content p.only_photo span {margin-right: 1.5em;}
							.scrolling-content span.as_link {color: #D2B494; text-decoration: underline; margin-right: 0 !important; cursor: pointer;}
							span.as_link {color: #D2B494; text-decoration: underline; margin-right: 0 !important; cursor: pointer;}
							.OnePage {background-repeat: no-repeat !important; width: 411px; height: 529px;}

					#content1 {left: 0px; top: 0px;} /* MAIN PAGE */
						div#a0 {background: url(../zeta/main1.jpg);}
					#contenta1 {left: 0px; top: 529px;} /* QUEEN/TWIN ROOM */
						div#a1 {background: url(../zeta/queen1.jpg); padding: 260px 0 0 20px;}
					#contenta2 {left: 411px; top: 529px;} /* KING ROOM */
						div#a2 {background: url(../zeta/room1.jpg); padding: 260px 0 0 20px;}
					#contenta3 {left: 411px; top: 1058px;} /* KING SUITE */
						div#a3 {background: url(../zeta/suite1.jpg); padding: 300px 0 0 20px; height: 229px;}
					#contenta4 {left: 0px; top: 1058px;} /* RATES & RESERVATION */
						div#a4 {background: url(../zeta/reservation1.jpg); padding: 300px 0 0 20px; height: 229px; width: 391px;}
					#contentr1 {left: 822px; top: 1058px;} /* VALENTINES */
						div#r1 {background: url(../zeta/valentines1.jpg); padding: 450px 0 0 20px; height: 79px;}
					#contentr2 {left: 822px; top: 0px;} /* LOUNGE */
						div#r2 {background: url(../zeta/lounge1.jpg); padding: 450px 0 0 20px;}
					#contentr3 {left: 822px; top: 529px;} /* AROMAS */
						div#r3 {background: url(../zeta/aromas1.jpg); padding: 450px 0 0 20px; height: 79px;}
					#contentr4 {left: 411px; top: 0px;} /* LOBBY */
						div#r4 {background: url(../zeta/lobby1.jpg); padding: 450px 0 0 20px; height: 79px; width: 391px;}
					#contentm1 {left: 0px; top: 1587px;} /* MEETINGS */
						div#m1 {background: url(../zeta/meetings1.jpg); padding: 450px 0 0 20px; height: 79px; width: 391px;}
					#content11 {left: 1233px; top: 0px;} /* SPECIALS */
						div#SpecialsPhoto {padding: 300px 0 0 20px; height: 229px; width: 391px;}
					#content12 {left: 411px; top: 1587px;} /* GUEST SERVICES */
						div#ServicesPhoto {background: url(../zeta/fitness1.jpg);}
					#content14 {left: 822px; top: 1587px;} /* CONTACTS */
						div#ContactsPhoto {background: url(../zeta/map1.jpg);}

		#content_container {width: 251px; height: 529px; background: #755E4E; float: left;}

/* TRANSPARENCY TRICKS */
.png {//background-image: none ! important; behavior: url('pngfix.htc');}
#transparent_png {background: url(../zeta/35per.png);}
#transparent_IE {position: absolute; filter:alpha(Opacity=50); background: black; display: none;}

#overlayer_Opera {height: 886px; position: absolute; z-index: 21; background: url(../zeta/80per.png); margin-top: -15px; width: 100%;}
#overlayer_IE {height: 886px; position: absolute; z-index: 21; background: black; filter:alpha(Opacity=80); margin-top: -15px; width: 100%; margin-left: -3px; display: none;}

	#flash_movie {position: absolute; z-index: 22; width: 99%;}
		#flash_movie table table {width: 459px; margin-top: 191px;}
			#flash_movie table table td {background: #F3F3F3; text-align: center;}
				#flash_movie table table td.reflec {background: transparent !important;}
		#flash_top {width: 459px; height: 26px; background: url(../zeta/flash_top.gif) no-repeat; text-align: right;}
			#flash_top img {margin: 11px 15px 0 0; cursor: pointer; width: 57px; height: 8px;}

	.show {display: block !important;}
	.hide {display: none !important;}

	.block {display: block !important;}
	.none {display: none !important;}

#overlayer_Opera_noscript {height: 835px; position: absolute; z-index: 21; background: url(../zeta/80per.png); margin-top: -15px; width: 100%; text-align: center; font-family: impact; font-size: 3em; line-height: 1.2em; color: #9AB334;}
	#overlayer_Opera_noscript div {margin-top: 350px;}
#noscript_IE {text-align: center; height: 20px; z-index: 101; position: absolute; background: black; width: 100%; margin-left: -3px; padding: 0.5em 0; border-bottom: 5px #9AB334 solid; display: none;}


/* RIGHT COLUMN */
#please_wait {color: #E2C3A3; font-family: trebuchet ms; font-size: 0.9em; padding: 100px 0 0 20px;}

#main {height: 420px; width: 160px; font-family: trebuchet ms; font-size: 1.4em; color: #E7DDD2; line-height: 1.6em; padding: 50px 50px 0 20px; cursor: default;}

ul#amenities {font-size: 1.1em; color: #E8D0C5; margin-left: 2em; list-style-type: square; padding-right: 2em;}
	ul#amenities li {margin-bottom: 0.4em;}
	ul#amenities li.GRA {list-style-type: none; height: 70px; clear: both;}
	ul#amenities li h1 {font-size: 1.1em; font-weight: bold; padding: 2em 0 0.5em 0; float: left;}

#reserv {height: 360px; width: 160px; font-family: trebuchet ms; font-size: 0.9em; color: #E7DDD2; line-height: 1.4em; padding: 20px 0px 0 10px; cursor: default;}
	#reserv p {padding-top: 1em;}
	#reserv input.string_block {display: block; border: 1px #877365 solid; width: 200px; font-size: 1.2em; font-family: trebuchet ms; padding: 0 5px; margin-bottom: 0.2em;}
		#reserv input#categor {width: 150px !important; margin-right: 8px;}
		#reserv input#kol {width: 30px !important;}
		#reserv select {display: block; border: 1px #877365 solid;}
		input.make_request {margin-top: 0.3em;}

#restaurants {height: 360px; width: 160px; font-family: trebuchet ms; font-size: 1.4em; color: #E7DDD2; line-height: 1.6em; padding: 100px 50px 0 20px; cursor: default;}
	.content_about {background: url() no-repeat 20px bottom;}
	.content_valentines {background: url(../zeta/valentines_logo.gif) no-repeat 20px bottom;}
	.content_aromas {background: url(../zeta/aromas_logo.gif) no-repeat 20px bottom;}
	.content_lobby {background: url(../zeta/lobby_logo.gif) no-repeat 20px bottom;}
	.content_lounge {background: url(../zeta/lounge_logo.gif) no-repeat 20px bottom; padding-top: 60px !important; height: 400px !important;}

#directions {font-family: trebuchet ms; font-size: 1.1em; color: #E7DDD2; line-height: 1.6em; padding: 100px 5px 0 20px; cursor: default;}
	#directions p {padding-top: 1em;}
	#directions textarea.message{display: block; background: #7A6454; border: 1px #877365 solid; width: 200px; height: 80px; font-size: 0.9em; font-family: trebuchet ms; line-height: 1.6em; color: white; overflow: hidden; padding: 3px 5px; margin-bottom: 0.7em;}
	#directions input.info {display: block; background: #7A6454; border: 1px #877365 solid; width: 200px; font-size: 0.9em; font-family: trebuchet ms; color: white; padding: 0 5px; margin-bottom: 0.7em;}
	#directions input.send {color: #CBAF85; border: none; background: transparent; cursor: pointer;}
 		span.success {color: #CBAF85; font-size: 0.9em;}
		span.error {color: #E07C7C; font-size: 0.9em;}
	#directions p.ajax_messages {padding-top: 0 !important; line-height: 1em;}

#meetings {height: 360px; width: 160px; font-family: trebuchet ms; font-size: 1.1em; color: #E7DDD2; line-height: 1.6em; padding: 50px 50px 0 20px; cursor: default;}
	#meetings p {padding-top: 1em;}

#specials {background: url(../zeta/specials_logo.gif) no-repeat 20px bottom; height: 420px; width: 160px; font-family: trebuchet ms; font-size: 1.2em; color: #E7DDD2; line-height: 1.6em; padding: 50px 50px 0 20px; cursor: default;}
	#specials ul {list-style-type: none; line-height: 1.5em;}
		#specials ul li {margin-top: 1em;}

#services {height: 420px; width: 160px; font-family: trebuchet ms; font-size: 1.2em; color: #E7DDD2; line-height: 1.6em; padding: 50px 50px 0 20px; cursor: default;}
	#services ul {list-style-type: none; line-height: 1.5em;}
		#services ul li {margin-top: 1em;}

/* PHOTOS ICONS */
#Photo_Listing {font-size: 0.9em; color: #E2C3A3; padding: 40px 0 0 12px; position: absolute; background: #755E4E; width: 235px; height: 483px;}
	#Photo_Listing div {margin-bottom: 12px;}
		#Photo_Listing div span {color: #A38D76; text-decoration: none; cursor: pointer;}
		#Photo_Listing div span:hover {color: #CCB49A; text-decoration: none;}


#idList {width: 152px; margin-top: 2em;}
		#idList li {height: 95px; width: 74px; text-align: right; vertical-align: middle; overflow: hidden; float: right; border: 1px #947D6D solid;}
			#idList li img {width: 74px; cursor: pointer;}

/* FOOTER */
td#footer {text-align: center; color: #FFF9F2; font-size: 0.9em; padding: 4em 0 0 0; cursor: default;}
	td#footer span {margin-left: 1em;}
	td#footer a:link {color: #FFF9F2; text-decoration: none; cursor: pointer;}
	td#footer a:visited	{color: #FFF9F2; text-decoration: none; cursor: pointer;}
	td#footer a:hover {color: #E7E1D9; text-decoration: none; cursor: pointer;}
	td#footer a:active {color: #E7E1D9; text-decoration: none; cursor: pointer;}
	td#footer p {color: #E7E1D9; padding-top: 1em;}

/* REQUEST A4 */
body.request_body {background-image: none !important; color: black;}
table#request_A4 {width: 500px; font-family: times new roman; font-size: 11pt; line-height: 17pt;}
#lets_print {width: 100%; text-align: left; padding: 50px 20px;}
	#lets_print span {font-size: 2em; cursor: pointer; line-height: 1.6em;}

/* PHOTOGALLERY */
#gallery_set {text-align: center;}
	#gallery_set table {width: auto;}
		#gallery_set table td {border: 1px #DACBB6 solid;}
#gallery_set img {float: left; margin: 1.5em; border: 4px white solid;}


/* Travelline */
.logo {
	float: right;
	margin-top: 44px;
}

.contacts {
	float: right;
	margin-top: 30px !important;
	text-align: right;
}

.contacts span {
	color: #755e4e !important;
}

.contacts p {
	font: 11px "Trebuchet MS";
	margin-top: 10px;
	color: #755e4e;
}

div#tl-search-form {
	float: left;
	margin-left: -19px;
	margin-top: 14px !important;
}

#booking {
	background: url("../images/booking-link-bg.png") no-repeat right center;
	padding-right: 7px;
}

.booking-button {
	background: url("../images/button.png") no-repeat left top;
	float: right;
    height: 17px;
    margin-top: 23px;
    text-align: center;
    text-decoration: none !important;
    width: 100px;
	color: #fff9da !important;
}
