/* Structural Site Styling */
/* Reference "visual.css" for visual styling of elements */
body {
	margin: 0;
	height: 100%;
	width: 100%;
	}

html {
	margin: 0;
	height: 100%;
	width: 100%;
	}

img {
	border: none;
	}

div, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

.container {
	position: relative;
	margin: 5px 10px 3px 10px;
	padding: 10px;
	background: url('../images/reserve_back.gif') left bottom repeat-x #313232;
	border: 1px solid #313232;
	}

#master_container {
	position: relative;
	width: 100%;
	margin: auto;
	}

#header {
	position: relative;
	z-index: 300;
	width: 100%;
	height: 304px;
	padding: 0;
	margin: 0;
	}

	#header_inner {
		position: relative;
		z-index: 300;
		width: 894px;
		height: 264px;
		overflow: hidden;
		padding: 40px 0 0 0;
		margin: 0 auto 0 auto;
		}
	
	#langBox {
		/* display:none; */
		position: absolute;
		z-index: 1000;
		top: 15px;
		left: 8px;
		font: .82em Tahoma, Arial, Helvetica, sans-serif;
		color: #7c7c7c;
		padding-right: 35px;
		background: url('../images/arrow_down.gif') 73px 5px no-repeat;
		}
		#langBox h6 {
			font-size: 1em;
			font-weight: normal;
			}
			#langBox h6 a, #langBox h6 a:link, #langBox h6 a:visited {
				color: #7c7c7c;
				text-decoration: none;
				}
			#langBox h6 a:hover {
				color: #cccccc;
				}
			#langDropDown {
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				}
			#current_lang {
				position: absolute;
				top: 0;
				left: 51px;
				}
	
	#headerImageContainer {
		position: absolute;
		z-index: 1;
		left: 213px;
		top: 67px;
		width: 680px;
		height: 240px;
		overflow: hidden;
		}
		#headerImage {
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
			width: 680px;
			margin: 0;
			}
			#headerImage embed, #headerImage object {
				position: relative;
				z-index: 1;
				}
	
	#utilityLinks {
		position: absolute;
		z-index: 1000;
		top: 11px;
		right: 8px;
		font: .82em Tahoma, Arial, Helvetica, sans-serif;
		color: #c4c2c2;
		}
		#utilityLinks a, #utilityLinks a:link, #utilityLinks a:visited {
			color: #c4c2c2;
			margin: 0 10px 0 10px;
			}
		#utilityLinks a:hover {
			color: #ffffff;
			}
		#audioPlayerHolder {
			position: relative;
			display: inline;
			width: 40px;
			height: 17px;
			}
			#audioPlayerHolder #ap {
				margin-bottom: -4px;
				}
	
	ul#nav {
		position: relative;
		z-index: 999;
		width: 100%;
		margin: 0;
		padding: 0;
		}
		ul#nav li {
			position: relative;
			z-index: 999;
			list-style-type: none;
			float: left;
			margin: 0;
			padding: 0;
			}
			ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
				position: relative;
				display: block;
				height: 0;
				width: 127px;
				padding-top: 26px;
				text-align: center;
				overflow: hidden;
				background-position: 0 0;
				}
			ul#nav li a:hover {
				background-position: 0 26px;
				}
				ul#nav li.nav1 a { background-image: url('../images/btn_nav1.gif'); margin-left: 4px; }
				ul#nav li.nav2 a { background-image: url('../images/btn_nav2.gif'); }
				ul#nav li.nav3 a { background-image: url('../images/btn_nav3.gif'); }
				ul#nav li.nav4 a { background-image: url('../images/btn_nav4.gif'); }
				ul#nav li.nav5 a { background-image: url('../images/btn_nav5.gif'); }
				ul#nav li.nav6 a { background-image: url('../images/btn_nav6.gif'); }
				ul#nav li.nav7 a { background-image: url('../images/btn_nav7.gif'); }
				
								ul#nav li.nav1 a , ul#nav li.nav1 a:link, ul#nav li.nav1 a:visited { width:191px }
				ul#nav li.nav2 a , ul#nav li.nav2 a:link, ul#nav li.nav2 a:visited { width:190px }
				ul#nav li.nav1 ul { margin-left:4px; width:187px; }
				ul#nav li.nav2 ul { width:190px; }
	
	#branding {
		position: relative;
		z-index: 100;
		width: 212px;
		height: 240px;
		padding: 10px 0 0 0;
		margin: 0 0 0 0;
		float: left;
		text-align: center;
		}
		#hrLogo {
			position: relative;
			padding: 0 0 10px 0;
			}
	
	a#reserve_link, a#reserve_link:link, a#reserve_link:visited {
		position: relative;
		display: block;
		width: 128px;
		height: 0;
		padding-top: 22px;
		overflow: hidden;
		margin: 0 auto 7px auto;
		background: url('../images/onlinereservations.gif') 0 0 no-repeat;
		}

