html
{
	overflow-y: scroll;
}

html, body 
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #475353;
	color: #fff;
}

form
{
	margin: 0; padding: 0;
}

input, select, textarea
{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
}

a
{
	color: #fff;
	text-decoration: underline;
}
	a:hover
	{
		color: #fff;
		text-decoration: none;
	}
	a:focus
	{
		outline: 0;
	}

img
{
	vertical-align: bottom;
}

#Container
{
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	_height: 100%;
	_height: expression(this.scrollHeight < document.documentElement.clientHeight ? document.documentElement.clientHeight : this.scrollHeight);
	position: relative;
}

#Header
{
	background-color: #7a180c;
	border-bottom: 1px solid #310b07;
	width: 100%;
	padding: 8px 0 2px 0;
	text-align: center;
}
	#Top
	{
		text-align: left;
		width: 780px;
		position: relative;
		margin: 0 auto;
	}
		#Top h1
		{
			font-weight: bold;
			font-size: 200%;
			margin: 0;
		}
			#Top h1 a
			{
				text-decoration: none;
			}
				#Top h1 a:hover
				{
					text-decoration: underline;
				}
		#Flags
		{
			position: absolute;
			bottom: 3px;
			right: 0;
		}
			#Flags a
			{
				float: left;
				padding-top: 3px;
				padding-bottom: 0;
			}
				#Flags a:hover
				{
					padding-bottom: 3px;
					padding-top: 0;
				}
			#Flags img
			{
				border: solid 1px #fff;
				margin-left: 5px;
			}
		
