/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		SHELL
		Includes: Shell (div that acts as a container for every div in the site)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		body { margin:0px; padding:0px; background: #AD8772;}
		#shell { width: 787px; margin-right: auto; margin-left: auto; background: #FFFFFF url(../img/shell_bg.jpg) no-repeat right bottom;	margin-top: 21px;}
		a { color: #AD8772;}
		a:hover {background: #D597C2;color: #ffffff;text-decoration: none;}
		.fauxColumns { width:50%; float:left;}
		.imgLeft {margin-right:20px;}
		.imgRight {margin-left:20px;}	
		.clearBoth {clear:both;}
		#diningSelections, #areaInfoSelections, #outdoorSelections { background: #EAEAEA; height: 190px; padding-top: 10px;} 
		#areaInfoSelections {height:55px;}
		#outdoorSelections {height:100px;}
		#diningSelections div, #areaInfoSelections div, #outdoorSelections div { width:30%; float:left; line-height: 20px; margin-left: 11px;} 
		#diningSelections div ul, #areaInfoSelections div ul, #outdoorSelections div ul {margin:0px; padding:0px;}
		#diningSelections div li, #areaInfoSelections div li, #outdoorSelections div li { display:block; list-style: none; background: #AD8772; margin-bottom: 3px; height: 20px;}
		#diningSelections div a, #areaInfoSelections div a, #outdoorSelections div a { display: block; text-decoration: none; background: url(none); color: #FFFFFF; text-align: center; line-height: 20px;	height: 20px;}
		#diningSelections div a:hover, #areaInfoSelections div a:hover, #outdoorSelections div a:hover { color: #FFFFFF; background: #78607E;}			
		.back2top a{ font-size: 12px; float: right; text-decoration: none; letter-spacing: normal; display: block; width: 100px; text-align: center;	background: #D597C2;	color: #FFFFFF;}
		.back2top a:hover { background: #78607E;}	
		#areainfo blockquote {margin-right:0px;}
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		HEAD
		Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		#h_shell { width: 744px; margin-right: auto; margin-left: auto;}		
		#h_topLinx {
	font: 9px Arial, Helvetica, sans-serif;
	position: absolute;
	text-align: right;
	top: 67px;
	width: 739px;
	padding-right: 5px;
}
		#h_topLinx ul{ margin: 0px; padding: 0px;}
		#h_topLinx li{ display: inline; margin-left: 6px;}
		#h_topLinx li a{ color: #AD8772; text-decoration: none; padding: 3px;}
		#h_topLinx li a:hover{ background: #D597C2; color: #FFFFFF;}	
		#h_nav { width: 244px; font: bold 16px/39px Arial, Helvetica, sans-serif; text-align: center; position: absolute;}
		#h_nav ul{ margin: 0px; padding: 0px;}
		#h_nav li{ list-style: none; margin-bottom: 2px;}
		#h_nav li a{ text-decoration: none; display: block; background: #CCCCCC; color: #666666; height: 39px;}
		#h_nav li a:hover{ background: #78607E; color: #FFFFFF;}	
		#h_logoArea {}
		#h_logoArea img {border:none;}		
		#h_banner { height: 243px; padding-left: 251px;}		
		#h_pNum { color: #AA5EA5; width: 744px; margin-right: auto; margin-left: auto; font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: -1px;}
		#h_pNum pre { display:inline; margin:0px; padding:0px; font: 22px Arial, Helvetica, sans-serif; color: #AD8772;}
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		BODY
		Includes: Content Text, CTAs (located in body area), Search Box (located in header area)		
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#b_shell { width: 576px; padding-right: 168px; margin-left: 20px; padding-bottom: 35px; padding-top: 25px;} 
		#b_contentArea { font: 11px/16px Arial, Helvetica, sans-serif; color: #AA5EA5; width: 540px;}
		#b_contentArea strong {color:#AD8772;}
		#b_contentArea h1 { letter-spacing: -1px; font: 24px/24px Arial, Helvetica, sans-serif;}
		#b_contentArea h1 span { display: block; color: #AD8772; letter-spacing: normal; line-height: 17px; font-size:18px;}
		#b_contentArea h2 { color: #AD8772; font-family: Arial, Helvetica, sans-serif;letter-spacing: -1px; font-size: 18px; clear: both;}	
		#b_contentArea h2 span { font-size: 12px; display: block; font-weight: normal; margin-left: 10px; line-height: 20px; letter-spacing: normal;} 
		#resBox  { width:171px; position: absolute; margin-left: 576px; font: bold 10px/13px Arial, Helvetica, sans-serif; top: 351px; color: #78607E;	background: #CCCCCC;}
		#resBox form { width: 150px; margin-right: auto; margin-left: auto; padding: 5px;} 
		#resBox select { font: 10px/13px Tahoma, Arial, Verdana, sans-serif; margin-bottom: 7px; margin-top: 2px; margin-right: 0px;}
		#resBox input { border-style: none; background: #78607E; color: #FFFFFF; font: bold 11px/15px Arial, Helvetica, sans-serif;	margin-top: 3px;	margin-bottom: 7px; display:block; width:150px; text-align:center; padding:0;}
		#resBox form a{ color: #78607E; text-decoration: underline; display: inline;	background: url(none);}
		#resBox form a:hover{ text-decoration: none;}
		 		
		/* special cases */
		#dining h2, #areainfo h2 { border-top:1px solid #999999; padding-top: 10px;}
		#dining #navAreainfo a {background: #D597C2; color: #FFFFFF;} 
		#photogallery #b_contentArea {min-height:300px; height:auto !important; height:300px;}
		#home h1 { font-size: 18px;}
		#home h1 span { font-size: 18px; font-weight: normal; line-height: normal; border-top: 1px solid #D6CDD9; margin-top: -3px; color:#AA5EA5;}
		#home #b_contentArea h1 span {letter-spacing: -1px; font:Arial, Helvetica, sans-serif; display:block;}

		#b_contentArea img {border:1px solid #78607E;}
		#attractionImages {display:none;}
		#areainfo #attractionImages { width: 180px; background:#ffffff; position: absolute; margin-left: 575px; margin-top: -25px; z-index: 999;	border: 1px solid #FFFFFF;	display: block;	top: 775px;	font: bold 10px/19px Arial, Helvetica, sans-serif;color: #78607E;}
		#outdoorImages {display:none;}
		#outdoor #outdoorImages { width: 180px; background:#ffffff; position: absolute; margin-left: 575px; margin-top: -25px; z-index: 999;	border: 1px solid #FFFFFF;	display: block;	top: 775px;	font: bold 10px/19px Arial, Helvetica, sans-serif;color: #78607E;}
		
		strong.bigger {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#996633;}

		
		/* nav ons */
		#home #navHome a, #rooms #navAccommodations a, #areainfo #navAreainfo a, #photogallery #navGallery a, #contact #navContact a,
		#outdoor #navOutdoor a {background: #D597C2; color: #FFFFFF;}


	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOOTER
		Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */				
		#f_shell { width: 787px; margin-right: auto; margin-left: auto; margin-top: 3px; clear: both;} 
		#f_nav { font: 9px Arial, Helvetica, sans-serif; width: 595px; float: right; text-align: right;} 
		#f_nav ul { margin: 0px; padding: 0px;} 
		#f_nav li { display: inline; margin-left: 6px;}
		#f_nav li a { color: #DFDFDF; text-decoration: none; padding: 3px;} 
		#f_nav li a:hover { background: #D597C2; color: #FFFFFF;}		
		#f_address { font: 10px Arial, Helvetica, sans-serif; color: #DFDFDF; margin-bottom: 13px; width: 175px;}
		#f_address span { margin-right: 11px;}
		#f_sig {display:none;}
		#f_sig a:hover {background:none;}
		#home #f_sig { text-align: center; margin-bottom: 13px; display:block; }
		/*#home #b_contentArea h1 span {font-size:15px;}*/

 #vizsig { margin: 0 0 0 300px; width:350px; }
#vizsig span#text { float: left; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; color: #DFDFDF}
#vizsig span a { float: left; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS"; color: #DFDFDF; text-decoration:none}
#vizsig span a:hover { text-decoration: none; }
#vizsig img { float: left; padding: 0; margin: 0 0 0 8px; /*border: 1px solid #000*/}