#content {
	position: relative;
	z-index: 500;
	width: 894px;
	margin: 0 auto 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
	clear: both;
	min-height: 170px;
	}
	
	#bar {
		position: absolute;
		z-index: 300;
		width: 894px;
		height: 24px;
		top: 1px;
		left: 1px;
		/* background: url('../images/separator.jpg') 0 0 no-repeat; */
		}
		#tattoo {
			position: relative;
			z-index: 100;
			}
		img#tattoo {
			padding: 1px 0 0 1px;
			}
		a#tour360, a#tour360:link, a#tour360:visited {
			position: absolute;
			z-index: 200;
			top: 5px;
			left: 50px;
			width: 117px;
			height: 0;
			padding-top: 17px;
			overflow: hidden;
			background: url('../images/btn_360tour.gif') 0 0;
			}
	
	.column {
		position: relative;
		float: left;
		}
	
	#left {
		width: 220px;
		height: auto;
		min-height: 200px;
		margin-right: -220px;
		z-index: 200;
		background: url('../images/column_separator.gif') right center no-repeat;
		}
		#hrLive {
			position: relative;
			width: 170px;
			margin: 0 auto 0 auto;
			text-align: center;
			}
			#hrLive h3 {
				margin: 5px 0 10px 0;
				}
			#hrLive ul {
				position: relative;
				margin: -3px auto -5px auto;
				padding: 0;
				list-style: none;
				}
				#hrLive ul li {
					position: relative;
					margin: 0;
					padding: 0;
					font-size: 14px;
					height: 19px;
					text-align: left;
					}
				#hrLive p {
					text-align: left;
					}
				
		#sideNav {
			position: relative;
			margin: 0 0 0 20px;
			padding: 0;
			list-style: none;
			width: 180px;
			}
			#sideNav li {
				position: relative;
				margin: 0 0 10px 0;
				padding: 0;
				text-align: right;
				height: 20px;
				clear: both;
				}
				#sideNav li span {
					position: absolute;
					z-index: 1;
					display: block;
					margin: 0;
					padding: 0;
					overflow: hidden;
					top: 0;
					width: 160px;
					}
					#sideNav li span.active {
						left: 10px;
						height: 19px;
						}
					#sideNav li span.inactive {
						left: -5000px;
						height: 19px;
						}

				#sideNav li .overlay img {
					position: absolute;
					z-index: 999;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					}
	
	#right {
		padding: 0 0 0 240px;
		z-index: 100;
		}
		
		#content_header {
			position: relative;
			z-index: 999;
			width: 610px;
			height: 35px;
			margin: 0 0 0 20px;
			padding: 0;
			overflow: hidden;
			clear: both;
			}
		#content_body {
			position: relative;
			width: 610px;
			padding: 0 0 0 20px;
			margin: 0;
			overflow: hidden;
			clear: both;
			}

			#sectionTitles {
				position: relative;
				height: 35px;
				z-index: 999;
				overflow: hidden;
				margin: 0;
				padding: 0;
				}
				#tContainer {
					position: absolute;
					top: 0;
					left: 0;
					width: 600px;
					height: 35px;
					}
					#tContainer .titleBlock {
						position: relative;
						overflow: hidden;
						width: 100%;
						clear: both;
						height: 35px;
						}
			
			#content_body p {
				margin: 1em 0 1em 0;
				}

			#content_body .form {
				position: relative;
				width: 100%;
				}
				#content_body .form ol {
					position: relative;
					width: 355px;
					margin: 0;
					padding: 1em 0 1em 0;
					list-style: none;
					}
					#content_body .form ol li {
						position: relative;
						width: 100%;
						overflow: hidden;
						clear: both;
						margin-bottom: 5px;
						}
						#content_body .form ol li label {
							position: relative;
							width: 150px;
							float: left;
							line-height: 22px;
							}
						#content_body .form ol li input.textField, #content_body .form ol li select.textField {
							position: relative;
							width: 200px;
							float: left;
							border: 1px solid #999999;
							line-height: 22px;
							}
						#content_body .form ol li select.textField {
							width: 202px;
							}
						#content_body .form ol li input.submitBtn {
							position: relative;
							float: right;
							}

	#box_left, #box_right {
		position: relative;
		float: left;
		width: 293px;
		margin: 0 0 0 15px;
		padding: 0;
		text-align: center;
		}
		#box_left {
			margin: 0 0 0 -20px;
			padding: 0 25px 0 0;
			background: url('../images/column_separator.gif') right center no-repeat;
			}
		#box_left p, #box_right p {
			text-align: left;
			}
		#box_left h3, #box_right h3 {
			margin: 5px 0 5px 0;
			}
		#box_left .highlight_image, #box_right .highlight_image {
			position: relative;
			float: left;
			}
		#box_left .highlight_title, #box_right .highlight_title {
			position: relative;
			float: left;
			}
		#box_left .float, #box_right .float {
			float: right;
			width: 50%;
			}
		#box_left .full, #box_right .full {
			width: 100%;
			}
			#box_left .float h3, #box_right .float h3 {
				text-align: left;
				}

