/*****************************************************************************
//-> CSS RESET
*****************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }

body { line-height: 1.4em; }

a:focus { outline: 1px dotted invert; }

a { text-decoration: none; }

ol, ul { list-style: none; }

blockquote, q {  }

blockquote:before, blockquote:after,
q:before, q:after { float: left; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

.left { float: left; }

img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; }

.right { float: right; }

.clear { clear: both; }

.center {
	text-align: center;
	margin: 0 auto;
	display: block; }

/*****************************************************************************
//-> CORE ELEMENTS
*****************************************************************************/
html, body {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0; }

body {
	background: #F4F4F4;
	font-size: 14px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	background: #f9f9f9 url(../../images/wrapper-bg.gif) center top repeat-x; }

#wrapper {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	width: 960px;
	text-align: center; }

	#wrapper.inner { background: transparent url(../../images/col-bg.gif) repeat-y; }

.msie6 #wrapper {
	height: 100%;
	width: 960px; }

/*****************************************************************************
//-> GENERAL ELEMENTS
*****************************************************************************/
a {
	color: #000;
	text-decoration: none; }

	a:hover { text-decoration: underline; }

p {
	padding: 5px 0px;
	line-height: 18px; }

strong { font-weight: bold; }

pre {
	background-color: #DFF7FF;
	border: 1px dotted #88BECF;
	display: block;
	padding: 5px; }

.header-wrap { position: relative; overflow:hidden; }

	.header-wrap a#mail {
		position: absolute;
		top: 0; }

#header h1 {
	font-size: 40px;
	color: #000;
	padding: 0px 0px;
	display: block;
	font-weight: bold; }

	#header h1 a:hover { text-decoration: none; }

h1 {
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 20px;
	display: block;
	color: #26A7CF;
	line-height: 28px; }

h2 {
	font-size: 17px;
	font-weight: bold;
	background: transparent url(../../images/sep-dotted.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #26A7CF; }

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #232323;
	padding: 10px 0; }

h4 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding-bottom: 20px; }

h5 {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	padding: 20px 0px; }

h6 {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 20px 0px; }

blockquote {
	background: #FFFFFF url(../../images/blockquote.png) no-repeat 8px 8px;
	border: 1px dotted #DDDDDD;
	color: #474747;
	font-style: italic;
	margin: 1em 25% 1em 0;
	min-height: 40px;
	padding: 1em 1em 1em 7em; }

cite {
	font-size: 12px;
	float: right;
	margin: 0px 0px 20px 0px; }

address {
	margin: 0px 20px 0px 0px;
	display: block;
	float: left; }

em { font-style: italic; }

script {
	visibility: hidden;
	overflow: hidden;
	display: none;
	width: 0;
	height: 0;
	outline: none; }

object, a { outline: none; }

object {
	margin: 0;
	padding: 0; }

a:active { outline: none; }

.msie6 br {
	height: 15px;
	line-height: 10px; }

/*****************************************************************************
//-> PAGE ELEMENTS
*****************************************************************************/
#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 105px; }

	#header:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	#header a.header-link {
		position: absolute;
		bottom: 20px; }

#main {
	position: relative;
	width: 960px;
	margin: 0 auto; }

	#main.hp { padding-top: 1px; }

	#main:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

#col_a { width: 260px; }

#col_b { width: 680px; }

	#col_b.pad-top { padding-top: 15px; }

#col_c { width: 460px; }

#col_d { width: 480px; }

#FooterTop {
	margin: 0 auto;
	padding: 0;
	font-size: 90px;
	line-height: 90px;
	height: 90px;
	width: 100%; }

#Footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 90px;
	margin: -90px 0;
	text-align: center;
	background: url(../../images/footer-bg.gif) center top repeat-x; }

.mac.opera10 #Footer { bottom: -22px; }

#links {
	position: relative;
	margin: 0 auto;
	width: 960px;
	color: #666;
	height: 90px;
	text-align: center; }

#links-content {
	position: relative;
	top: 20px;
	height: 70px;
	margin: 0 auto;
	color: #333; }

	#links-content span {
		position: relative;
		font-size: 12px; }

	#links-content a {
		font-weight: normal;
		font-size: 11px;
		color: #666;
		text-decoration: none; }

		#links-content a.transform { font-size: 12px; }

		#links-content a:hover { text-decoration: underline; }

