@import url("final.css");

/*    -----------------------    Main Tags   -----------------------   */  

body {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background: #c2ce24 url(images/bg.jpg)  center top;
 }

hr {
	height: 1px;
	width: 100%;
	background: #bfc9b0;
	border: 1px;
	color: #bfc9b0;
}
h1 {
	font: 900 20px/20px Arial, Helvetica, sans-serif;
	color: #203851;
	text-align:left;
	margin: 20px 0px 0px 0px;
	text-transform: capitalize;
}
h2 {
	font: 700 14px/14px Georgia, Times New Roman, Times, serif;
	color: #0083a9;
	margin:0;
	padding:0;
}
#h2 {
	font: 700 12px/14px Georgia, Times New Roman, Times, serif;
	color: #0083a9;
	margin: 0 10px 0 0;
}

h3 {
	font: 700 14px/14px Arial, Helvetica, sans-serif;
	color: #6c6e70;
}
ul {
	margin: 0px;
	padding:0px;
}

/*    -----------------------    Page Structure   -----------------------   */ 

#mc, #header, #content, #contentend, #copyright, #headerHM, #contentHM, #copyrightHM {
	width:816px;
}

#wrapper {
	width: 100%;
	/*background: url(images/top_bg.jpg) no-repeat top center;*/
	float:left;
}
#mc {
	margin:auto;
	
}
#pagetile {
	background: url(images/mc_bg.gif) repeat-y 0px 0px;
	float:left;
}
#header {
	background: url(images/top.gif) no-repeat 0px 0px;
	height:181px;
	float:left;
	/*border-top:8px solid #0083a9;
	border-left:8px solid #0083a9;
	border-right:8px solid #0083a9;*/
}
#headerHM {
	background: url(images/top-logo.jpg) no-repeat 0px 0px;
	height:173px;
	float:left;
}

/*    -----------------------    Navigation   -----------------------   */  

#navcontainer {
	position: absolute;
	top: 160px;
	margin:0 0 0 8px;
}
#navigation {
	position: absolute;
	top: 160px;
	margin:6px 0 0 8px;
}
#navi, #navi ul {
	width: 816px;
}
#navi ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}
#navi ul li a {
	display: block;
	height: 23px;
	margin: 0px;
	padding: 0px;
}
#navi em {
	display: none;
}

/*    -----------------------   Menu Items   -----------------------   */ 

#home, #home a {
	width: 98px;
	background: url(images/nav/home.gif) no-repeat 0px 0px;
}	
#home a:hover {
	background: url(images/nav/home.gif) no-repeat 0px -23px;
}
#homeHL {
	width: 98px;
	background: url(images/nav/home.gif) no-repeat 0px -23px;
}

#landfall, #landfall a {
	width: 106px;
	background: url(images/nav/landfall.gif) no-repeat 0px 0px;
}	
#landfall a:hover {
	background: url(images/nav/landfall.gif) no-repeat 0px -23px;
}
#landfallHL {
	width: 106px;
	background: url(images/nav/landfall.gif) no-repeat 0px -23px;
}

#location, #location a {
	width: 110px;
	background: url(images/nav/location.gif) no-repeat 0px 0px;
}	
#location a:hover {
	background: url(images/nav/location.gif) no-repeat 0px -23px;
}
#locationHL {
	width: 110px;
	background: url(images/nav/location.gif) no-repeat 0px -23px;
}

#amenities, #amenities a {
	width: 117px;
	background: url(images/nav/amenities.gif) no-repeat 0px 0px;
}	
#amenities a:hover {
	background: url(images/nav/amenities.gif) no-repeat 0px -23px;
}
#amenitiesHL {
	width: 117px;
	background: url(images/nav/amenities.gif) no-repeat 0px -23px;
}

#homesites, #homesites a {
	width: 120px;
	background: url(images/nav/homesites.gif) no-repeat 0px 0px;
}	
#homesites a:hover {
	background: url(images/nav/homesites.gif) no-repeat 0px -23px;
}
#homesitesHL {
	width: 120px;
	background: url(images/nav/homesites.gif) no-repeat 0px -23px;
}

#whatsnew, #whatsnew a {
	width: 126px;
	background: url(images/nav/whats-new.gif) no-repeat 0px 0px;
}	
#whatsnew a:hover {
	background: url(images/nav/whats-new.gif) no-repeat 0px -23px;
}
#whatsnewHL {
	width: 126px;
	background: url(images/nav/whats-new.gif) no-repeat 0px -23px;
}

#contact, #contact a {
	width: 123px;
	background: url(images/nav/contact.gif) no-repeat 0px 0px;
}	
#contact a:hover {
	background: url(images/nav/contact.gif) no-repeat 0px -23px;
}
#contactHL {
	width: 123px;
	background: url(images/nav/contact.gif) no-repeat 0px -23px;
}

/*    -----------------------   Content  -----------------------   */  