#header {
	position: relative;
	z-index: 300;
	width: 100%;
	height: 304px;
	padding: 0;
	margin: 0;
	}

	#header_inner {
		position: relative;
		z-index: 300;
		width: 894px;
		height: 264px;
		overflow: hidden;
		padding: 40px 0 0 0;
		margin: 0 auto 0 auto;
		}
		
#footer {
	position: relative;
	width: 100%;
	z-index: 999;
	height: 150px;
	padding: 0;
	margin: 0;
	clear: both;
	}
	#footer_inner {
		position: relative;
		z-index: 999;
		width: 894px;
		height: 150px;
		overflow: hidden;
		padding: 10px 0 30px 0;
		margin: 0 auto 0 auto;
		}
	
	.footer_left {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 150px;
		padding: 15px 0 0 20px;
		}
		#awards {
			position: relative;
			margin: 0;
			padding: 20px 0;
			}
	
	.footer_right {
		position: absolute;
		width: 380px;
		height: 150px;
		top: 0;
		right: 0;
		text-align: right;
		padding: 15px 20px 0 0;
		}
		#corporateLinks {
			position: relative;
			width: 100%;
			overflow: hidden;
			}
		#utilityFooter {
			position: relative;
			clear: both;
			margin: 0;
			padding: 15px 0;
			}
			#utilityFooter p {
				margin: 1em 0 .5em 0;
				padding: 0;
				}
	
	ul.dropMenu {
		position: absolute;
		z-index: 999;
		margin: 0;
		padding: 5px;
		background: url('../images/nav_back.gif') left bottom repeat-x;
		border: 1px solid #333333;
		font-size: 10px;
		list-style: none;
		display: none;
		}
		ul#tours {
			z-index: 999;
			top: 25px;
			left: 40px;
			width: 116px;
			font-size: 10px;
			padding: 10px;
			}
		ul#hotels {
			z-index: 900;
			top: 20px;
			left: 85px;
			width: 145px;
			}
		ul#langDropDown {
			top: -6px;
			left: 45px;
			width: 19px;
			}
		ul.dropMenu li {
			position: relative;
			margin: 0;
			padding: 0;
			height: 15px;
			}
			ul.dropMenu li.introText {
				height: auto;
				padding-bottom: 7px;
				}
			ul.dropMenu li a, ul.dropMenu li a:link, ul.dropMenu li a:visited {
				display: block;
				color: #dddddd;
				background: none;
				padding: 0 2px 0 2px;
				line-height: 15px;
				}
			ul.dropMenu li a:hover {
				color: #ffffff;
				background: #666666;
				}
			ul#langDropDown li a, ul#langDropDown li a:link, ul#langDropDown li a:visited {
				display: block;
				color: #dddddd;
				background: none;
				padding: 0;
				}
			ul#langDropDown li a:hover {
				color: #ffffff;
				background: none;
				}
			ul#tours li a, ul#tours li a:link, ul#tours li a:visited {
				display: block;
				color: #989898;
				background: none;
				padding: 0;
				}
			ul#tours li a:hover {
				color: #ffffff;
				background: none;
				}