/*****************************************************************************
//-> LOGO
*****************************************************************************/
h2.logo {
	position: relative;
	background: transparent url(../../images/logo.gif) no-repeat;
	width: 290px;
	height: 105px; }

	h2.logo a {
		position: relative;
		width: 290px;
		text-decoration:none;
		height: 105px;
		display: block;
		overflow: hidden; }

/*****************************************************************************
//-> TOP MENU
*****************************************************************************/
ul#top-menu {
	position: absolute;
	top: 10px;
	right: 0px;
	width:960px;
	z-index: 10; }

	ul#top-menu li {
		float: left;
		color: #666;
		margin-right: 3px;
		text-indent: -5000px;
		width: 24px;
		height: 24px; }

		ul#top-menu li.en { background: transparent url(../../images/en.png) no-repeat 0px 0px; }

		ul#top-menu li.fr { background: transparent url(../../images/fr.png) no-repeat 0px 0px; }

		ul#top-menu li.ru { background: transparent url(../../images/ru.png) no-repeat 0px 0px; }

		ul#top-menu li.he { background: transparent url(../../images/he.png) no-repeat 0px 0px; }

		ul#top-menu li a {
			color: #666;
			width: 24px;
			height: 24px;
			display: block; }

div#menu-bg {
	position: absolute;
	top: 0;
	width: 5px;
	height: 48px; }

div#fb-like {
	position: absolute;
	top:-38px;
	width: 80px;
	height: 48px; }

div#google-1 {
	position: absolute;
	top:-35px;
	width: 80px;
	height: 48px; }

/*****************************************************************************
//-> TOP SOCIAL
*****************************************************************************/
div.social-holder {
	position: absolute;
	display: block;
	font-size: 12px;
	top: 0; }

div.okeanos-holder {
	position: absolute;
	display: block;
	font-size: 12px;
	top: 0; }

ul#social { display: block; }

	ul#social li {
		color: #666;
		width: 16px;
		height: 16px;
		display: block;
		line-height: 16px; }

		ul#social li a {
			width: 16px;
			line-height: 16px;
			height: 16px;
			display: block;
			overflow: hidden; }

			ul#social li a img {
				width: 16px;
				height: 16px; }

		ul#social li.social-email { background: transparent url(../../images/social-email.png) no-repeat center center; }

		ul#social li.social-facebook { background: transparent url(../../images/social-facebook.png) no-repeat center center; }

		ul#social li.social-twitter { background: transparent url(../../images/social-twitter.png) no-repeat center center; }

		ul#social li.social-linkedin { background: transparent url(../../images/social-linkedin.png) no-repeat center center; }

/*****************************************************************************
//-> MAIN MENU
*****************************************************************************/
div.menu {
	position: relative;
	display: block;
	z-index: 10;
	width: 960px;
	height: 48px;
	margin: 0 auto; }

	div.menu:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