#content {
	text-align: left;
	float:left;
	background: url(images/content_bg.gif) no-repeat 0px 0px;
	/*border-left:8px solid #0083a9;
	border-right:8px solid #0083a9;*/
}
#contentHM {
	text-align: left;
	float:left;
	background: url(images/content_bg.gif) no-repeat 0px 0px;
}
#contentend {
	float: left;
	padding: 0px 0px 80px 0px;
	background: url(images/end.gif) no-repeat center bottom;
}
#contenthome {
	width: 762px;
	text-align: left;
	float:left;
	background: url(images/content_home.jpg) no-repeat 0px 0px;
}
#contentdivide {
	float:left;
  	margin-top: 5px;
  	margin-bottom: 5px;
}
#contentdivide #left {
	width: 290px;
	float: left;
}
#contentdivide #right {
	width: 100px;
	float: right;
}

/*    -----------------------   Left Column    -----------------------   */  

#leftcol {
	font: normal 13px/18px Georgia, Times New Roman, Times, serif;
	color: #343333;
	width: 470px;
	margin: 20px 0px 0px 25px;
	text-align:justify;
	float:left;
}
#leftcol a {
	color: #004e75;
	font-weight:bold;
	text-decoration:underline;
}
#leftcol a:hover {
	color: #b9372f;
	text-decoration:underline;
}
#leftcol ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#leftcol ul li {
	list-style-image: url(images/a_bullet.gif);
	margin:0 0 0 15px;
	padding: 0;
}
#leftcol i {
	font: italic 11px/14px Georgia, Times New Roman, Times, serif;
}

/*    -----------------------   Wide Column    -----------------------   */  

#widecol {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #343333;
	width: 520px;
	float: left;
	margin:0 0 0 20px;
}


/*    -----------------------   Right Column    -----------------------   */  

#rightcol {
	font: normal 12px/15px Georgia, Times New Roman, Times, serif;
	color: #504e4e;
	width: 250px;
	float: right;
	margin:0 10px 0 0;
}
#rightcol a {
	color: #ffffff;
	text-decoration:none;
}
 #rightcol a:hover {
	color: #ffffffe;
	text-decoration:underline;
}
 #rightcol ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#rightcol ul li {
	list-style-image: url(images/a_bullet.gif);
	margin:0 0 0 15px;
	padding: 0;
}

/*    -----------------------   Footer   -----------------------   */  

#copyright  {
	font: normal 12px/14px Georgia, Times New Roman, Times, serif;
	color: #6c6e70;
	height:100px;
	text-align: left;
	background: url(images/end.gif) no-repeat bottom;
	padding: 10px 0px 20px 0px ;
	float: left;
	text-decoration:none;
	/*border-bottom:8px solid #0083a9;
	border-left:8px solid #0083a9;
	border-right:8px solid #0083a9;*/
}
#copyrightHM  {
	font: normal 12px/14px Georgia, Times New Roman, Times, serif;
	color: #6c6e70;
	height:75px;
	text-align: center;
	background: white url(images/end.gif) no-repeat 0px 0px;
	padding: 10px 0px 20px 0px ;
	float: left;
	text-decoration:none;
}
 #copyright a {
	color: #6c6e70;
	text-decoration:none;
	font-weight: bold;
}
 #copyright a:hover {
	color: #6c6e70;
	text-decoration:underline;
}
#contactus {
	width:650px;
	padding:20px 0 0 0;
	margin:0 0 0 45px;
}
#contactus h3, #contactus h3 a {
	font: 700 15px/16px Arial, Helvetica, sans-serif;
	color: #b9372f;
	margin:0;
	padding:0 0 13px 0;
	text-transform:uppercase;
}
#contactus a {
	text-decoration:none;
}
/*    末末末末末末末末末  Home Logo Link and Top Headers   末末末末末末末末末  */ 

#gohome {
	position: absolute;
	z-index: 10;
	visibility: visible;
	margin:0px 0px 0px 30px;
}


/*    末末末末末末末末末  Extra Formatting   末末末末末末末末末  */ 

#boxthis a {
	font: normal 11px/11px  arial, verdana, sans-serif;
	width:140px;
	border: solid 0px #666666;
	padding: 5px 3px 5px 3px;
	text-align:center;
	background:#c2ce24;
	display: block;
	color:#ffffff;
	text-decoration:none;
	margin:5px 5px 15px 5px;
	float:left;
}

#boxthis a:hover {
	color:#ffffff;
	text-decoration:none;
	background:#0083a9;
}
#boxthisHL {
	width:140px;
	border: solid 0px #666666;
	padding: 5px 3px 5px 3px;
	text-align:center;
	background:#0083a9;
	display: block;
	margin:5px 5px 15px 5px;
	float:left;
}
#boxthisHL a, #boxthisHL a:hover {
	font: normal 11px/11px  arial, verdana, sans-serif;
	color:#ffffff;
	text-decoration:none;
}