body { background-color:#efece2; margin:5px; margin-top:0; text-align:left; font-family: Arial, sans-serif; font-size:12px; }
a img { border:0; }
div { margin:0; padding:0; }

.clear { clear:both; }
.serif { font-family:Georgia, Times New Roman, serif; }
.sansserif { font-family: Arial, sans-serif; }
.required, .error { color:red; }
.right { text-align:right; }

#wrapper { width:960px; background-color:#ffffff; margin:0 auto; padding:0 10px 20px 10px; }

#header { height:136px; }

#logo { position:absolute; width:240px; height:136px; overflow:hidden; background:url('images/layout/hhibt_logo.gif') no-repeat; }
#logo a { display:block; width:240px; height:136px; padding:200px 0 0 300px; }

#call_today {
	position:absolute; width:714px; height:18px; overflow:hidden; margin:5px 0 0 246px;
	font-size:16px; color:#c0981d; text-align:right;
}

#cta_top {
	position:absolute; width:714px; height:45px; overflow:hidden; margin:29px 0 0 246px;
	font-size:18px; text-align:center;
}
#cta_top a {
	display:block; width:230px; height:45px; overflow:hidden; padding:65px 0 0 300px;
	color:#577e6c; text-decoration:none;
}
#link_specials { float:left; width:230px; height:45px; overflow:hidden; background:url('images/layout/nav_but_specials.gif') no-repeat; padding-right:7px; }
#link_signup { float:left; width:240px; height:45px; overflow:hidden; background:url('images/layout/nav_but_signup.gif') no-repeat; padding-right:7px; }
#link_book { float:left; width:230px; height:45px; overflow:hidden; background:url('images/layout/nav_but_book.gif') no-repeat; }

#main { margin-top:23px; text-align:left; font-size:12px; }

#main #copy { float:left; width:433px; overflow:hidden; color:#666666; padding:0 13px 0 30px; }
#main #copy h2 { font-family:Georgia, Times New Roman, serif; font-size:24px; font-weight:normal; color:#c0984d; margin:0; padding-top:14px; padding-bottom:14px;}

#rgt { float:right; width:477px; overflow:hidden; }
#rgt #sub_img { width:477px; height:358px; overflow:hidden; }
#rgt #sub_video {  }
#rgt #sub_photos {  }

#cta_btm { margin:17px 0 0 0; padding:0; }
#cta_btm a.a1 { display:block; width:240px; height:150px; overflow:hidden; padding:150px 0 0 240px; }
#cta_btm a.a2 { display:block; width:230px; height:150px; overflow:hidden; padding:150px 0 0 230px; }
#cta_btm #cta_tour { float:left; width:240px; height:150px; overflow:hidden; margin-right:6px; background:url('images/layout/cta_tour.gif') no-repeat; }
#cta_btm #cta_plan { float:left; width:230px; height:150px; overflow:hidden; margin-right:7px; background:url('images/layout/cta_plan.gif') no-repeat; }
#cta_btm #cta_specials { float:left; width:240px; height:150px; overflow:hidden; margin-right:7px; background:url('images/layout/cta_dining.jpg') no-repeat; }
#cta_btm #cta_specials a { display:block; width:240px; height:150px; overflow:hidden; padding:62px 0 0 0; color:#2d5e50; font-weight:bold; font-size:14px; text-decoration:none; text-align:center; }
#cta_btm #cta_dining { float:left; width:240px; height:150px; overflow:hidden; margin-right:7px; background:url('images/layout/cta_dining.jpg') no-repeat; }
#cta_btm #cta_dining a { display:block; width:240px; height:150px; overflow:hidden; padding:62px 0 0 0; color:#2d5e50; font-weight:bold; font-size:14px; text-decoration:none; text-align:center; }
#cta_btm #cta_ecard { float:left; width:230px; height:150px; overflow:hidden; background:url('images/layout/cta_ecard.gif') no-repeat; }
#cta_btm #cta_reserve { float:left; width:230px; height:150px; overflow:hidden; background:url('images/layout/cta_reserve.gif') no-repeat; }