/* Availability Popup Styling */
#check_availability {
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -433px;
	z-index: 998;
	width: 390px;
	height: 240px;
	border: 1px solid #393a39;
	color: #989898;
	background: url('../images/availability_back.gif') left bottom repeat-x #323131;
	font: bold 11px Arial, Helvetica, sans-serif;
	}
	#check_availability ul {
		position: absolute;
		margin: 0;
		padding: 0;
		list-style: none;
		left: 30px;
		}
		#check_availability ul li {
			margin: 0;
			padding: 0 0 5px 0;
			}
			#check_availability li input {
				width: 70px;
				}
			#check_availability li label {
				position: relative;
				display: block;
				float: left;
				width: 75px;
				height: 0;
				overflow: hidden;
				}
				img#title_arrival, img#title_departure {
					padding-top: 8px;
					margin: 0;
					height: 8px;
					}
				label#title_adults {
					margin-top: 8px;
					padding-top: 8px;
					background: url('../images/title_adults.gif') 0 -8px repeat-y;
					}
				label#title_children {
					margin-top: 8px;
					padding-top: 8px;
					background: url('../images/title_children.gif') 0 -8px repeat-y;
					}
				label#title_rooms {
					margin-top: 8px;
					padding-top: 8px;
					background: url('../images/title_rooms.gif') 0 -8px repeat-y;
					}
					
	ul#select_dates {
		top: 40px;
		left: 19px;
		}
	ul#select_guests {
		top: 100px;
		}
	ul#select_rooms {
		top: 165px;
		}
	ul#submit-clear {
		top: 155px;
		left: 220px;
		}
		ul#submit-clear li {
			padding: 0;
			}
	ul#reserve-utility {
		left: 0;
		top: 200px;
		height: 40px;
		width: 100%;
		background: url('../images/availability_rule.gif') 0 0 no-repeat;
		}
		ul#reserve-utility li {
			float: left;
			height: 40px;
			padding-left: 20px;
			padding-top: 15px;
			}
			ul#reserve-utility li#beAStar {
				float: right;
				padding-top: 13px;
				padding-left: 0;
				padding-right: 30px;
				text-transform: uppercase;
				}
	a#close_link, a#close_link:link, a#close_link:visited {
		position: absolute;
		top: 0;
		right: 0;
		width: 16px;
		height: 16px;
		line-height: 16px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #666666;
		text-align: center;
		text-decoration: none;
		background: #202221;
		}
	a#close_link:hover {
		color: #ffffff;
		background: #333333;
		}
	a#availability_link, a#availability_link:link, a#availability_link:visited {
		position: absolute;
		display: block;
		width: 126px;
		height: 0;
		overflow: hidden;
		padding-top: 8px;
		margin: 0;
		top: 15px;
		left: 30px;
		background: url('../images/title_onlinereservations.gif') 0 0 no-repeat;
		}
	a#btn_checkAvailability, a#btn_checkAvailability:link, a#btn_checkAvailability:visited {
		position: relative;
		display: block;
		height: 0;
		overflow: hidden;
		margin: 0;
		width: 130px;
		padding-top: 20px;
		background: url('../images/btn_checkavailability.gif') 0 0;
		}
	a#btn_checkAvailability:hover {
		background-position: 0 20px;
		}
	a#btn_clearForm, a#btn_clearForm:link, a#btn_clearForm:visited {
		position: relative;
		display: block;
		height: 0;
		overflow: hidden;
		margin: 0;
		width: 130px;
		padding-top: 20px;
		background: url('../images/btn_clearform.gif') 0 0;
		}
	a#btn_clearForm:hover {
		background-position: 0 20px;
		}
	a#btn_retrieveCancelRegistration, a#btn_retrieveCancelRegistration:link, a#btn_retrieveCancelRegistration:visited {
		position: relative;
		display: block;
		height: 0;
		overflow: hidden;
		margin: 0;
		width: 165px;
		padding-top: 9px;
		background: url('../images/btn_retrievecancel.gif') 0 0;
		}
	a#btn_retrieveCancelRegistration:hover {
		background-position: 0 9px;
		}