/*****************************************************************************
//-> 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) left top repeat-y; }

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

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

	a:hover { text-decoration: underline; }

a.bookings {
    color: #01747B;
    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; }

.header-wrap a#mail{
	position:absolute;
	top:0;
	right: 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: #01747b;
	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: #01747b; }

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.index {
	height: 153px; }

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

	#header a.header-link{
		position:  absolute;
		direction:ltr;
		right:0px;
		bottom:20px;}

	#header a.hotel-link{
		position:  absolute;
		direction:ltr;
		right:0px;
		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;
	float: left;
	margin-right: 20px; }

#col_b {
	width: 680px;
	float: right; }

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

#col_c {
	width: 460px;
	float: left;
	margin-right: 20px; }

#col_d {
	width: 480px;
	float: right; }

#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 {
	background:url("../../images/logo.gif") no-repeat scroll 0 0 transparent;
	height:105px;
	position:relative;
	text-indent:-5000px;
	margin:0;
	padding:0;
	width:290px; }

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

/*****************************************************************************
//-> LOGO-index
*****************************************************************************/
h2.logo.index {
	position: relative;
	background: transparent url(../../images/logo.gif) no-repeat 0px 0px;
	width: 260px;
	height: 153px;
	margin:0;
	padding:0;
	float:left;
	text-indent: -5000px; }

	h2.logo.index a {
		position: relative;
		width: 260px;
		height: 153px;
		display: block;
		overflow: hidden; }

	#header div.top-txt{
		width:580px;
		float:left;
		padding:50px 0 0 20px; }

		#header div.top-txt h1{
			color:#01747b;
			font-size:24px; }

/*****************************************************************************
//-> TOP MENU
*****************************************************************************/
ul#top-menu {
	position: absolute;
	top: 10px;
	right: 0px;
	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 a {
			color: #666;
			width: 24px;
			height: 24px;
			display: block; }
div#menu-bg {
	position:absolute;
	right:0;
	top:0;
	width:5px;
	height:48px;
	background: transparent url(../../images/menu-bg-right.gif) no-repeat right center;
}

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

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

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

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

	ul#social li {
		float: left;
		color: #666;
		margin-right: 3px;
		text-indent: -5000px;
		width: 16px;
		height: 16px;
		display: block;
		line-height: 16px;
		margin-right: 5px; }

		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;
	text-align: left;
	width: 960px;
	height: 48px;
	margin: 0 auto;
	background: transparent url(../../images/menu-bg.gif) repeat-x 0px 0px; }

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

