/* THE BIG GUYS */

	html, body										{ margin:0; padding:0; }
	body, p, a, td									{ font-family: Helvetica,arial,tahoma,verdana,sans-serif; font-size: 12px; color: #777777; }

/* WRAPPER */

	#wrapper										{ position: absolute; left: -461px; top: 0; width: 922px; margin-left: 50%; }

/* LINKS */

	a,a:link,a:link,a:link,a:hover					{ background:transparent; }
	a:link											{ }
	a:visited										{ }
	a:hover,a:active								{ }

/* TYPOGRAPHY */

	p												{ font-size: 12px; line-height: 16px; }
	h1												{ font-size: 13px; font-weight: bold; text-transform: uppercase; }
	h1 em											{ font-size: 11px; font-weight: normal; text-transform: lowercase; color: #999999; font-style: normal; }
	h2												{ font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; color: #666666; clear: both; }
	h3												{ font-size: 12px; font-weight: bold; text-transform: uppercase; }
	h4												{ font-size: 12px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; margin-top: 5px; }
	h5												{ font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; margin-top: 5px; color: #c00; text-decoration: underline; }
	h6												{ font-size: 12px; color: #600; margin-bottom: 10; margin-top: 5px;}
	
/* MISC */

	#alert											{ color: #555555; }
	.floatRight										{ float: right; }
	.floatLeft										{ float: left; }
	.clear											{ clear: both; }
	.borderTop										{ border-top: solid 1px #999999; }
	.borderBottom									{ border-bottom: solid 1px #999999; padding: 5px 0; }
	.vDivider										{ background-image: url(../images/misc/divider_vertical.gif); background-repeat: no-repeat; background-position: right 50px; }
	.phoneSyntax									{ font-size: 11px; }
	.requiredField									{ font-style: italic; }
	.total											{ border-bottom: 3px double #999999}
	.iconPopout										{ margin-left: 3px; }
	.webcam											{ border: solid 1px #999999; margin-top: 10px; }
	#blog-detail p 									{ margin: -10px; padding: -10px; text-decoration:none; 	 }

/* FORMS */

	label											{ padding-right: 10px; }
	#content td										{ font-size: 12px; vertical-align: middle; padding: 3px 0; }
	#content input,
	#content textarea,
	#content select									{ border: solid 1px #999999; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; color: #999999; padding: 2px; margin-right: 5px; }

	#content input.imgButton,
	#content input.checkbox							{ border: none; padding: 0; }

	#checkout input.imgButton						{ margin-bottom: 10px; margin-right: 50px; }

	.fixedWidthMedium								{ width: 110px; }

/* HEADER & LOGIN */

	#header											/*{ width: 922px; height: 20px; margin: auto; overflow: hidden; }*/
	#header li									    /*{ font-size: 11px; line-height: 23px; text-transform: uppercase; }*/

	#header a,
	#header a:link,
	#header a:visited						    	/*	{ color: #cccccc; font-size: 11px; text-decoration: none; } */
	#header a:hover									/* { text-decoration: underline; }*/

	#header ul										/* { list-style: none; margin: 0; padding: 0 15px; height: 20px; } */
	#header li										/* { height: 20px; } */
	#header input									/*{ position: relative; top: 0; width: 70px; height: 10px; border: solid 0px white; font-size: 10px; color: #666; }*/
	#header .float_right							/*{ float: right; padding: 0; }*/
	#header .float_left								/*{ float: left; padding: 0; }*/
	#header .login									/*	{ background-color: #cfcfcf; padding: 0 5px; color: #fff; }*/

	#header .login a,
	#header .login a:link,
	#header .login a:visited,
	#header .login a:hover					        /*{ color: #fff; }*/

/* NAV TOP */

	#containerNavTop								{ width: 922px; z-index: 60; } 

/* NAV SIDE */

	#containerNavSide								{ width: 160px; min-height: 390px; }
	#containerNavSide .padding						{ padding: 20px 10px; }

/* PANORAMAS */

	#panoramaHome									{ width: 918px; height: 338px; z-index: 1; }
	.panoramaHome_image								{ position: absolute; top: 2px; left: 2px; width: 910px; height: 330px; }
	.panoramaHome_shadow							{ position: absolute; top: 0; left: 0; }
	.panoramaHome_logo								{ position: absolute; top: 30px; left: 420px; }

	#panoramaActivity								{ width: 918px; height: 193px; z-index: 1; }
	.panoramaActivity_image							{ position: absolute; top: 2px; left: 2px; width: 910px; height: 185px; }
	.panoramaActivity_shadow						{ position: absolute; top: 0; left: 0; }
	.panoramaActivity_logo							{ position: absolute; top: 30px; left: 676px; }

/* CONTENT */

	#content .padding								{ padding: 10px 30px 10px 30px; }

	#typeB #content									{ width: 280px; min-height: 390px; background-image: url(../images/misc/divider_vertical.gif); background-repeat: no-repeat; background-position: right 50px; }

	#typeC #content									{ width: 755px; }
	#typeC #content h1								{ background-image: url(../images/misc/divider_horizontal.gif); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 10px; }
	#typeC #content #leftColumn						{ width: 400px; min-height: 390px; float: left; }
	#typeC #content #rightColumn					{ width: 325px; float: left; }
	#typeC #content #floorplanColumn				{ width: 755px; float: left; }

	#typeD #content									{ width: 755px; }
	#typeD table									{ display: table; width: 100%; empty-cells:show; }
	#typeD table th									{ padding: 15px 0 5px 0; font-size: 12px; border-bottom: 1px solid #346799; color: #346799; font-weight: normal; text-transform: uppercase; text-align: left; }
	#typeD table td									{ padding: 5px 0; font-size: 12px; vertical-align: top; /*border-bottom: 1px dotted #999999;*/ }
	#typeD table caption							{ caption-side: bottom; text-align: left; padding: 10px 0 20px 0; font-style: italic; }
	
	.viewproperties table td 						{ padding: 5px 5px; font-size: 12px;line-height: 16px; text-align: center; border-left: 1px dotted #999999; }


/* HERO IMAGE */

	#hero											{ width: 438px; height: 298px; }
	.hero_image										{ position: absolute; top: 2px; left: 2px; width: 430px; height: 290px; }
	.hero_shadow									{ position: absolute; top: 0; left: 0; }
	.hero_overlay,
	.hero_tagline									{ position: absolute; top: 192px; left: 2px; width: 430px; height: 60px; overflow: hidden; }

	.hero_tagline p									/*{ color: #fff; font-size: 12px; padding: 5px 10px 5px 70px; }
	.hero_tagline em								{ color: #fff; font-size: 16px; font-weight: bold; font-style: normal; text-transform: uppercase; }
	.hero_tagline img								{ padding: 10px; }*/

/* FEATURES */

	#features										{ width: 918px; height: 118px; }

	#features a,
	#features a:link,
	#features a:visited								{ color: #999999; text-decoration: underline; }
	#features a:hover								{ color: #999999; text-decoration: none; }

	.containerFeature								{ position: relative; top: 0; left: 0; width: 306px; height: 118px; float: left; }
	.containerFeature_shadow						{ position: absolute; top: 0; left: 0; }
	.containerFeature_content						{ position: absolute; top: 2px; left: 2px; width: 298px; height: 110px; background-color: #f6f6f6; overflow: hidden; }
	.containerFeature_content_bookit				{ position: relative; top: 2px; left: 2px; width: 238px; height: 90px; background-color: #f6f6f6; overflow: hidden; }

	.containerFeature_content p						{ padding-top: 13px; padding-right: 24px; padding-left: 8px;}
	.containerFeature_content em					{ font-weight: bold; font-style: normal; text-transform: uppercase; }
	.containerFeature_content img					{ padding: 13px 18px 13px 18px; }
	/*.containerFeature_content img.bookit			{ padding: 0 50px 0 0; }*/
	.containerFeature_content img.bookit			{ position: absolute; top: 125px;left: 180px;  }

/* SIDEBAR */

	#sidebar										{ }
	#sidebar .padding								{ padding: 10px 0 0 15px; }

/* FOOTER & PAGE HEADER */

	#footer											{ margin: 1px 0; }
	#typeA #footer									{ margin: 5px 0; }
	.containerWide									{ width: 918px; height: 36px; }	
	.containerWide_shadow							{ position: absolute; top: 0; left: 0; }
	.containerWide_content							{ position: absolute; top: 2px; left: 2px; width: 910px; height: 28px; background-color: #ededed; overflow: hidden; }

	.containerWide a,
	.containerWide a:link,
	.containerWide a:visited						{ color: #999999; font-size: 11px; text-decoration: none; }
	.containerWide a:hover							{ text-decoration: underline; }

	.containerWide ul								{ list-style: none; margin: 0; padding: 0 10px; }
	.containerWide li								{ color: #999999; font-size: 11px; line-height: 31px; }

	.containerWide li.floatRight					{ float: right; padding: 0; }
	.containerWide li.floatLeft						{ float: left; padding: 0; }
	.containerWide li.padding_weather				{ padding: 0 10px;  }

	.containerWide img.icon_weather					{ border: solid 1px #929392; position: relative; top: 5px; margin: 0 3px; }

	.containerWide li.title							{ color: #666666; font-size: 14px; text-transform: uppercase; font-weight: bold; }
	.containerWide li.title span					{ font-style: normal; }
	
/* SEARCH RESULTS & BOOKING */

	.searchResult									{ width: 100%; float: left; margin-bottom: 40px; }
	.searchResult.first								{ border: none; }
	.thumb											{ position: relative; top: 0; left: 0; width: 190px; height: 150px; overflow: hidden; float: left; margin-right: 30px; }
	.thumb .thumbShadow								{ position: absolute; top: 0; left: 0; width: 190px; height: 150px; background: url(../../../reservations/resources/misc/thumbShadow.gif) no-repeat; }
	.thumb .thumbPhoto								{ position: absolute; top: 9px; left: 9px; width: 160px; height: 120px; overflow: hidden; }
	.thumb .thumbPhoto img							{ width: 160px; height: 120px; }
	.description									{ float: left; width: 450px; }
	#leftColumn .description						{ width: 350px; }

	.tableBooking									{ position: relative; top: 35px; background-color: #f6f6f6; display: table; padding: 10px; empty-cells:show; }
	.tableBooking th								{ padding-top: 5px; padding-bottom: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
	.tableBooking td								{ padding-top: 5px; padding-bottom: 5px; font-size: 11px; }

/* CALENDAR AVAILABILITY */

	#calendar										{ margin-top: 35px; }
	.tableBooking #calendar							{ margin-top: 5px; empty-cells:show; }
	.tableCalendar                  				{ margin-bottom: 10px; background-color: #f6f6f6; display: table; border: solid 1px #999999; border-collapse: collapse; }
	.tableCalendar th,
	.tableCalendar td								{ border: solid 1px #999999; text-align: center; display: table-cell; text-transform: uppercase; padding: 3px; font-weight: bold; }
	.tableCalendar td.available						{ color: #fff; background-color: #336699; text-align: center; }
	.tableCalendar td.unavailable					{ color: #fff; background-color: #91acc9; text-align: center; }
	span.available									{ color: #336699; }
	span.unavailable								{ color: #91acc9; }

/* CHECKOUT PROGRESS */

	#checkout										{ }

	ul.progress										{ margin: 0 0 25px 0; padding: 0; list-style: none; float: left; }
	ul.progress li									{ float: left; border-right: solid 1px #fff; padding: 10px; }
	ul.progress li.active							{ color: #fff; }
	ul.progress li.checked							{ }

/* FLOORPLAN & VR */

	#floorplan										{ margin: 10px 0; }

/* POSITION ALL RELATIVE */

	#header											{ position: relative; float: left; }
	#containerNavTop								{ position: relative; float: left; }
	#containerNavSide								{ position: relative; float: left; left: 6px; }
	#panoramaHome									{ position: relative; float: left; left: 4px; }
	#panoramaActivity								{ position: relative; float: left; left: 4px; }
	#content										{ position: relative; float: left; }
	#hero											{ position: relative; float: left; left: 30px; top: 30px; }
	#sidebar										{ position: relative; float: left; left: 0; top: 0; }
	#features										{ position: relative; float: left; left: 4px; top: 7px; margin-bottom: 10px; }
	#footer											{ position: relative; float: left; left: 0; }
	.containerWide									{ position: relative; float: left; left: 4px; }
	.flashAnimation									{ position: relative; float: left; margin-top: 20px; }


/* TOP NAV */

	/* SUCKERFISH BARE BONE ~ TOP LEVEL */

	/* All Lists */
	#navTop,
	#navTop ul										{ padding: 1px; margin: 0; list-style: none; line-height: 1; }
	#navTop a										{ display: block; width: 10em; }

	/* All List Items */
	#navTop li										{ float: left; width: 10em; }
													/* width needed or else Opera goes nuts */

	/* SUCKERFISH BARE BONE ~ SECOND LEVEL */

	#navTop li ul									{ position: absolute; width: 15em; left: -999em; }
													/* using left instead of display to hide menus because display: none isn't read by screen readers */

	/* Lists nested under hovered list items */
	#navTop li:hover ul,
	#navTop li.sfhover ul							{ left: auto; z-index: 50; }
													/* bring to top */

	/* SUCKERFISH BARE BONE ~ HIDE FROM IE MAC \*/

	#navTop li										{ width: auto; }

	/* SUCKERFISH BARE BONE ~ HIDE FROM IE MAC */

	/* MODS LAYOUT */

	#navTop											{ padding-left: 5px; margin-top: px; }
	#navTop li										{ width: auto; }

   #navTop li ul									/*{ top: 23px; background: #fff; border: solid 1px #346799; } */
   #navTop li ul li						    		/* { line-height: 24px; width: 100%; } */
													/* width needed or else Opera goes nuts */

	#navTop a										{ padding-left: 10px; padding-right: 10px; width: auto; }

	/* MODS LINKS TOP LEVEL */

	#navTop li a,
	#navTop li a:link,
	#navTop li a:visited,
	#navTop li a:hover,
	#navTop li a:active								{ text-decoration: none; color: #fff; padding-top: 7px; padding-bottom: 5px; }
	#navTop li a:hover								{ text-decoration: underline; }

	#navTop li.active								{ font-weight: bold; }
	#navTop li.active a:link,
	#navTop li.active a:visited,
	#navTop li.active a:hover,
	#navTop li.active a:active						{ }
	#navTop li.active a:hover						{ }

	/* MODS LINKS SECOND LEVEL */

	#navTop li ul li a,
	#navTop li ul li a:link,
	#navTop li ul li a:visited,
	#navTop li ul li a:hover,
	#navTop li ul li a:active						{ text-decoration: none; color: #346799; padding-top: 0; padding-bottom: 0; }
	#navTop li ul li a:hover						{ color: #fff; background: #346799; text-decoration: none; }

	#navTop li.active li							{ }

	#navTop li.active li.last						{ }

	#navTop li.active li a:link,
	#navTop li.active li a:visited,
	#navTop li.active li a:hover,
	#navTop li.active li a:active					{ font-weight: normal; }
	#navTop li.active li a:hover					{ }

	#navTop li.active li.active a:link,
	#navTop li.active li.active a:visited,
	#navTop li.active li.active a:hover,
	#navTop li.active li.active a:active			{ }

/* SIDE NAV */

	#navSide										{ position: static; }
	#navSide li										{ margin: 0; padding: 0; list-style: none; line-height: 16px; }

	#navSide li a,
	#navSide li a:link,
	#navSide li a:active,
	#navSide li a:visited							{ text-decoration: none; }
	#navSide li a:hover								{ text-decoration: underline; }

	/* TIER ONE */

	#navSide										{ margin: 0; padding: 0; }

	#navSide li a,
	#navSide li a:link,
	#navSide li a:visited,
	#navSide li a:hover,
	#navSide li a:active							{ color: #777; }

	#navSide li.active a,
	#navSide li.active a:link,
	#navSide li.active a:visited,
	#navSide li.active a:hover,
	#navSide li.active a:active						{ color: #346799; font-weight: bold; }

	/* TIER TWO */

	#navSide ul										{ margin: 0; padding: 5px 10px; }

	#navSide li.active li a,
	#navSide li.active li a:link,
	#navSide li.active li a:visited,
	#navSide li.active li a:hover,
	#navSide li.active li a:active					{ color: #346799; font-weight: normal; }

	#navSide li.active li.active a,
	#navSide li.active li.active a:link,
	#navSide li.active li.active a:visited,
	#navSide li.active li.active a:hover,
	#navSide li.active li.active a:active			{ color: #346799; font-weight: bold; }

	#navSide ul li a,
	#navSide ul li a:link,
	#navSide ul li a:visited,
	#navSide ul li a:hover,
	#navSide ul li a:active							{ color: #346799; }

	#navSide ul li.active a,
	#navSide ul li.active a:link,
	#navSide ul li.active a:visited,
	#navSide ul li.active a:hover,
	#navSide ul li.active a:active					{ color: #346799; }

	/* TIER THREE */

	#navSide ul ul									{ margin: 0; padding: 5px 10px; }

	#navSide ul ul li a,
	#navSide ul ul li a:link,
	#navSide ul ul li a:visited,
	#navSide ul ul li a:active,
	#navSide ul ul li a:hover						{ background: url(../images/misc/bullet.gif) no-repeat 0 4px; padding-left: 10px; }

	#navSide li.active li.active li a,
	#navSide li.active li.active li a:link,
	#navSide li.active li.active li a:visited,
	#navSide li.active li.active li a:active,
	#navSide li.active li.active li a:hover			{ color: #777; font-weight: normal; }

	#navSide li.active li.active li.active a,
	#navSide li.active li.active li.active a:link,
	#navSide li.active li.active li.active a:visited,
	#navSide li.active li.active li.active a:active,
	#navSide li.active li.active li.active a:hover	{ color: #777; font-weight: bold; }

	#navSide ul ul li a,
	#navSide ul ul li a:link,
	#navSide ul ul li a:visited,
	#navSide ul ul li a:hover,
	#navSide ul ul li a:active						{ color: #777; }

	#navSide ul ul li.active a,
	#navSide ul ul li.active a:link,
	#navSide ul ul li.active a:visited,
	#navSide ul ul li.active a:hover,
	#navSide ul ul li.active a:active				{ color: #777; }