ul.topnav {
	margin: 0 auto;
	width: 955px;
	height: 48px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px }

	ul.topnav:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	ul.topnav li {
		height: 48px;
		margin: 0;
		padding: 0 8px;
		position: relative;
		background: transparent url(../../images/nav-sep.gif) no-repeat; /*--Declare X and Y axis base--*/ }

		ul.topnav li.no_border { background: none; }

		ul.topnav li a {
			padding: 15px 5px;
			color: #000;
			display: block;
			text-decoration: none; }

			ul.topnav li a:hover { color: #666; }

			ul.topnav li a.over { color: #2F9DBF; }

		ul.topnav li span {
			width: 17px;
			height: 20px; /*--Drop down trigger styles--*/
			margin-top: 15px;
			background: url(../../images/subnav_btn.png) no-repeat center top; }

			ul.topnav li span.subhover {
				background-position: center -22px;
				cursor: pointer; }

		/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
			list-style: none;
			position: absolute;
			left: 0; /*--Important - Keeps subnav from affecting main navigation flow--*/
			top: 48px;
			background: #efefef;
			margin: 0;
			padding: 0;
			display: none;
			float: left;
			width: 170px;
			border: 1px solid #fff; }

			ul.topnav li ul.subnav li {
				margin: 0;
				padding: 0;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #fff; /*--Create bevel effect--*/
				clear: both; /*--Create bevel effect--*/
				width: 170px;
				height: auto; }

html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #efefef url(../../images/dropdown_linkbg.gif) no-repeat 5px center;
	padding: 10px 5px 10px 20px; }

	html ul.topnav li ul.subnav li a:hover {
		background: #4BC9F4 url(../../images/dropdown_linkbg.gif) no-repeat 5px center;
		color: #FFF; /*--Hover effect for subnav links--*/ }

ul.topnav li ul.subnav li.sub-inner em {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 10px;
	font-style: normal;
	font-size: 16px;
	font-weight: normal; }

ul.topnav li ul.subnav li.sub-inner ul { display: none; }

	ul.topnav li ul.subnav li.sub-inner ul li { height: auto; }

		ul.topnav li ul.subnav li.sub-inner ul li a { display: block; }

/*****************************************************************************
//-> SIDE MENU
*****************************************************************************/
ul.side-menu {  }

	ul.side-menu li,
ul.side-menu li a {
		margin: 0 2px;
		font-size: 14px;
		display: block; }

	ul.side-menu li { border-bottom: 1px solid #ccc; }

		ul.side-menu li a {
			color: #555; }

			ul.side-menu li a:hover {
				color: #26A7CF;
				text-decoration: none; }

			ul.side-menu li a.selected {
				color: #26A7CF;
				font-weight: bold;
				text-decoration: none; }

/*****************************************************************************
//-> TOP BOX
*****************************************************************************/
div.top-box {
	width: 680px;
	height: 317px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	background: #f4f4f4 url(../../images/top-box-bg.gif) repeat-x; }

div#top-box {
	width: 680px;
	height: 317px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	background: #f4f4f4 url(../../images/top-box-bg.gif) repeat-x; }

	div#top-box:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	div#top-box.inner-a,
	div.top-box.inner-a {
		width: 940px;
		height: 50px;
		padding: 10px;
		border-top: 1px solid #fff;
		background: #f4f4f4 url(../../images/top-box-bg.gif) repeat-x ; }

	div#top-box.inner,
	div.top-box.inner {
		width: 940px;
		height: 5px;
		padding: 10px;
		border-top: 1px solid #fff;
		background: #f4f4f4 url(../../images/top-box-bg.gif) repeat-x ; }

	div#top-box div.image-holder {
		width: 676px;
		height: 309px;
		border: 2px solid #e6e6e6;
		display: block;
		overflow: hidden; }

		div#top-box div.image-holder img {
			margin: 0;
			padding: 0;
			width: 676px;
			height: 288px;
			display: block; }

div.content-holder { margin-top: 15px; }

/*****************************************************************************
//-> HP BOX
*****************************************************************************/
div.box-holder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

div.box {
	position: relative;
	margin: 0 auto 17px;
	border: 1px solid #e2e2e2;
	width: 228px;
	display: block;
	padding: 15px;
	background: #fcfcfc url(../../images/box-bg.gif) repeat-x;
	z-index: 0; }

	div.box div.dim {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 20px;
		text-align: center;
		color: #000;
		display: block;
		background: transparent url(../../images/box-dim.png) repeat;
		z-index: 2; }

	div.box.expandable { height: auto; }

	div.box div.shadow {
		position: absolute;
		display: block;
		bottom: -17px;
		width: 260px;
		height: 17px;
		background: transparent url(../../images/box-shadow.png) no-repeat; }

/*****************************************************************************
//-> HP RESERVATION FORM ELEMENTS
*****************************************************************************/
#reservation-form { margin-top: 15px; }

	#reservation-form:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	#reservation-form label {
		text-transform: uppercase;
		font-size: 11px;
		width: 74px;
		line-height: 22px; }

	#reservation-form input[type="text"] {
		font-family: Arial, Helvetica, sans-serif;
		width: 120px;
		padding: 3px;
		color: #666;
		border-color: #e2e2e2 #cfcfcf #cfcfcf #e2e2e2;
		background-color: #fff;
		border-style: solid;
		border-width: 1px; }

	#reservation-form input#arrive,
	#reservation-form input#depart { font-size: 11px; }

	#reservation-form input[type="submit"] {
		cursor: pointer;
		margin-top: 12px; }

	#reservation-form .ui-datepicker-trigger {
		position: relative;
		top: 3px; }

/*****************************************************************************
//-> ITEMS
*****************************************************************************/
.items {
	width: 680px;
	margin: 0 auto;
	position: relative; }

	.items:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	.items div.item {
		width: 320px;
		height: 160px;
		overflow: hidden;
		padding-bottom: 15px;
		background: url(../../images/divider.gif) repeat-x; }

		.items div.item.no_margin { margin: 0 0 15px 0; }

		.items div.item:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; }

		.items div.item img {
			width: 90px;
			height: 90px;
			padding: 3px;
			background: white;
			border: 1px solid #ccc; }

		.items div.item a.read_more { color: #26A7CF; }

 a.bookings{
	color:#26A7CF;
	text-decoration:underline;
	}
a.bookings:hover{
	text-decoration:none;
	}

		.items div.item h3 {
			color: #555;
			font-size: 22px; }

			.items div.item h3 a {
				color: #555;
				text-decoration: none; }

				.items div.item h3 a:hover {
					color: #232323;
					text-decoration: none; }

/*****************************************************************************
//-> ITEMS
*****************************************************************************/
.items-gallery {
	width: 680px;
	margin: 0 auto;
	position: relative; }

	.items-gallery:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	.items-gallery div.item {
		width: 120px;
		padding-bottom: 15px; }

		.items-gallery div.item.no_margin { margin: 0 0 15px 0; }

		.items-gallery div.item:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; }

		.items-gallery div.item div.image { width: 120px; }

			.items-gallery div.item div.image img {
				width: 114px;
				height: 114px;
				padding: 3px;
				background: white;
				border: 1px solid #ccc; }

			.items-gallery div.item div.image h3 {
				color: #555;
				font-size: 22px; }

				.items-gallery div.item div.image h3 a {
					color: #555;
					text-decoration: none; }

					.items-gallery div.item div.image h3 a:hover {
						color: #232323;
						text-decoration: none; }

/*****************************************************************************
//-> CONTENT
*****************************************************************************/
.content { }

	.content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	.content img.content-pic {
		width: 250px;
		padding: 3px;
		background: white;
		border: 1px solid #ccc; }

img.side-pic {
	width: 252px;
	padding: 3px;
	background: white;
	border: 1px solid #ccc;
	margin: 0 0 10px 0px; }

/*****************************************************************************
//-> SERVICES
*****************************************************************************/
.services {
	width: 250px;
	position: relative; }

	.services img.content-pic {
		width: 250px;
		padding: 3px;
		background: white;
		border: 1px solid #ccc; }

/*****************************************************************************
//-> IMAGES
*****************************************************************************/
.gallery {
	width: 410px;
	position: relative; }

	.gallery:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	.gallery img {
		width: 192px;
		padding: 3px;
		background: white;
		border: 1px solid #ccc; }

/*****************************************************************************
//-> GALLERY PAGE
*****************************************************************************/
.gallery-page { margin-top: 15px; }

	.gallery-page:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	.gallery-page img {
		width: 192px;
		height: 100px;
		padding: 3px;
		background: white;
		border: 1px solid #ccc; }

	.gallery-page div.wrap { width: 200px; }

		.gallery-page div.wrap a {
			display: block;
			width: 200px; }

		.gallery-page div.wrap img {
			float: none;
			margin: 0; }

		.gallery-page div.wrap h3 {
			width: 200px;
			display: inline; }

			.gallery-page div.wrap h3 a,
	.gallery-page div.wrap h3 a:hover {
				color: #666;
				width: 200px;
				display: inline;
				text-decoration: none; }

			.gallery-page div.wrap h3 a:hover { color: #232323; }

/*****************************************************************************
//-> FORM ELEMENTS
*****************************************************************************/
.form .seperation {
	margin: 5px auto;
	clear: both; }

.form label {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	width: 150px;
	vertical-align:top;

}

.form legend {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
	padding: 10px 0;
	width: 100%; }

.form label.sm {
	float: none;
	height: auto;
	line-height: normal;
	width: auto; }

.form em.error {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #F00;
	font-size: 11px;
	width: 100%;
	clear: both; }

.form input[type="text"], .form textarea, .form select {
	font-family: Arial, Helvetica, sans-serif;
	width: 292px;
	margin: 0;
	padding: 5px;
	color: #999;
	border-color: #ffffff #ccc #ccc #ffffff;
	background-color: #efefef;
	border-style: solid;
	border-width: 1px;
	margin: 5px 0; }

.form.big input[type="text"], .form.big textarea, .form.big select { width: 503px; }

.form input:focus, .form textarea:focus, .form select:focus {
	background: #fff;
	border-color: #efefef #cdcdcd #cdcdcd #efefef;
	border-style: solid;
	border-width: 1px;
	color: #333; }

.form input[type="text"].error, .form textarea.error, .form select.error {
	border-color: #DF9999 #BF6B6B #BF6B6B #DF9999;
	background-color: #FCC; }

.form input.submit {
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	display: block;
	width: 170px;
	height: 34px;
	cursor: pointer;
	border: 0px none;
	background: transparent url(../../images/buttons.png) no-repeat 0px -164px; }

	.form input.submit:hover { background: transparent url(../../images/buttons.png) no-repeat 0px -202px; }

.form textarea { overflow: auto; }

.form span.required {
	font-size: 13px;
	color: #ff0000; }

.form input.clear {
	background: none;
	border: 0px none;
	padding: 0;
	margin: 0;
	width: auto; }

.form input#verify, .form input#newsletter_verify { width: 30px; }

.form small {
	display: block;
	width: 260px; }

.msie6 .form small, .msie7 .form small, .chrome .form small {
	position: relative;
	top: -30px; }

.warning,
.warning2 {
	position: relative;
	font-size: 14px;
	border: 1px solid #ccc;
	padding:20px;
	background-color:#FFC;
	display: none; }

.warning strong,
	.warning2 strong {
	font-weight: bold;
	font-size: 14px; }

.warning img,
	.warning2 img {
	position: relative;
	top: 2px;
	display: inline; }

.warning ol,
	.warning2 ol { list-style-type: disc ; }

/* Send to a friend form*/
div#tell-a-friend-wrapper { display: none; }

form#tell-a-friend { width: 670px; }

div#tell-a-friend-wrapper div.curURL { display: none; }

form#tell-a-friend input#tell_verify { width: 30px; }

/* Newsletter form*/
form#newsletter-form label.newsletter {
	overflow: hidden;
	position: absolute; }

form#newsletter-form label.error {
	display: block;
	font-size: 11px;
	color: #900;
	clear: both; }

form#newsletter-form input#newsletter_email {
	padding: 0 3px;
	width: 124px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #CCC; }

/*****************************************************************************
//-> CONTACT PAGE
*****************************************************************************/
div#form-holder { width: 460px; }

img.map { width: 200px; }

/*****************************************************************************
//-> BREADCRUMBS
*****************************************************************************/
#Breadcrumbs {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding: 5px;
	background: transparent url(../../images/sep-dotted.gif) repeat-x scroll left bottom; }

	#Breadcrumbs:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }

	#Breadcrumbs ul {
		width: 400px;
		display: block;
		position: relative;
		font-size: 14px; }

		#Breadcrumbs ul li {
			width: auto;
			display: block; }

			#Breadcrumbs ul li a {
				text-decoration: none;
				padding: 0px;
				font-size: 12px; }

				#Breadcrumbs ul li a:hover { text-decoration: underline; }

/*****************************************************************************
//-> BUTTONS
*****************************************************************************/
.btn-book_now_big {
	display: block;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	width: 155px;
	line-height: 26px;
	text-align: center;
	height: 26px;
	background: transparent url(../../images/buttons.png) no-repeat 0px -247px; }

	.btn-book_now_big:hover {
		background-position: 0px -277px;
		text-decoration: none; }

.btn-book_now {
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	width: 80px;
	height: 30px;
	line-height: 30px;
	background: transparent url(../../images/buttons.png) no-repeat 0px -88px; }

input.btn-book_now { font-size: 10px; }

.btn-book_now:hover {
	color: #f84304;
	background-position: 0px -123px;
	text-decoration: none; }

/*****************************************************************************
//-> IMAGE WIDGET
*****************************************************************************/
.scroll {
	position: relative;
	min-height: 140px;
	width: 228px; }

	.scroll ul {
		position: relative;
		width: 228px;
		height: 140px;
		list-style: none; }

		.scroll ul li {
			width: 228px;
			height: 140px;
			margin: 0;
			color: #333;
			line-height: 1.334em; }

			.scroll ul li:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden; }

			.scroll ul li div.desc {
				margin-bottom: 5px;
				font-size: 12px;
				width: 228px; }

			.scroll ul li div.actions { display: block; }

				.scroll ul li div.actions a:hover { text-decoration: none; }

				.scroll ul li div.actions span,
.scroll ul li div.actions a { display: block; }

			.scroll ul li span {
				color: #1e4d5e;
				font-size: 24px;
				font-weight: bold; }

	.scroll ol {
		height: 22px;
		position: absolute;
		top: -40px;
		list-style: none; }

		.scroll ol li {  }

		.scroll ol a {
			display: block;
			width: 11px;
			height: 22px;
			margin: 0 1px;
			padding: 0 2px;
			background-repeat: no-repeat;
			background-position: 50% 0; }

		.scroll ol li.previous a { background-image: url("../../images/icon-arrow-down.gif"); }

		.scroll ol li.next a { background-image: url("../../images/icon-arrow-up.gif"); }

		.scroll ol li a:hover { background-position: 50% 100%; }

/*****************************************************************************
//-> SITE MAP
*****************************************************************************/
ul.tree {
	position: relative;
	display: inline-block; }

	ul.tree ul {
		background-image: url(../../images/ul.gif);
		background-repeat: repeat-y;
		display: block; }

	ul.tree li {
		font-weight: bold;
		display: block; }

		ul.tree li a {
			text-decoration: none;
			display: block;
			color: #333333; }

			ul.tree li a:hover { text-decoration: underline; }

		ul.tree li ul {  }

	ul.tree ul ul {
		background-image: url(../../images/ul.gif);
		background-repeat: repeat-y; }

	ul.tree ul li {
		background-image: url(../../images/li.gif);
		background-repeat: no-repeat;
		font-weight: normal; }

		ul.tree ul li a { text-decoration: underline; }

			ul.tree ul li a:hover { text-decoration: none; }

	ul.tree ul ul li {
		background-image: url(../../images/li.gif);
		background-repeat: no-repeat; }

		ul.tree ul ul li a { color: #555555; /*background-image: url(../../images/li.gif);
	background-repeat: no-repeat;*/ }

/*****************************************************************************
//-> GENERAL CLASSES
*****************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.clearboth {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both; }

.clear {
	border: none;
	background: none; }

.left { float: left; }

.right { float: right; }

.rss { float: left; }

.Stamp {
	position: relative;
	font-size: 11px;
	top: 5px;
	margin: 0; }

.low {
	position: relative;
	top: 3px; }

.lower {
	position: relative;
	top: 5px; }

.lowest {
	position: relative;
	top: 7px; }

.blank {
	display: inline-block;
	width: 22px;
	height: 22px; }

.block { display: block; }

.msg,
.msg2,
.msg3 {
	position: relative;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	background-color: #FFC;
	display: none; }

.msg strong,
	.msg2 strong,
	.msg3 strong {
	font-weight: bold;
	font-size: 14px; }

.msg img,
	.msg2 img,
	.msg3 img {
	position: relative;
	top: 2px;
	display: inline; }

.msg_ok {
	height: auto;
	padding: 5px;
	margin: 5px 0;
	display: block;
	background-color: #FFF6CA;
	border: 1px solid #DFD7B5; }

.msg_err {
	height: auto;
	padding: 5px;
	margin: 5px 0;
	display: block;
	background-color: #FFDFE3;
	border: 1px solid #DFD7B5; }

.hide { display: none; }

.continue { display: block; }

.centered {
	display: block;
	text-align: center;
	margin: 0 auto; }

.seperation {
	display: block;
	text-align: center;
	margin: 15px auto;
	height: 2px;
	line-height: 2px;
	background: url(../../images/divider.gif) left bottom repeat-x; }

.optIcon {
	width: 16px;
	height: 16px; }

.msie6 .optIcon,
.msie7 .optIcon {
	position: relative;
	top: -4px; }