ul.topnav {
	margin: 0 auto;
	width: 955px;
	height: 48px;
	float: left;
	background: transparent url(../../images/menu-bg-left.gif) no-repeat left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px }

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

	ul.topnav li {
		float: left;
		height: 48px;
		margin: 0;
		padding: 0 8px;
		position: relative;
		background: transparent url(../../images/nav-sep.gif) no-repeat right center; /*--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;
			float: left; }

			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;
			float: left;
			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 { background: transparent url(../../images/icon-arrow.gif) no-repeat 5px 10px; color:#555; padding: 5px 0px 5px 15px; }

	ul.side-menu li a:hover {
		color: #01747b;
		text-decoration: none;
		background: transparent url(../../images/icon-arrow.gif) no-repeat 5px -16px; }

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

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

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

	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 0px bottom; }

	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 0px bottom; }

	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 0px bottom;
	z-index:0; }

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

div.box.expandable {
	height: auto; }

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

/*****************************************************************************
//-> 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;
	float:left; }

#reservation-form label.combo.first {
	text-align:left; }

#reservation-form label.combo.mid {
	text-align:center; }

#reservation-form label.combo.last {
	text-align:right; }

#reservation-form select.choose{
	margin-bottom:13px;
	width:128px;
 }

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

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

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

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

#reservation-form select {
	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;
		float:left;
		margin:0 20px 15px 0;
		padding-bottom:15px;
		background: url(../../images/divider.gif) left bottom 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;
				float:right;
				margin:0 0 5px 5px;
				padding:3px;
				background:white;
				border:1px solid #ccc; }

			.items div.item a.read_more{
				color:#01747b; }

			.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;
		float:left;
		margin:0 55px 15px 0;
		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 {
	position:relative; }

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

	.content img.content-pic{
		width:250px;
		float:right;
		padding:3px;
		background:white;
		border:1px solid #ccc;
		margin:0 0 10px 15px; }

	img.side-pic{
		width:252px;
		padding:3px;
		background:white;
		border:1px solid #ccc;
		margin:0 0 10px 0px; }
/*****************************************************************************
//-> SELECT
*****************************************************************************/
.select {
	position:relative;
	width:680px;
	background: transparent url(../../images/select-bg.gif) repeat-y center center; }

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

	.select div.item{
		width:340px;
		float:left;
		padding:0;
		text-align:center;
		margin:0 auto; }

	.select div.item.mid{
		width:230px; }

		.select div.item div.top-txt img.logo{
			 }

		.select div.item div.top-txt h3{
			text-align:center;
			color:#01747b;
			font-size:18px; }

		.select div.item div.top-txt img.main{
			width:200px;
			height:225px; }

			.select div.item div.top-txt h3 a{
				color:#01747b;
				font-size:18px }

		.select div.item div.top-txt p{
			padding:0 11px;
			text-align:left; }

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

.end {
	position:relative;
	width:680px;
	height:20px;
	margin:-20px 0 0;
	overflow:hidden;
	background: transparent url(../../images/select-bg-end.gif) repeat-x center center; }

/*****************************************************************************
//-> SERVICES
*****************************************************************************/
.services {
	width:250px;
	float:left;
	position:relative;
	margin-right: 20px; }

	.services img.content-pic{
		width:250px;
		float:right;
		padding:3px;
		background:white;
		border:1px solid #ccc;
		margin:0 0 10px 15px; }
/*****************************************************************************
//-> IMAGES
*****************************************************************************/
.gallery {
	width:410px;
	float:right;
	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;
		float:right;
		margin:0 5px 5px 0; }
/*****************************************************************************
//-> 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: 192px;
		padding:3px;
		background:white;
		border:1px solid #ccc;
		float:left;
		margin:0 25px 25px 0; }

	.gallery-page div.wrap{
		float:left;
		margin:0 25px 25px 0;
		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: 155px; }
.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; text-align:right; float: right; 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; }

.warning,
.warning2{
	position: relative;
	font-size: 14px;
	border: 1px solid #ccc;
	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 { text-indent:-5000px; overflow:hidden; position:absolute; }
form#newsletter-form label.error { display:block; font-size:11px; color:#900; clear:both; }
form#newsletter-form input#newsletter_email { float:left; padding:0 3px; width:124px; height:26px; line-height:26px; border:1px solid #CCC; }
/* reservation form*/
form#reservation-form label.error { display:block; font-size:11px; color:#900; width:100%; text-align:center; clear:both; }
/*****************************************************************************
//-> CONTACT PAGE
*****************************************************************************/
div#form-holder { width:460px; float:left; }
img.map{ width:200px; float:right; margin-left:20px; }
/*****************************************************************************
//-> 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; direction:rtl; 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; direction:rtl; 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 { 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 {
	text-align:right;
	float:right;
	display:block; }

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

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

.scroll ul li span {
	color:#1e4d5e;
	font-size:24px;
	margin:3px 10px 0 0;
	float:left;
	font-weight:bold; }

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

.scroll ol li {
	float:left; }

.scroll ol a {
	display:block;
	width:11px;
	height:22px;
	margin:0 1px;
	padding:0 2px;
	text-indent:-9999px;
	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 {
	/*background-image: url(../../images/li.gif);
	background-repeat: no-repeat;*/
	color:#555555;
}

/*****************************************************************************
//-> 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; }