#Holder
{
	width: 100%;
	background-image: url(../img/shadow_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
	#Center
	{
		text-align: left;
		width: 780px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
		overflow: visible;
	}
	.b1
	{
		margin: 0 -25px;
		width: 830px;
		position: relative;
		background-color: #2a3030;
		background-image: url(../img/shadow_left.jpg);
		background-repeat: repeat-y;
		background-position: left;
	}
	.b2
	{
		width: 100%;
		background-image: url(../img/shadow_right.jpg);
		background-repeat: repeat-y;
		background-position: right;
	}
	.b3
	{
		width: 100%;
		background-image: url(../img/shadow_left_top.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.b4
	{
		width: 100%;
		background-image: url(../img/shadow_right_top.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
	.b5
	{
		background-image: url(../img/shadow_bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 0 25px 30px 25px;
	}
	
	.BoxTop, .Box
	{
		background-color: #7a180c;
		border: solid 5px #fff;
		width: 770px;
		margin: 0 auto;
	}
	.Box
	{
		margin-top: 10px;
	}

#Soliditet {
	position: relative;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	height: 170px;
}

#Footer
{
	text-align: center;
	padding: 0;
	background-color: #7a180c;
	border-top: 1px solid #310b07;
	width: 100%;
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
}
	#Contact
	{
		width: 770px;
		height: 29px;
		line-height: 28px;
		padding: 0 5px;
		margin: 0 auto;
		overflow: hidden;
		font-size: 85%;
		font-weight: bold;
	}
		#Contact span
		{
			float: left;
			width: 22%;
			overflow: hidden;
			white-space: nowrap;
			text-align: center;
		}
			#Contact span.f
			{
				width: 33%;
			}

#Calyptus
{
	position: absolute;
	bottom: 30px;
	z-index: 1;
	right: 0;
	width: 30px;
	height: 109px;
	background-image: url(../img/calyptus_icon.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
	#Calyptus:hover
	{
		background-image: url(../img/calyptus_logo.gif);
	}
	

#Menu
{
	width: 100%;
	position: relative;
	z-index: 4;
}
	#Menu ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#Menu ul.Left, #Menu ul.Right
	{
		float: left;
		position: relative;
	}
	#Menu ul.Right
	{
		float: right;
	}
		#Menu li
		{
			list-style: none;
			float: left;
			margin: 0;
			padding: 0;
		}
			#Menu a
			{
				display: block;
				font-size: 100%;
				font-weight: bold;
				line-height: 27px;
				padding: 0 10px;
				text-decoration: none;
			}
			#Menu .Right a
			{
				font-size: 93%;
			}
			#Menu ul li.Pop
			{
				background-color: #630e05;
			}
			#Menu a:hover
			{
				background-color: #95463d;
			}
		#Menu ul ul
		{
			position: absolute;
			top: 100%;
			left: 0;
			width: 770px;
			display: none;
			font-size: 93%;
		}
			#Menu ul ul li
			{
				background-color: #630e05;
				border-bottom: 1px solid #000;
				border-right: 1px solid #000;
				margin-right: -1px;
			}
			#Menu ul li.Pop ul
			{
				display: block;
			}
				#Menu ul ul a
				{
					padding: 0 8px;
				}
				#Menu ul ul a:hover
				{
					background-color: #95463d;
				}
#Clearer
{
	display: block;
	font-size: 1px;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
	clear: both;	
}	
	
#Presenter
{
	position: relative;
	z-index: 3;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
	height: 235px;
	clear: both;
	overflow: hidden;
}
	#BGImg
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	#Thumbnails
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 150px;
	}
		#Thumbnails a
		{
			float: right;
			color: #fff;
			border: 5px solid #fff;
			margin-top: 5px;
			margin-left: 5px;
			background-color: #fff;
		}
			#Thumbnails img
			{
				border: 0;
			}
				#Thumbnails a:hover img
				{
					opacity: .80;
					-khtml-opacity: .80;
					-moz-opacity: .80;
					filter: alpha(opacity=80);
				}
	#VRInstructions
	{
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		width: auto;
		background-color: #fff;
		line-height: 125%;
		color: #000;
		font-size: 85%;
		padding: 1px 0.5em 3px 0.5em;
		opacity: .75;
		-khtml-opacity: .75;
		-moz-opacity: .75;
		filter: alpha(opacity=75);
	}
	#Overlay
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#Presenter h1, #Presenter h2, #Presenter h3, #Presenter h4, #Presenter p, #Presenter ul
	{
		margin: 0 0 0 0;
		line-height: 120%;
	}
		#Presenter h1
		{
			font-size: 300%;
			line-height: 120%;
		}
		#Presenter h2
		{
			font-size: 200%;
			line-height: 120%;
		}
		#Presenter h3
		{
			font-size: 200%;
			line-height: 120%;
			width: 100%;
			overflow: hidden;
		}
		#Presenter h4
		{
			font-size: 180%;
			width: 100%;
			overflow: hidden;
			line-height: 120%;
		}
	#Presenter .SplitLeft
	{
		float: left;
	}
	#Presenter .SplitRight
	{
		float: right;
	}
	#Presenter .Col4
	{
		float: left;
		width: 25%;
	}
	#Map
	{
		position: absolute;
		width: 100%;
		height: 100%;
		display: none;
	}
	#FadeOut
	{
		position: absolute;
		background-color: #fff;
		width: 100%;
		height: 100%;
		display: none;
	}
		#Loader
		{
			display: none;
			position: absolute;
			width: 27px;
			height: 27px;
			left: 50%;
			top: 50%;
			margin: -13px;
		}

#Main
{
	position: relative;
	width: 100%;
	min-height: 0px;
	overflow: hidden;
	font-size: 93%;
}
	#Main .Split2
	{
		float: left;
		width: 49%;
		overflow: hidden;
	}
	#Main .Col3
	{
		float: left;
		width: 33%;
		padding: 1em 0;
	}
	#Main .Left
	{
		float: left;
		width: 50%;
		padding: 1em 0;
	}
	#Main .Right
	{
		float: right;
		width: 49%;
		padding: 1em 0;
	}
	
	#Main h1, #Main h2, #Main h3, #Main h4, #Main p, #Main ul
	{
		margin: 0px 1em 0.5em 1em;
		line-height: 155%;
		font-weight: bold;
	}
	#Main h2
	{
		font-size: 160%;
		line-height: 120%;
		margin: 0 0.62em 0.4em 0.62em;
	}
	#Main h3
	{
		font-size: 140%;
		margin: 0 0.71em 0.5em 0.71em;
		line-height: 120%;
	}
	#Main h4
	{
		margin: 1em 0.83em 0.5em 0.83em;
		font-size: 120%;
		line-height: 120%;
	}

	#Main small
	{
		font-size: 93%;
		line-height: 145%;
	}
	
#Main ul.CheckBoxes
{
	margin: 0 1em;
	padding: 0;
	list-style: none;
}
	ul.CheckBoxes li
	{
		list-style: none;
		display: block;
		margin: 0 0 0.4em 0;
		padding-left: 22px;
		min-height: 14px;
		background-image: url(../img/CheckBox.gif);
		background-repeat: no-repeat;
		background-position: 0.1em 0.1em;
		font-weight: bold;
	}
		ul.CheckBoxes li.Unchecked
		{
			background-image: url(../img/CheckBox_no.gif);
			color: #bd8c86;
		}
ul#Rules
{
	margin: 0;
	padding: 0 0 0.4em 2.5em;
}

#InfoBoxes
{
	position: relative;
	width: 100%;
	overflow: hidden;
	clear: both;
	border-top: 5px solid #fff;
	height: 85px;
}
	#InfoBoxes div
	{
		width: 110%;
	}
		#InfoBoxes a
		{
			float: left;
			position: relative;
			border-right: 5px solid #fff;
			background-color: #fff;
		}
			#InfoBoxes img
			{
				border: 0;
			}
				#InfoBoxes a:hover img
				{
					opacity: .80;
					-khtml-opacity: .80;
					-moz-opacity: .80;
					filter: alpha(opacity=80);
				}

table.Prices
{
	margin: 0 0 8px 4%;
	width: 93%;
}
	.Right table.Prices
	{
		margin-left: 2%;
	}
table.SmallPrices
{
	width: 300px;
}
table.Prices .Header
{
	font-size: 115%;
	border-bottom: 1px solid #fff:
}
	table.Prices td
	{
		line-height: 155%;
		font-weight: bold;
	}
	table.Prices td.Space
	{
		width: 40px;
	}
	table.Prices td.Price
	{
		text-align: right;
	}

#Booking
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}
	#Booking iframe
	{
		border: 0;
		background-color: #fff;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 1000px;
		overflow: auto;
		display: block;
	}
	#RoomHeader
	{
		margin: 0.3em 0.3em;
		float: left;
	}
	#RoomTypeSelector
	{
		margin: 0.8em 0.8em 0 0.4em;
		padding: 0;
		float: right;
	}
	#RoomType
	{
		font-size: 93%;
	}
	#TotalPrice, #Back
	{
		margin: 0.4em 0.4em;
		float: left;
	}
	#Continue, #Finish
	{
		margin: 0.4em 0.4em 0.4em 0.4em;
		float: right;
	}
#BookingForm
{
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-bottom: 0.8em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
	position: relative;
	color: #000;
}
	#BookingForm a
	{
		color: #7A180C;
	}
	#BookingForm h2
	{
		color: #7A180C;
		margin: 0.2em 0;
	}
		#BookingForm select
		{
			font-size: 93%;
		}
	#Prices
	{
		position: relative;
		width: 100%;
		margin: 0.2em 0;
		overflow: hidden;
	}
		#Prices table
		{
			float: left;
			width: 49%;
			padding: 0;
			margin: 0;
		}
			#Prices td, #Prices th
			{
				padding: 0;
				margin: 0;
				vertical-align: top;
			}
			#Prices th
			{
				color: #7A180C;
				padding-top: 0.4em;
				padding-bottom: 0.4em;
			}
				#Prices h3
				{
					margin: 0 0 0.3em 0;
				}
		#Prices p
		{
			font-size: 93% !important;
			line-height: 140%;
		}
		#Dates
		{
			 /*position: absolute;
			 bottom: 1em;
			 left: 50%;
			 width: 49%;*/
			 margin-left: 1em;
		}
			#Dates select
			{
				font-size: 100%;
			}
		#Prices .c1
		{
			text-align: center;
		}
		#Prices .c3
		{
			white-space: nowrap;
		}
		
	#BookingForm p
	{
		font-size: 93%;
		text-align: center;
	}
		#BookingForm div p
		{
			text-align: left;
		}
	#Error
	{
		text-align: center;
		color: #7A180C;
		margin-top: 0;
		font-size: 93%;
	}
	
	#Step2
	{
		overflow: hidden;
		width: 100%;
		margin-bottom: 1em;
	}
		#ContactInfo
		{
			float: left;
			width: 50%;
			margin-left: 1%;
		}
		#Summary
		{
			float:right;
			width: 48%;
		}
			#ContactInfo div, #Summary div
			{
				width: 100%;
				overflow: hidden;
			}
			#ContactInfo div label, #ContactInfo div .label, #Summary div label, #Summary div .label
			{
				clear: both;
				float: left;
				margin-top: 3px;
				width: 40%;
				font-weight: bold;
			}
			#Step2 .Text, #Step2 select
			{
				font-size: 100%;
				margin-top: 1px;
				width: 55%;
			}
			#Step2 .expLabel, #CCExpMonth, #CCExpYear
			{
				font-weight: normal;
				width: auto !important;
				float: none !important;
			}
			#Step2 h3, #Summary h3
			{
				color: #7A180C !important;
				margin: 0.8em 0 0.4em 0;
			}
			#Step2 p, #Summary p
			{
				margin: 0.4em 0;
			}
			
			#Other
			{
				width: 95%;
				height: 8em;
			}

table.Prices td.Price
{
	white-space: nowrap;
}

.Error
{
	color: #990000;
	font-weight: bold;
}

p.Error
{
	text-align: center;
	color: #7A180C;
	margin-top: 0;
	font-size: 93%;
}