#btm_home { margin:12px 0 0 0; padding:0; color:#2d5e50; }
#btm_home a { color:#2d5e50; text-decoration:none; }
#btm_home #legal { float:left; width:380px; margin:0 0 0 16px; padding-top:3px; font-size:9px; }
#btm_home #more { float:right; width:390px; margin:0 15px 0 0; text-align:right; font-size:12px; }

/* Subpage Modifications */
#sub_lft { float:left; width:440px; overflow:hidden; color:#666666; padding:0 20px; }
#sub_lft h1,
#sub_lft h2,
#sub_lft h3,
#sub_lft h1 a,
#sub_lft h2 a,
#sub_lft h3 a { font-family:Georgia, Times New Roman, serif; font-weight:normal; color:#c0984d; margin:0; padding-bottom:10px; }
#sub_lft h1 { font-size:32px; padding-top:20px; }
#sub_lft h2 { font-size:24px; padding-top:26px; }
#sub_lft h3 { font-size:18px; padding-top:20px; }
#sub_lft p { margin:7px 0; }

#sub_rates { float:center; width:800px; overflow:hidden; color:#666666; padding:0 20px; }
#sub_rates h1,
#sub_rates h2,
#sub_rates h3,
#sub_rates h1 a,
#sub_rates h2 a,
#sub_rates h3 a { font-family:Georgia, Times New Roman, serif; font-weight:normal; color:#c0984d; margin:0; padding-bottom:10px; }
#sub_rates h1 { font-size:32px; padding-top:20px; }
#sub_rates h2 { font-size:24px; padding-top:26px; }
#sub_rates h3 { font-size:18px; padding-top:20px; }
#sub_rates p { margin:7px 0; }

/*#sub_rgt { float:right; width:479px; overflow:hidden; }*/
#sub_rgt #sub_img { width:479px; height:358px; }

#cta_sub { margin-top:10px; width:479px; }
#cta_sub #cta_specials { float:left; width:240px; height:150px; overflow:hidden; margin-right:9px; background:url('images/layout/cta_dining.jpg') no-repeat; }
#cta_sub #cta_specials a { display:block; width:240px; height:150px; overflow:hidden; padding:60px 0 0 0; color:#2d5e50; font-weight:bold; font-size:14px; text-decoration:none; text-align:center; }
#cta_sub #cta_plan { float:left; width:230px; height:150px; overflow:hidden; background:url('images/layout/cta_plan.gif') no-repeat; }
#cta_sub #cta_plan a { display:block; width:230px; height:150px; overflow:hidden; padding:150px 0 0 0; }

#btm { margin:12px 0 0 0; color:#2d5e50; font-size:12px; text-align:center; }
#btm a { color:#2d5e50; text-decoration:none; }
#btm #legal { padding-top:3px; font-size:9px; }


/** Page Navigation **/
div#nav_menu {
	position:absolute; width: 714px; height:56px; margin:80px 0 0 246px; padding-top:16px;
	background:url('images/layout/nav_bg_grad.gif') repeat-x;
	color:#000000; text-align:right;
}
div#nav_menu a { font-weight:bold; }
div#nav_menu ul { list-style: none; padding: 0; margin: 0; }
div#nav_menu ul li {
	float:left; height:40px; margin: 0; padding:0; border-right: 1px solid #FFF;
	font-size:13px; text-align:center; letter-spacing: normal;
	position: relative;
}
div#nav_menu,
div#nav_menu ul,
div#nav_menu ul li,
div#nav_menu ul li ul,
div#nav_menu ul ul li { z-index:1000; }

div#nav_menu ul li#nav_villas { width:74px; }
div#nav_menu ul li#nav_amenities { width:96px; }
div#nav_menu ul li#nav_tennis { width:125px; }
div#nav_menu ul li#nav_conventions { width:162px; }
div#nav_menu ul li#nav_activities { width:146px; }
div#nav_menu ul li#nav_contact { width:106px; border:0; }

