* {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background-image: url('../img/background.png');
	background-position: top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
	body :focus {
		outline: none;
	}
	
	a {
		color: #397989;
		font-weight: bold;
		text-decoration: none;
	}
	
		a:hover {
			color: #195969;
			text-decoration: underline;
		}

	#blue-band {
		background-image: url('../img/background.jpg');
		background-position: top center;
		background-repeat: repeat-x;
	}
	
	#header {
		background-image: url('../img/header.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		height: 357px;
		margin: 0 auto 0 auto;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 100%;
	}	
	
		#header_wrapper {
			position: relative;
			top: -26px;
			width: 1620px;
		}
			
					
			#imageContainer {
				display: none;
				position:relative;
				height: 386px;
				top: -26px;
				text-align: center;
				overflow: hidden;
				width:1620px;
			}

				#imageContainer img {
					display: none;
					margin-left: -200px;
					position: relative;
					top: 0px;
				}
	
		#topBar {
			clear: none;
			display: block;
			float: right;
			margin-right: 20px;
			margin-top: 25px;
			text-align: right;
			width: 200px;
		}
		
			#topBar a {
				color: #223c3c;
				font-weight: bold;
				text-decoration: none;
			}
		
			#topBar div {
				line-height: 28px;
				margin-bottom: 10px;
				position: relative;
			}
			
				#languageSelector {
					background-color: #223c3c;
					display: none;
					right: 30px;
					list-style-type: none;
					position: absolute;
					top: 20px;
					width: 70px;
				}
				
					#languageSelector a {
						color: #FFFFFF;
						padding-right: 5px;
					}
			
				#topBar img {
					clear: none;
					display: inline;
					margin-left: 5px;
					position: relative;
					top: 10px;
				}
				
					#topBar a {
						opacity: 0.7;
					}
					
						#topBar a:hover {
							opacity: 1;
						}
				
					.link-facebook, .link-tripadvisor, .link-twitter, .link-panoramio, .link-youtube {
						background-image: url('../img/socialnetworks.png');
						background-position: 0 0;
						clear: none;
						display: inline-block;
						height: 28px;
						width: 34px;
					}
					
					.link-facebook {
						background-position: 33px 0px;
					}
					
					.link-twitter {
						background-position: 62px 0px;
					}
	
					.link-youtube {
						background-position: 98px 0px;
					}
					
					.link-panoramio {
						background-position: 130px 0px;
					}
					
	
	#wrapper, #footer {
		background-color: #FFFFFF;
		margin: 0 auto 0 auto;
		overflow: auto;
		position: relative;
		text-align: left;
		width: 950px;
	}
	
		#sideBar {
			background-image: url('../img/sidebar.png');
			background-position: top center;
			background-repeat: no-repeat;
			clear: none;
			display: block;
			float: left;
			margin: 0;
			overflow: visible;
			padding: 0;
			width: 280px;
		}
		
			#menuBar {
				font-size: 16px;
				margin-bottom: 10px;
				overflow: visible;
				padding-bottom: 15px;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 6000;
			}
			
				#menuBar ul {
					list-style-type: none;
					padding: 10px;
					padding-top: 0px;
				}
				
				#menuBar li {
					background-color: #023d4b;
					background-image: url('../img/menu.png');
					background-position: bottom right;
					background-repeat: no-repeat;
					display: inline-block;
					line-height: 38px;
					margin: 0px;
					margin-right: 3px;
					padding: 0px;
					position: relative;
				}
				
					#menuBar li a {
						background-image: url('../img/menu.png');
						background-position: top left;
						background-repeat: no-repeat;
						color: #ceeeee;
						display: block;
						margin: 0px;
						padding: 0px;
						padding-left: 10px;
						padding-right: 10px;
						text-decoration: none;
						text-transform: uppercase;
					}
					
						#menuBar li:hover a {
							background: none;
						}
						
					#menuBar li:hover {
						background-color: #000000;
						background-image: none;
					}
					
					#menuBar ul li:hover ul {
						display: block;
					}
					
					#menuBar ul ul {
						background-color: #000000;
						background-image: url('../img/menu-bottom.png');
						background-position: bottom center;
						background-repeat: no-repeat;
						border-top: 2px solid #FFFFFF;
						display: none;
						right: 0px;
						padding-top: 10px;
						position: absolute;
						top: 38px;
						width: 200px;
					}
					
						#menuBar ul ul li {
							background: none;
							clear: left;
							display: block;
							font-size: 12px;
							line-height: 20px;
						}
						
							#menuBar ul ul li a:hover {
								color: #FFFFFF;
							}
				
					#menuBar #menuBox {
						color: #999999;
					}
					
						#menuBar #menuBox div {
							background-color: #333333;
							margin-left: 10px;	
							margin-right: 10px;	
							position: relative;
						}
						
						#menuBar #menuBox input {
							background-color: #333333;
							border: 0px;
							color: #AAAAAA;
							font-size: 16px;
							width: 190px;
						}
						
							#menuBar #menuBox button {
								background: none;
								background-image: url('../img/magnifier.png');
								background-position: center right;
								background-repeat: no-repeat;
								border: 0px;
								cursor: pointer;
								height: 16px;
								position: absolute;
								right: 0px;
								top: 2px;
								width: 16px;
							}

						#menuBar #menuBox input:hover {
							color: #FFFFFF;
						}
						
			#sideBar .widget {
				clear: none;
				display: block;
				margin-left: 25px;
				position: relative;
			}
		
			#sideBar .contentWidget {
				clear: none;
				display: block;
				padding: 10px;
				width: 210px;
			}

			#sideBar .openWidget, #sideBar .closeWidget {
				background-image: url('../img/sideBar-widget.png');
				background-position: top left;
				clear: none;
				display: block;
				height: 15px;						
				position: absolute;
				top: 0px;
				left: 0px;
				width: 230px;
				z-index: 400;
			}
			
			#sideBar .closeWidget {
				background-position: bottom left;
				clear: none;
				position: relative;
				top: -15px;
			}
			
			#sideBar #widgetMoon {
				background-color: #000000;
				color: #999999;
				font-size: 14px;
				height: 80px;	
				line-height: 30px;
				overflow: hidden;		
				position: relative;		
				width: 230px;		
			}
			
				#sideBar #widgetMoon h4 {
					color: #FFFFFF;
					font-size: 22px;
				}
				
				#sideBar #widgetMoon img {
					clear: none;
					display: block;
					float: right;
					left: 160px;
					position: absolute;
					top: 15px;
				}

			#sideBar #widgetBanner {
				height: 400px;	
				overflow: hidden;		
				position: relative;		
				width: 230px;		
			}
			
				#adsContainer {
					height: 400px;
					left: -10px;
					overflow: hidden;
					position: relative;
					top: -10px;
					width:230px;
				}

					#adsContainer img {
						display: none;
						left: 0px;
						position:absolute;
						top: 0px;
					}
								
			#sideBar #widgetWeather {
				background-image: url('../img/weather.jpg');
				color: #FFFFFF;
				font-size: 16px;
				height: 170px;
				line-height: 28px;
				overflow: hidden;											
				position: relative;		
				text-align: center;
				width: 230px;		
			}
			
				#sideBar #widgetWeather h4 {
					font-size: 30px;
					margin-bottom: 0px;
				}

			#sideBar #widgetSubscribe {
				color: #FFFFFF;
				background-color: #223c3f;
				height: 170px;				
				position: relative;		
				width: 230px;		
			}

				#widgetSubscribe h4 {
					font-size: 30px;
				}
				
				#widgetSubscribe p {
					font-size: 18px;
				}
				
				#widgetSubscribe input {
					border: 1px solid #899999;
					background-color: #CACADA;
					clear: none;
					color: #535353;
					font-size: 14px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					margin-top: 10px;
					width: 120px;
				} 
				
				#widgetSubscribe button {
					border: 0px;
					background-color: #223C3F;
					clear: none;
					color: #FFFFFF;
					display: block;
					float: right;
					height: 22px;
					line-height: 18px;
					font-size: 14px;
					margin: 0px;
					margin-top: 10px;
					padding: 0px;
					width: 80px;
				}
				
				#reservation {
					background-image: url('../img/reservation.png');
					background-position: bottom center;
					background-repeat: no-repeat;
					background-color: #000000;
					color: #FFFFFF;
					margin: 0px;
					margin-bottom: 20px;
					margin-top: 0px;
					padding-bottom: 5px;
				}
				
					#reservation-wrapper {
						padding: 10px;
						margin: 0px;
						margin-left: 10px;
						margin-right: 10px;
					}
					
					#reservation label {
						clear: both;
						display: block;
						margin: 0px;
						margin-bottom: 2px;
						padding: 0px;
						text-align: left;
					}
					
						.inputName {
							background-image: url('../img/input_name.png');
							background-position: center right;
							background-repeat: no-repeat;
						}
					
						.inputPhone {
							background-image: url('../img/input_phone.png');
							background-position: center right;
							background-repeat: no-repeat;
						}
					
						.inputEmail {
							background-image: url('../img/input_email.png');
							background-position: center right;
							background-repeat: no-repeat;
						}
					
						.inputDate {
							background-image: url('../img/input_date.png');
							background-position: center right;
							background-repeat: no-repeat;
						}
						
						.reserveButton {
							background-image: url('../img/reserve_button.png');
							background-position: center right;
							background-repeat: no-repeat;
							color: #FFFFFF;
							cursor: pointer;
							display: block;
							font-weight: bold;
							height: 18px;
							line-height: 18px;
							margin-right: 50px;
							width: 120px;
						}
					
						#reservation input, #reservation select {
							color: #444444;
							float: right;
							font-size: 11px;
							height: 18px;
							width: 140px;
						}
						
							#reservation select {
								font-size: 9px;
							}
						
						#reservation fieldset {
							background-color: #3F3F3F;
							border: 1px solid #303030;
							border-top: 0px;
							margin: 0px;
							margin-bottom: 10px;
							padding: 10px;
						}
						
							#reservation span {
								clear: none;
								color: #999999;
								display: inline-block;
								float: right;
								line-height: 18px;
								margin: 0px;
								padding: 0px;
								padding-left: 10px;
								text-align: center;
							}

								#reservation span a {
									color: #999999;
									font-weight: bold;
									margin: 0px;
									padding-top: 2px;
									padding-right: 10px;
									text-decoration: none;
								}
								
								.selectedSpan {
									background-image: url('../img/reservation-tab.png');
									background-position: top left;
									background-repeat: no-repeat;
									padding-top: 0px;
								}
								
									.selectedSpan a {
										background-image: url('../img/reservation-tab.png');
										background-position: top right;
										background-repeat: no-repeat;
										padding: 0px;
										margin: 0px;
									}
							
								.unselectedSpan {
									background-image: url('../img/reservation-tab-inactive.png');
									background-position: top left;
									background-repeat: no-repeat;
								}

									.unselectedSpan a {
										background-image: url('../img/reservation-tab-inactive.png');
										background-position: top right;
										background-repeat: no-repeat;
									}
							
							#reservation-wrapper #reservation-date {
								width: 100px;
							}
							
							#reservation  a:hover {
								color: #FFFFFF;
							}
					
		#page {
			clear: none;
			display: block;
			float: right;
			margin: 15px;
			margin-left: 0px;
			margin-top: 45px;
			overflow: visible;
			position: relative;
			width: 640px
		}
		
			#pathway {
				text-align: right;
			}
			
				.galleryBox {
					clear: none;
					float: left;
					display: block;
					height: 100px;
					margin-left: 1px;
					margin-bottom: 1px;
					overflow: hidden;
					padding: 0px;
					position: relative;
					width: 140px;
				}
				
					.galleryBox button {
						background: none;
						cursor: pointer;
						margin: 0px;
						padding: 0px;
						position: relative;
					}
	
					.galleryBox span {
						background-color: #FFFFFF;
						color: #000000;
						font-size: 11px;
						height: 30px;
						left: 0px;
						bottom: 0px;
						opacity: 0.7;
						position: absolute;
						width: 140px;
					}
				
					.galleryBox img {
						opacity: 0.7;
					}
					
						.galleryBox img:hover {
							opacity: 1;
						}
						
			#page h1 {
				color: #195969;
				font-size: 36px;
				font-weight: bold;
				border-bottom: 2px solid #DDDDDD;
				margin-bottom: 10px;
			}

			#page h2 {
				color: #397989;
				font-size: 1.8em;
				font-weight: bold;
				margin-bottom: 10px;
				margin-top: 10px;
				border: 0px;
			}

			#page h3 {
				border-bottom: 2px solid #EFEFEF;
				color: #999999;
				font-size: 1.4em;
				margin: 0px;
				margin-top: 20px;
				padding: 0px;
			}
			
			#page input, #page textarea {
				border: 1px solid #DDDDDD;
				width: 250px;
			}
			
			#page ul {
				border-left: 2px solid #DDDDDD;
				color: #223c3c;
				font-size: 0.85em;
				line-height: 1.2em;
				list-style-type: none;
				margin-bottom: 10px;
				margin-top: 0px;
				padding-left: 10px;
			}
			
			#page dl {
				border: 2px solid #DDDDDD;
				color: #223c3c;
				font-size: 1.0em;
				line-height: 1.4em;
				list-style-type: none;
				margin-bottom: 20px;
				margin-top: 0px;
				padding: 10px;
			}
			
				#page dd {
					border-bottom: 1px dotted #DDDDDD;
					clear: none;
					line-height: 1.4em;
					margin: 0px;
				}
				
				#page dt {
					clear: left;
					color: #397989;
					font-weight: bold;
					float: left;
					line-height: 1.4em;
					margin: 0px;
					width: 500px;
				}
				
					#page dt small {
						color: #054555;
					}
			
			
				#text {
					font-size: 1.2em;
				}
		
			#sendEmail {
				background-color: #397989;	
				border: 1px solid #FFFFFF;
				display: none;
				height: 195px;
				right: 0px;
				position: absolute;
				top: 0px;
				width: 360px;
				z-index: 29999;
			}
			
				#sendEmail #closeEmail {
					background-color: #054555;
					clear: none;
					color: #FFFFFF;
					cursor: pointer;
					display: block;
					font-weight: bold;
					height: 16px;
					margin: 3px;
					padding: 2px;
					position: absolute;
					right: 0px;
					text-align: center;
					top: 0px;
					width: 40px;
				}
				
				#sendEmail form {
					color: #EFEFEF;
					font-size: 12px;
					padding-left: 8px;
				}
				
				#sendEmail h4 {
					background-color: #195969;
					border-bottom: 2px solid #054555;
					color: #FFFFFF;
					font-size: 14px;
					font-weight: normal;
					height: 24px;
					line-height: 22px;
					text-align: center;
				}
				
				#sendEmail input {
					width: 165px;
				}
				
				#sendEmail label {
					clear: none;
					display: block;
					float: left;
					height: 40px;
					width: 175px;
				}
				
				#sendEmail textarea {
					clear: none;
					display: block;
					float: left;
					height: 60px;
					width: 260px;
				}
				
				#sendEmail button {
					background-color: #054555;
					clear: none;
					color: #FFFFFF;
					cursor: pointer;
					display: block;
					float: left;
					font-size: 14px;
					height: 62px;
					margin-left: 10px;
					width: 70px;
				}
				
	#window {
		background-color: #195969;
		color: #FFFFFF;
		height: 100px;
		left: 0px;
		margin: 0px;
		opacity: .9;
		overflow: auto;
		padding: 10px;
		position: absolute;
		top: 0px;
		width: 620px;
		z-index: 9999;
	}
	
		#window h3 {
			border-bottom: 3px solid #ffffff;
			color: #FFFFFF;
			margin: 0px;
			margin-bottom: 10px;
			font-size: 24px;	
		}
	
		#window p {
			color: #FFFFFF;
			font-size: 16px;
		}
		
		#window #buttons {
			bottom: 0;
			position: absolute;
		}
		
			#window #buttons span {
				background-color: #223c3f;
				cursor: pointer;
				float: right;
				font-size: 16px;
				line-height: 24px;
				margin-bottom: 5px;
				padding-left: 10px;
				padding-right: 10px;
			}
			
				#window #buttons span:hover {
					background-color: #397989;
				}
			
				#window #buttons img {
					vertical-align: middle;
				}

				
		
	#footer {
		font-size: 11px;
		text-align: center;
	}
	
		#footer p {
			padding: 10px;
		}
		
		#footer small {
			color: #999999;
			font-size: 10px;
		}
		
		#footer span {
			color: #397989;
			font-weight: bold;
		}
		
	#bottom {
		background-image: url('../img/bottom.png');
		background-position: top center;
		background-repeat: no-repeat;
		color: #999999;
		height: 15px;
		margin: 0 auto 0 auto;
		overflow: hidden;
		text-align: right;
		width: 950px;	
	}
	
		#bottom a {
			color: #777777;
		}
		
		#bottom div {
			margin-right: 10px;
		}