html,body {
	font-family: Arial, tahoma, verdana;
	font-size: 11px;
	color: #333;
	
	/*background: #535353;*/
}
html {
	background: 0 0 url('../img/body-back.gif') repeat-x #535353;
}

.clear {
	clear: both;
}

a {
	color: #db533c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 10px 0;
}

.dummy {
	margin: 0 0 10px 0;
	min-height: 50px;
	
	background: green;
}

#wrap {
	margin: 20px auto;
	
	width: 960px;
	
	border: 5px solid #ddd;
	background: #fff;
	
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.7);
}

	
	
	#main {
		_height: 100%;
	}
		#main #side {
			float: left;
			
			margin: 0 0 0 -100%;
			padding: 5px;
			
			width: 200px;
			min-height: 100px;
			_height: 100%;
		}
			
			#side table input {
				width:200px !important;
			}
			
			#side .hhotel-logo {
				display: block;
				
				width: auto;
				height: 105px;
				
				text-indent: -9999px;
				outline: none;
				
				background: 0 0 url('../img/hhotel-logo.png') no-repeat #fff;
				
			}
			
			#side .book-room {
				display: block;
				
				margin: 0 0 5px 0;
				
				width: 200px;
				height: 60px;
				
				text-indent: -9999px;
				outline: none;
				
				background: url('../img/side-book-room.gif') no-repeat;
			}
			
			#side .box {
				margin: 0 0 5px 0;
				
				
				background: 0 0 url('../img/side-box-top.gif') no-repeat;
			}
				#side .box .bottom {
					padding: 15px;
					
					line-height: 150%;
					
					background: 0 bottom url('../img/side-box-bottom.gif') no-repeat;
				}
					#side .box h1 {
						margin: 0 0 5px 0;
						
						font-weight: bold;
						font-size: 12px;
						color: #db533c;
					}
			
			#side .form-box {
				position: relative;
				
				margin: 0 0 5px 0;
				_height: 100%;
				color: #fff;
				
				background: 0 0 url('../img/side-mail-top.gif') no-repeat #555;
			}
				#side .form-box .form-box-bottom {
					padding: 30px 10px 10px 10px;
					
					background: 0 bottom url('../img/side-mail-bottom.gif') no-repeat;
				}
					
					#side .form-box .title {
						position: absolute;
						
						top: 10px;
						left: 10px;
						
						font-size: 12px;
						font-weight: bold;
					}
						
					#side .form-box .form.txt {
						margin: 0;
						padding: 0;
					}
						#side .form-box .form.txt label {
							display: block;
							padding: 0;
							margin: 0 0 8px 0;
							
						}
						#side .form-box .form.txt input {
							margin: 0 0 0 0px;
							padding: 3px;
							
							border: 0;
							
							width: 150px;
							
							background: #fff;
						}
					
					#side .form-box .button {
						position: absolute;
						
						right: 10px;
						bottom: 8px;
						
						
						width: 20px;
						overflow: hidden;
						
						background: url('../img/side-mail-button.gif') no-repeat;
					}
						#side .form-box .button input {
							float: left;
							
							padding: 3px 3px 3px 30px;
							
							border: 0;
							background: transparent;
						}
				
			
			
			#side ul {
				margin: 0 0 5px 0;
			}
			#side ul ul {
				margin: 0;
			}
			
				#side ul li {
					_height: 100%;
				}
				#side ul li:first-child {
					padding-top: 25px;
					
					background: 0 0 url('../img/side-nav-top.gif') repeat-x #F1F1F1;
					
				}
					#side ul li A {
						display: block;
						
						padding: 5px 15px;
						
						color: #333;
						_height: 100%;
						
						background: #F1F1F1;
						
						border: 1px solid #ddd;
						border-top: 0px;
					}
					#side ul li A:hover {
						text-decoration: none;
						color: #db533c;
					}
					#side ul li A.selected {
						font-weight: bold;
						color: #db533c;
					}
						
						#side ul ul A {
							padding-left: 30px;
						}
							#side ul ul ul A {
								padding-left: 45px;
							}
								#side ul ul ul A {
									padding-left: 60px;
								}
						
					
			
		#main #content-wrap {
			float: left;
			
			width: 100%;
		}
			#main #content-wrap #head {
				position: relative;
				
				margin: 5px 5px 5px 210px;
				
				height: 80px;
				
				background: 0 bottom url('../img/head-back.gif') repeat-x;
			}
				#head .lang {
					position: absolute;
					
					top: 6px;
					right: 0px;
					
					min-width: 20px;
					height: 20px;
				}
					#head .lang A {
						display: block;
						
						width: 16px;
						height: 11px;
						
						text-indent: -9999px;
						outline: none;
					}
					#head .lang A.english {
						background: url('../img/head-flag-gb.png');
					}
					#head .lang A.icelandic {
						background: url('../img/head-flag-is.png');
					}
					
				
				#head .nav {
					position: absolute;
					
					bottom: 7px;
					left: 12px;
				}
					.nav ul {
					}
						.nav ul li {
							float: left;
						}
							.nav ul li a {
								display: block;
								float: left;
								
								text-decoration: none;
								
								font-size: 14px;
								color: #db533c;
								
								margin: 0 20px 0 0;
							}
				
				#head .search {
					position: absolute;
					
					bottom: 7px;
					right: 8px;
				}
					.search .text {
						float: left;
						
						margin: 0 3px 0 0;
						padding: 2px 2px 2px 24px;
						
						width: 100px;
						
						color: #ccc;
						
						border: 1px solid #DDD;
						background: 3px 4px url('../img/head-search-icon.gif') no-repeat #fff;
					}
					.search .text:focus {
						color: #333;
						border: 1px solid #AAA;
					}
					.search span {
						float: left;
						width: 20px;
						overflow: hidden;
					}
						.search span input {
							float: left;
							padding: 2px 0 2px 50px;
							
							border: 0;
							cursor: pointer;
							
							background: 0 0 url('../img/head-search-button.gif') no-repeat;
						}
				
				#head .links {
					position: absolute;
					
					top: 3px;
					right: 28px;
				}

				
			#main #content-wrap #content {
				margin: 0 5px 5px 210px;
				padding: 10px;
				
				min-height: 500px;
				line-height: 150%;
				_height: 100%;
				
				background: #fff;
			}
				
				#RotBanner {
					position: relative;
					margin: -10px -10px 10px -10px;
				}
					#ImageWrap {
						position: relative;
						
						height: 260px;
						
						overflow: hidden;
						
					}
						#ImageWrap .Image {
							position: absolute;
							
							height: 260px;
							width: 800px;
							
							background: center no-repeat #000;
						}
		
			.main-content h1,h2,h3 {
				margin: 0 0 10px 0;
				padding: 0 0 0 0;
				
				font-weight: bold;
				color: #DB533C;
			}
			.main-content h1 {
				font-size: 19px;
			}
			.main-content h2 {
				font-size: 17px;
			}
			.main-content h3 {
				font-size: 14px;
			}
			
			.main-content ul {
				margin: 10px 0;
			}
				.main-content ul li {
					margin: 0 0 0 20px;
					padding: 0 0 2px 0px;
					
					list-style: circle;
				}

.form-container {
	margin: 0px;
}

.form-title {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	
	font-size: 17px;
	font-weight: bold;
	color: #DB533C;
}
.form {
}

.form.txt {
	padding: 0 0 0 10px;
}
	.form.txt label {
		display: block;
		
		margin: 0 0 5px -10px;
	}
	.form.txt input,
	.form.txt textarea,
	.form.txt select
	{
		margin: 0 0 8px -10px;
		padding: 4px;
		
		width: 100%;
		
		border: 1px solid #ddd;
		border-top: 1px solid #aaa;
	}
.form.btn {
}
				




.image-list {
	margin-left: -25px;
	_margin-left: 0px;
}
	.image-item {
		float: left;
		
		margin: 0 0 25px 25px;
		
		width: 120px;
		height: 120px;
	}
		.image-item A {
			display: block;
			
			width: 120px;
			height: 120px;
			
			background: center no-repeat #000;
		}
		.image-item span {
			display: none;
		}