div#nav_menu ul .lastitem { border-right: 0; }
div#nav_menu ul li a {
	display: block; width:auto; height:30px; padding-top:10px;
	color: #ffffdb; text-decoration: none; text-align:center; text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px;
}
div#nav_menu ul li#nav_villas a { width:74px; }
div#nav_menu ul li#nav_amenities a { width:96px; }
div#nav_menu ul li#nav_tennis a { width:125px; }
div#nav_menu ul li#nav_conventions a { width:162px; }
div#nav_menu ul li#nav_activities a { width:146px; }
div#nav_menu ul li#nav_contact a { width:106px; }

div#nav_menu ul .selected a,
div#nav_menu ul li:hover a {
	/*color: #FFF;*/
}
div#nav_menu ul li ul {
	position: absolute; z-index:999; top: 40px; left:0;
	display: none; list-style: none;
	border:1px solid #000000; border-top:0;
	background:#ffffff;
	margin: 0; padding: 0;
	text-transform:none;
	/*width:110px;
	width: important! auto;*/
	height:auto;
	font-size:11px;
}
div#nav_menu ul li:hover ul, div#nav_menu ul li.over ul { display: block; }
div#nav_menu ul li ul li,
div#nav_menu ul li ul li:hover {
	height:auto; margin: 0; padding:0 5px;
	font-size:13px; text-align:left; letter-spacing: normal;
	position: relative; z-index:999;
}
div#nav_menu ul li:hover ul li a {
	display: block; height:auto; margin: 3px 0px; padding:0;
	color:#324A7E; text-decoration: none; text-align:left; text-transform:none;
	font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px;
}
div#nav_menu ul li#nav_villas ul li, div#nav_menu ul li#nav_villas ul li a { width:126px; }
div#nav_menu ul li#nav_amenities ul li, div#nav_menu ul li#nav_amenities ul li a { width:100px; }
div#nav_menu ul li#nav_tennis ul li, div#nav_menu ul li#nav_tennis ul li a { width:112px; }
div#nav_menu ul li#nav_conventions ul li, div#nav_menu ul li#nav_conventions ul li a { width:149px; }
div#nav_menu ul li#nav_activities ul li, div#nav_menu ul li#nav_activities ul li a { width:133px; }
div#nav_menu ul li#nav_contact ul li, div#nav_menu ul li#nav_contact ul li a { width:92px; }
div#nav_menu ul li:hover ul li a:hover,
div#nav_menu ul li:hover ul li:hover a { color: #000; }
/** End Page Navigation **/


#sub_lft .half { float:left; width:220px; }
#sub_lft .third { float:left; width:140px; }
#sub_lft .half ul,
#sub_lft .third ul { margin-top:0; padding-top:0; }

#sub_lft table tr {  }
#sub_lft table tr td { font-size:10px; text-align:left; }
#sub_lft table tr.th td { font-weight:bold; text-align:center; }
#sub_lft table tr.bg_gray { background:#e6e6e6; }
#sub_lft table.full tr td { font-size:12px; }

.center,
#sub_lft table tr.center td,
#sub_lft table tr td.center { text-align:center; }

#sub_lft .ecard { font-size:14px; line-height:14px; color:#000000; }
#sub_lft .ecard .body { padding:0 25px; }
#sub_lft .ecard img { padding:0 0 16px 0; }

#sub_lft #sitemap ul { padding:0 0 0 20px; }
#sub_lft #sitemap ul ul,
#sub_lft #sitemap ul ul ul { padding:0 0 0 20px; }
#sub_lft #sitemap ul li { float:left; margin:12px 0;  width:200px; }
#sub_lft #sitemap ul ul li,
#sub_lft #sitemap ul ul ul li { float:none; margin:0; width:auto; }

#contactForm { padding:0 13px 0 30px; }
#contactForm h1, h2, h3 { clear:both; font-family:Georgia, Times New Roman, serif; font-weight:normal; color:#c0984d; margin:0; padding-bottom:10px; }
#contactForm h1 { font-size:32px; padding-top:20px; }
#contactForm h2 { font-size:24px; padding-top:26px; }
#contactForm h3 { font-size:18px; padding-top:20px; }
#contactForm .full { clear:both; }
#contactForm .label { clear:both; float:left; width:220px; margin:0 6px 2px 0; }
#contactForm .field { float:left; width:410px; margin:0 0 2px 0; }