/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		SHELL
		Includes: Shell (div that acts as a container for every div in the site)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		body { margin: 0px; padding: 0px; background: url(../img/bg.gif) fixed;}		
		#shell { width: 767px; margin-right: auto; margin-left: auto; background: #FFFFFF url(../img/shell_bg.gif) repeat-y;}
		a {	color: #B10C1A;}
		a:hover {	color: #004080;	text-decoration: none;}
		.fauxColumns { float: left; width: 49.9%; padding-bottom: 15px;} 
		.fauxColumns h3 { background: #AA0513; color: #FFFFFF; padding: 3px; font-family: Arial, Helvetica, sans-serif;	font-size: 14px; margin-right: 5px;}
		.imgLeft { margin-right: 20px;} 
		.imgRight { margin-left: 20px; margin-bottom: 7px;}	
		.clearBoth {clear:both;}
		hr {clear:both; background:#002E5C; color:#002E5C;}
		.middot {margin: 0 10px;}
		.renovations {width:450px; margin-left:auto; margin-right:auto; height:175px;}
		.renovations div{width:203px; float:left; margin-right:10px; }
		.renovations img{display:block;}
		 
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		HEAD
		Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		#h_shell { height: 391px; width: 765px; margin-right: auto; margin-left: auto;} 
		#h_logoArea {background: url(../img/h_logo_area_bg.gif) no-repeat; height: 125px;} 
		#h_logoClik a{ width:200px; height:95px; display:block; margin-top: 17px; margin-left: 28px; position: absolute;}
		#h_topLinx { font: 10px Arial, Helvetica, sans-serif; width: 450px; margin-left: 310px; position: absolute; top: 38px;} 
		#h_topLinx ul{ margin: 0px; padding: 0px;} 
		#h_topLinx li{display: inline; border-right: 1px solid #FFFFFF; margin-right: 8px; padding-right: 9px;} 
		#h_topLinx li a{ color: #FFFFFF; text-decoration: none;}
		#h_topLinx li a:hover{ color: #004080; text-decoration: underline;}
		#h_pNum { color:#004C98; font:bold 17px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin-left: 430px; position: absolute;	top: 104px;}
		#h_nav { font: bold 12px Arial, Helvetica, sans-serif; text-align: center; border-bottom: 1px solid #221E1F; background: #004C98;	height: 26px;	padding-top: 15px;}
		#h_nav ul{	margin: 0px;	padding: 0px;}
		#h_nav li{ display: inline;} 
		#h_nav li img {margin: 0 10px;}
		#h_nav li a{ color: #FFFFFF; text-decoration: none;}
		#h_nav li a:hover{ color: #FFD725;}
		/* nav on states */
		body#accommodations #navAccommodations a {color: #FFD725;}
		body#amenities #navAmenities a {color: #FFD725;}
		body#directions #navDirections a {color: #FFD725; }
		body#contact #navContact a {color: #FFD725; }
		body#groups #navGroups a {color: #FFD725;}
		body#specials #navSpecials a {color: #FFD725;}
		body#surrounding #navSurrounding a {color: #FFD725;}
		
		#h_pNum { color:#004C98; font:bold 17px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin-left: 430px; position: absolute;	top: 104px;}
		#h_banner { background: url(../img/h_banner_holder.jpg) no-repeat; height: 224px;}
		#h_bannerContent { width:450px; margin-left: 293px; font: 11px/22px Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 27px;}
		#h_bannerContent h1 { font: bold 25px Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px; background: url(../img/h_banner_h1_bg.gif) no-repeat;	margin: 0px;}
		#h_bannerContent h1 span { font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 25px;	background: #CE1323;	padding-right: 5px;}
		/* banner page changes */
		body#accommodations #h_banner { background: url(../img/h_accommodations.jpg) no-repeat; height: 224px;}
		body#amenities #h_banner { background: url(../img/h_amenities.jpg) no-repeat; height: 224px;}
		body#directions #h_banner { background: url(../img/h_directions.jpg) no-repeat; height: 224px;}
		body#groups #h_banner { background: url(../img/h_groups.jpg) no-repeat; height: 224px;}
		body#specials #h_banner { background: url(../img/h_specials.jpg) no-repeat; height: 224px;}
		body#surrounding #h_banner { background: url(../img/h_surrrounding.jpg) no-repeat; height: 224px;}
		body#contact #h_banner { background: url(../img/h_contact.jpg) no-repeat; height: 224px;}
		body#sitemap #h_banner { background: url(../img/h_sitemap.jpg) no-repeat; height: 224px;}		
		
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		BODY
		Includes: Content Text, CTAs (located in body area), Search Box (located in header area)		
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#b_shell {	width: 765px; min-height:240px; height:auto !important; height:240px; margin-right: auto; margin-left: auto; background: #FFFFFF url(../img/b_shell_bg.jpg) no-repeat;}
		#b_contentArea { width: 675px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 20px; font: 12px/18px Arial, Helvetica, sans-serif;	color: #004C98;}
		#b_contentArea h1 { font: 18px Arial, Helvetica, sans-serif; color: #004080;}
		#b_contentArea h2 { color: #AA0513; font: 15px Arial, Helvetica, sans-serif; clear: both;} 
		#b_contentArea h3 {	background: #AA0513;	color: #FFFFFF;	padding: 3px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	margin-right: 5px;	clear: both;	margin-left: 5px; height: 15px;}
	
	select {margin:1px 0 7px 0;}
.resSubmit {display:block;}
.resMonth {width:60px;}
.resDay {width:40px;}
.resYear {width:45px;}
.resNights, .resRooms, .resAdults, .resKids {width:50px;}
#searchbox3 {margin:0;  font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#97bbe4; padding-left:80px}
#searchbox3 .resRoomSpacer {margin:0 0 0 21px;}
#searchbox3 .resAdultsSpacer, #searchbox3 .resKidsSpacer {margin:0 0 0 18px;}
#searchbox3 .resSubmit {display:inline; vertical-align:top;}
#searchbox3 #anchor {position:absolute;}
#anchor img {border:none;}
#searchArrival {float:left; width:175px; display:block;}
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOOTER
		Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */				
		#f_shell { width: 765px; margin-right: auto; margin-left: auto;} 
		#f_ctas{ width: 765px; margin-right: auto; margin-left: auto; clear: both; background: #004C98; display: block; text-transform: uppercase;	height: 105px;}
		/*#f_cta01, #f_cta02, #f_cta03, #f_cta04 { width:382px; float:left; margin: 0px; padding: 0px; height: 105px; }
		#f_cta01 a, #f_cta02 a, #f_cta03 a, #f_cta04 a { text-decoration:none; display: block; width: 100%; height: 105px;} 
		#f_cta01 a:hover, #f_cta02 a:hover, #f_cta03 a:hover, #f_cta04 a:hover {background:#0060C1;} 
		/*#f_cta01 h1, #f_cta03 h1 { font: normal 18px Arial, Helvetica, sans-serif; color: #DAEEF9; margin: 0px; padding-top: 15px;} */
		/*#f_cta02 h1, #f_cta04 h1 { font: normal 18px/22px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; padding-top: 15px;} */ 		
		#f_ctas img {display:block; border:none; float:left;}
		#f_nav { clear: both; background: url(../img/f_nav_bg.gif) repeat-x; height: 27px; font: 10px Arial, Helvetica, sans-serif; text-align: center;	padding-top: 11px;}
		#f_nav ul { margin: 0px; padding: 0px;} 
		#f_nav li { display: inline;}
		#f_nav li a { color: #FFFFFF; text-decoration: none;}
		#f_nav li a:hover { color: #FFD725; text-decoration: underline;}		
		#f_nav li img {margin: 0 10px; width:4px; height:8px;}
		#f_address { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #004080; text-align: center; margin-top: 15px;}
		#f_sig { text-align: center; padding-top: 12px;	padding-bottom: 40px !important; padding-bottom: 60px; margin: 0 auto}
		
		
		
		#vizsig { margin: 0 0 0 275px; }
#vizsig span#text { float: left; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; color:#004C98}
#vizsig span a { float: left; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS"; }
#vizsig span a:hover { text-decoration: none; }
#vizsig img { float: left; padding: 0; margin: 0 0 0 8px; /*border: 1px solid #000*/} 
