/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		SHELL
		Includes: Shell (div that acts as a container for every div in the site)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		body { margin:0px; padding:0px; background: #00407B; font-family: Arial, Helvetica, sans-serif;}		
		#shell { width: 969px; margin-right: auto; margin-left: auto;}
		a { color: #46381D;outline:none;}
		a:hover { color: #00236C; text-decoration: none;}
		.fauxColumns { width:50%; float:left;}
		.fauxColumns a {font-weight:bold;}
		.fauxColumns p { background: #C9DEF8; margin-left: 10px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #002873; border-bottom: 1px solid #002873;}
		.imgLeft {margin-right:20px;}
		.imgRight { margin-left:20px; margin-bottom: 15px;}
		.imgRes { margin-right:30px; border:3px solid #ffffff; vertical-align:middle}		
		.clearBoth {clear:both;}
		strong { color: #46381D;}
		#winfreestay {	background: url(../img/cta_winfeestay.jpg) no-repeat;	position: absolute;	margin-left: 730px;	margin-top: 34px;}
		#winfreestay a {height: 46px;	width: 217px;	overflow: hidden;	display: block;}
		#winfreestay a:hover {	background: url(../img/cta_winfeestay.jpg) center -46px;}
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		HEAD
		Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		#h_shell {}
		#h_nav {}
		#h_nav img {display:block;}
		#h_logoArea {}
		#h_logoArea a {}		
		#h_banner { height: 292px; width: 969px; background: url(../img/h_banner_bg.jpg) no-repeat;}
		#h_banner img {display:block;}
		#h_flash { margin-left: 236px; padding-top: 12px;}
		#h_ctaShell {}
		#h_ctaShell ul{ margin: 0px; padding: 0px; width:113px; margin:0 0 0 836px; position:absolute; top:111px;}
		#h_ctaShell li{ list-style: none; width: 111px; margin-bottom: 19px;}
		#h_ctaShell li a{ display: block; /*width: 111px; height: 112px;*/ width:113px; height:260px;}
		#h_ctaShell li a:hover{ }
		/*#ctaFamily a { background: url(../img/cta_family-b.jpg) no-repeat;}
		#ctaFamily a:hover { background: url(../img/cta_family-b.jpg) no-repeat -111px top;}
		#ctaBeach a { background: url(../img/cta_beach.jpg) no-repeat;}
		#ctaBeach a:hover { background: url(../img/cta_beach.jpg) no-repeat -111px top;}*/
		#ctaSky a { background: url(../img/cta_skyspecials.jpg) no-repeat;}
		#ctaSky a:hover { background: url(../img/cta_skyspecials.jpg) no-repeat -113px top;}
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		BODY
		Includes: Content Text, CTAs (located in body area), Search Box (located in header area)		
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#b_shell { background: url(../img/b_shell_bg.jpg) repeat-y; padding-top: 10px;} 
		#b_sub_shell {}
		#b_contentArea { background: #C2D9F8; width: 900px; margin-right: auto; margin-left: auto; min-height:255px; height:auto !important;	height:100px;	font: 11px/18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;	color: #002873;	padding: 30px 41px 10px 16px;}
		#b_contentArea p { margin-top: 0px; margin-right: 10px;} 
		#b_contentArea h1 { font-size: 22px; margin: 0px 0px 15px;}
		#b_contentArea h2 {}
		
		#sub_b_contentArea { background: #C2D9F8; width: 655px; min-height:330px; height:auto !important; height:330px; font: 11px/18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;	color: #002873;	padding: 30px 37px 10px 265px;	margin-left: auto;	margin-right: auto;}
		#sub_b_contentArea p { margin-top: 0px; margin-bottom: 18px;} 
		#sub_b_contentArea h1 { font-size: 24px; margin: 0px 0px 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;	letter-spacing: -1px;	line-height: 28px;}
		#sub_b_contentArea h2 { font-size: 17px; clear: both; color: #4B3E25; background: #CEBC9E; padding-left: 5px; line-height: 23px;	border-top: 1px solid #330033;	border-bottom: 1px solid #330033;}		
		#sub_b_contentArea h2 span { display: block; font-weight: normal; font-size: 11px; letter-spacing: normal; line-height: 18px; background: #C9DEF8;	margin-left: -5px;	padding-left: 5px;	color: #002873;}
		#sub_b_contentArea h3 { font-size: 14px; clear: both; color: #00236C; border-top: 1px solid #002873; border-bottom: 1px solid #002873;	padding-left: 5px;	background: #A3C7F4;	line-height: 21px;}
		#sub_b_contentArea h3 span { display: block; font-weight: normal; font-size: 11px; letter-spacing: normal; color: #002873; background: #C9DEF8; margin-left: -5px;	padding-left: 5px;	line-height: 18px;	padding-bottom: 3px;}
		
		#b_nav { font: bold 9px/21px Tahoma, Arial, Verdana, sans-serif; position: absolute; top: 433px; margin: 0px; padding: 0px;}
		#b_nav ul{ margin: 0px 0px 0px 20px; padding: 0px; width: 205px;}

		#b_nav li{ list-style: none; border-bottom: 1px solid #00236C; padding-top: 3px; padding-bottom: 3px;} 
		#b_nav li a{ color: #00369C; text-decoration: none; padding-left: 5px; display: block; width: 200px;}
		#b_nav li a:hover{ color: #FFFFFF; background: #00369C;}		
			
		/* index toggle props */
		#divToggle { font: bold 9px/28px Tahoma, Arial, Verdana, sans-serif; position: absolute; top: 433px; margin-left: 221px;}
		#divToggle ul{ margin: 0px; padding: 0px; width: 205px;} 
		#divToggle li{ list-style: none; border-bottom: 1px solid #00236C;}
		#divToggle li a{ color: #00369C; text-decoration: none; padding-left: 5px; display: block; width: 200px;}
		#divToggle li a:hover{ color: #FFFFFF; background: #00369C;}
		
		
		#index, #hsu, #es, #lbvrvs, #rbcr, #hslbv, #ccr, #five, #six, #suvh 
		{display:none; padding: 0 0 0 420px; background: url(../img/div_welcome-d.jpg) no-repeat;	min-height:285px; height:auto !important; height:285px;}
		#index { background-image: url(../img/div_welcome-d.jpg); background-repeat: no-repeat;  background-attachment:scroll !important; background-attachment:fixed; overflow:auto; height:50px !important;  height:285px; }
		#hsu {background: url(../img/div_hawthorn-b.jpg) no-repeat;	}
		#es {background: url(../img/div_enclave.jpg) no-repeat;	}
		#lbvrvs {background: url(../img/div_lbvresort-b.jpg) no-repeat;	}
		#rbcr {background: url(../img/div_runaway.jpg) no-repeat;	}
		#hslbv {background: url(../img/div_hslbv.jpg) no-repeat;	}
		#ccr {background: url(../img/div_coralcay.jpg) no-repeat;}
		#five {background: url(../img/ndx_div06.jpg) no-repeat;	}
		#six {background: url(../img/ndx_div01.jpg) no-repeat;	}
		#suvh {background: url(../img/div_suvh.jpg) no-repeat;}
		#divToggle li a.menuon {color: #FFFFFF; background: #00369C;}

		#welcomeProps {font:10px "Trebuchet MS", Arial, Tahoma, sans-serif; margin:0; padding:0;}
		#welcomeProps img {display:block; width:116px; height:91px; border:3px solid #fff; padding:1px;}	
		#welcomeProps li{display:block; width:118px; height:145px; float:left; margin:0 10px 0 0;}
		#welcomeProps a{ text-decoration:none;}
		#welcomeProps a:hover img {border-color:#003399;}
		
		/* search box */
		#resBox { width: 214px; color: #00236C; font: bold 10px Tahoma, Arial, Verdana, sans-serif;}
		#resBox select{ color: #00407B; font: 10px Tahoma, Arial, Verdana, sans-serif; margin-bottom: 9px; margin-top: 2px;}
		#resBox form{ margin: 0px 0px 0px 20px; padding: 50px 0px 0px 13px; position: absolute; top: 115px; background: url(../img/reserve_bg.gif) no-repeat 15px 15px;}
		#resBox input{ margin: 0px 0px 10px; padding: 0px;}
		#resBox a { font-weight: normal; color: #00236C;}
		#resBox a:hover {}
		#resBox img {border:none; vertical-align:40% !important; vertical-align:2%;}
		
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOOTER
		Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */				
		#f_shell { background: url(../img/f_shell_bg.jpg) no-repeat; height: 48px; margin-bottom: 20px; clear: both;}
		#f_nav { font-size: 11px; font-weight: bold; padding-left: 22px; width: 650px;}
		#f_nav ul { margin: 0px; padding: 15px 0px 0px;}
		#f_nav li { display: inline; margin-right: 13px;}
		#f_nav li a { color: #00236C; text-decoration: none;}
		#f_nav li a:hover { color: #46381D; text-decoration: underline;}		
		#f_pNum { color: #46381D; font-weight: bold; font-size: 14px; letter-spacing: -1px; width: 260px; display: inline; float: right; padding-top: 12px;}
		#f_pNum span { color: #002B52; font-size: 18px; margin-left: 9px; vertical-align: -5%;}
		#f_sig { width: 969px; margin-right: auto; margin-left: auto; text-align: center; background: url(../img/f_sig_bg.gif) no-repeat center center;}