/* CSS Document */

/*-------------------------------------------------------------------------------GLOBAL STYLES--------*/
body {
	height:100%;
	position:relative;
	font-size:62.5%;
	color:#444;
	background-color:#444;
	}

#container {
	width:960px;
	height:100%;
	min-height:680px;
	margin:auto;
	}
	
#header {
	width:960px;
	height:100px;
	margin-bottom:20px;
	}
	
	#header a.logo {
		display:block;
		width:243px;
		height:98px;
		border:1px solid #fff;
		float:left;
		}
	
ul#primary-nav {
	display:block;
	width:715px;
	height:60px;
	background:url(../images/trans-white80.png) repeat;
	float:right;
	font:1.4em/1.4em "Franklin Gothic", Geneva, sans-serif;
	text-transform:uppercase;
	padding-top:40px;
	letter-spacing:.02em;
	}
	
	ul#primary-nav li {
		display:inline;
		padding-left:40px;
		}
		
		ul#primary-nav li a {
			text-decoration:none;
			color:#0097ac;
			}
			
		ul#primary-nav li a:hover {
			text-decoration:none;
			color:#af8a2f;
			}

#main {
	width:960px;
	/*height:100%;
	min-height:270px;*/ /* Commented out to fix unnecessary page stretch in IE6 */
	margin-bottom:10px;
	clear:both;
	}
	
ul#secondary-nav {
	width:245px;
	/*background:url(../images/trans-white80.png) repeat;*/
	float:left;
	font:1.4em/1.4em "Franklin Gothic", Geneva, sans-serif;
	text-transform:uppercase;
	letter-spacing:.02em;
	text-align:right;
	}
	
	ul#secondary-nav li {
		display:block;
		border-top:1px solid #fff;
		background:url(../images/trans-white80.png) repeat;
		}
		
	ul#secondary-nav li.first {
		border-top:none; /* Fixes incompatibility with :first-child pseudo selector in IE6 */
		}
		
		ul#secondary-nav li a {
			display:block;
			width:225px;
			height:27px;
			padding:8px 20px 0px 0px;
			color:#444;
			text-decoration:none;
			}
			
		ul#secondary-nav li a:hover {
			text-decoration:none;
			background:url(../images/trans-blue25.png) repeat;
			}
			
			.villa #main ul#secondary-nav li .submenuGroup02 a:hover {
				background: none; /* Makes "whole ownership" button non-rollover on that page */
				}
	
#content {
	width:675px;
	/*height:100%;
	min-height:200px;*/ /* Commented out to fix page height issue in IE6 */
	padding:19px;
	background:url(../images/trans-white90.png) repeat;
	border:1px solid #fff;
	float:right;
	}
	
	#content #headerPic {
		margin: 0 0 20px 0;
		padding: 0;
		width: 675px;
		height: 165px;
		background-color: #fff;
		/*display: inline;*/
		}
		
		#content #headerPic img {
			margin: 0;
			padding: 0;
			}
	
	#content h1 {
		font:2.4em "Century Gothic", Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-variant:small-caps;
		margin: 0 0 3px 0;
		line-height: 1.1em;
		}
	
	#content h2 {
		font:1.5em Palatino, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:normal;
		margin:0 0px 7px 0px;
		}
		
	#content h3 {
		font:1.6em Palatino, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:normal;
		}
		
	#content p {
		/*font:1.1em/1.8em Tahoma, Arial, sans-serif;*/
		font:1.15em/1.8em Tahoma, Arial, sans-serif;
		margin: 5px 0 10px 0;
		}
		
		#content p a {
			text-decoration:underline;
			color:#0097ac;
			}
			
		#content p a:hover {
			text-decoration:none;
			color:#af8a2f;
			}
		
	#content h3.push {
		display:block;
		padding:5px 5px 4px 10px;
		margin-top:5px;
		background:url(../images/trans-blue25.png) repeat;
		float:left;
		}
		
		#content h3.push a {
			background:url(../images/push-arrow.gif)  no-repeat right -2px;
			padding-right:25px;
			text-decoration:none;
			color:#444;
			}
			
		#content h3.push a:hover {
			text-decoration:underline;
			}
			
/* ------------------------------------------------------------------------ footer 
*/

#footer {
	width:675px;
	height:21px;
	padding:9px 20px 0px;
	background:url(../images/trans-white80.png) repeat;
	float:right;
	font:1.0em "Franklin Gothic", Geneva, sans-serif;
	text-transform:uppercase;
	}
	
	#footer p {
		float:left;
		}
		
		#footer p a {
			color:#0097ac;
			text-decoration:underline;
			}
			
		#footer p a:hover {
			color:#af8a2f;
			text-decoration:none;
			}
		
	#footer ul {
		float:right;
		}
		
		#footer ul li {
			display:inline;
			margin-left:10px;
			}
			
			#footer ul li a {
				color:#444;
				text-decoration:none;
				}
				
			#footer ul li a.owners {
				color:#0097ac;
				}
				
			#footer ul li a:hover {
				color:#0097ac;
				text-decoration:underline;
				}


#scrollingContent {
	height: 250px;
	overflow: auto;
	}

#scrollingContentIndex {
	height: 210px;
	overflow: auto;
	}
	
	#scrollingContent p, #scrollingContentIndex p {
		margin-right: 10px;
		}
		
.clear {
	clear:both;
	}
	
/*-------------------------------------------------------------------------------HOME PAGE--------*/
	
body.home {
	background:url(../images/home-bg.jpg) top center no-repeat #444;
	}
	
.home #main {
	padding-top:290px;
	}
	
.home #content {
	height:200px;
	overflow:hidden;
	}
	
	.home #content .content-tab {
		margin-bottom:20px;
		}	
		
	.home #content #prc img, .home #content #registry img {
		float:left;
		clear:both;
		margin-right:30px;
		}
		
	.home #content #villa img {
		float:right;
		clear:both;
		margin-left:30px;
		}
	
.home #main #secondary-nav li a:hover, 
.home #main #secondary-nav li a:active, 
.home #main #secondary-nav li.ui-tabs-selected a {  /*  displays selected tab as blue  */
	text-decoration:none;
	background:url(../images/trans-blue25.png) repeat;
	}
	
.ui-tabs-hide {  /*  hides the divs/tabs that are not in use  */
	display: none;  
	} 
	
.home img.preload {
	display:none;
	}
	
/*-------------------------------------------------------------------------------ACTIVITIES SECTION--------*/
	
body.activities, 
body.golf, 
body.resort,
body.kids,
body.aruba {
	background:url(../images/activities-bg.jpg) top center no-repeat #444;
	}
	
.activities ul#primary-nav a#activities, 
.golf ul#primary-nav a#activities, 
.resort ul#primary-nav a#activities, 
.aruba ul#primary-nav a#activities {
	color:#af8a2f;
	}

.golf #main ul#secondary-nav a#golf, 
.resort #main ul#secondary-nav a#resort, 
.kids #main ul#secondary-nav a#kids,
.aruba #main ul#secondary-nav a#aruba {
	text-decoration:none;
	background:url(../images/trans-blue25.png) repeat;
	}
	
.activities #main {
	padding-top:290px;
	}
	
.activities #content {
	height:200px; /* Set specificially for IE6 */
	}
	
.activities #content img {
	float:left;
	margin-right:30px;
	}
	
.golf #content img {
	float:left;
	margin:0px 30px 10px 0px;
	}
	
.resort #content .img-group {
	width:200px;
	float:right;
	margin:0px 0px 10px 30px;
	}
	
	.resort #content .img-group img {
		margin-bottom:10px;
		}
	
/*-------------------------------------------------------------------------------REAL ESTATE SECTION--------*/
	
body.realestate, 
body.prc,
body.floorplan, 
body.villa, 
body.registry, 
body.clubhouse, 
body.clubhousePRC,
body.siteplan,
body.developer {
	background:url(../images/realestate-bg.jpg) top center no-repeat #444;
	}
	
.realestate ul#primary-nav a#realestate, 
.prc ul#primary-nav a#realestate,
.floorplan ul#primary-nav a#floorplan, 
.villa ul#primary-nav a#realestate, 
.registry ul#primary-nav a#realestate, 
.clubhouse ul#primary-nav a#realestate,
.clubhousePRC ul#primary-nav a#clubhousePRC, 
.siteplan ul#primary-nav a#realestate,
.developer ul#primary-nav a#developer {
	color:#af8a2f;
	}

.prc #main ul#secondary-nav a#prc, 
.floorplan #main ul#secondary-nav a#floorplan,
/*.villa #main ul#secondary-nav a#villa, */ /* removes blue 'selected' color from button when on that page */
.registry #main ul#secondary-nav a#registry, 
.clubhouse #main ul#secondary-nav a#clubhouse,
.clubhousePRC #main ul#secondary-nav a#clubhousePRC, 
.siteplan #main ul#secondary-nav a#siteplan,
.developer #main ul#secondary-nav a#developer {
	text-decoration:none;
	background:url(../images/trans-blue25.png) repeat;
	}
	
.realestate #main {
	padding-top:290px;
	}
	
.realestate #content {
	height:200px; /* Set specificially for IE6 */
	}
	
.realestate #content img {
	float:right;
	margin-left:30px;
	}
	
.prc #content .img-group {
	width:200px;
	float:left;
	margin:0px 30px 10px 0px;
	}
	
	.prc #content .img-group img {
		margin-bottom:10px;
		}	
		
.villa #content .img-group {
	width:200px;
	float:right;
	margin:0px 0px 10px 30px;
	text-align:center;
	color:#0097ac;
	}
	
	.villa #content .img-group img {
		margin-bottom:10px;
		}
	

		
.siteplan #scrollingContent img {
	border: 1px solid #fff;
	}
	
.floorplan #scrollingContent img {
	border: 1px solid #fff;
	margin: 5px;
	}
	
	.floorplan #content .img-group {
	margin-top:5px;
	text-align:center;
	color:#0097ac;
	width: 500px;
	margin: 0 auto;
	}
	
.registry #content .img-group {
	margin-top:25px;
	text-align:center;
	color:#0097ac;
	}
	
	.registry #content .img-group img {
		margin:0px 10px 10px 0px;
		float:left;
		border: 1px solid #fff;
		}
		
	.registry #content .img-group img.end {
		margin-right:0px;
		}	
		
.galleryImage {
	float: left;
	display: block;
	/*width: 180px;
	border: 1px dotted red;*/
	}	
	
	.galleryImage h4 {
		font: 1.1em/1.5em "Tahoma", Verdana, sans-serif;
		margin-bottom: 10px;
		}

.submenuGroup01 {
	background:url(../realestate/images/bg-menu01.png) repeat;
	}
	
.submenuGroup02 {
	background:url(../realestate/images/bg-menu02.png) repeat;
	}
	
.spaceBelow {
	margin-bottom: 10px;
	/*border-bottom: 1px solid #fff;*/
	}		
		
/*-------------------------------------------------------------------------------LOCATION SECTION--------*/
	
body.location, body.history, body.maps {
	background:url(../images/location-bg.jpg) top center no-repeat #444;
	}
	
.location ul#primary-nav a#location, .history ul#primary-nav a#location, .maps ul#primary-nav a#location {
	color:#af8a2f;
	}

.history #main ul#secondary-nav a#history, .maps #main ul#secondary-nav a#maps {
	text-decoration:none;
	background:url(../images/trans-blue25.png) repeat;
	}
	
.location #main {
	padding-top:290px;
	}
	
.location #content {
	height:200px; /* Set specificially for IE6 */
	}
	
.location #content img {
	float:right;
	margin-left:30px;
	}
	
.history #content .img-group {
	width:200px;
	float:right;
	margin:0px 0px 10px 30px;
	}
	
	.history #content .img-group img {
		margin-bottom:10px;
		}

/*-------------------------------------------------------------------------------REQUEST INFO SECTION--------*/
	
body.requestinfo, body.thankyou {
	background:url(../images/requestinfo-bg.jpg) top center no-repeat #444;
	}
	
.requestinfo ul#primary-nav a#requestinfo, .thankyou ul#primary-nav a#requestinfo {
	color:#af8a2f;
	}

.requestinfo #content .img-group, .thankyou #content .img-group {
	width:200px;
	float:right;
	margin:0px 0px 10px 30px;
	}
	
	.requestinfo #content .img-group img, .thankyou #content .img-group img {
		margin-bottom:10px;
		}

.requestinfo #content form, .thankyou #content form, .tellafriend #content form {
	width: 440px;
	margin: 20px 0px 0px;
	}
	
	.requestinfo #content form p, .thankyou #content form p, .tellafriend #content form p {
		width:400px;
		clear:left;
		margin-left: 20px;
		padding: 0;
		}
		
	.requestinfo #content form fieldset, .thankyou #content form fieldset, .tellafriend #content form fieldset {
		border: none;
		}
		
	.requestinfo #content form label, .thankyou #content form label, .tellafriend #content form label {
		line-height: 20px;
		font-size: 11px;
		color: #444;
		float:left;
		margin: 0 10px 5px 0;
		width: 120px;
		text-align:right;
		}
	
	.requestinfo #content form input, .thankyou #content form input, .tellafriend #content form input {
		border: 1px solid #0097ac;
		margin: 0 10px 3px 0;
		padding: 2px;
		background-color:#d9f1f3;
		}

	.requestinfo #content form textarea, .thankyou #content form textarea, .tellafriend #content form textarea {
		border:1px solid #0097ac;
		margin: 0 10px 3px 0;
		padding: 2px;
		background-color:#d9f1f3;
		width:250px;
		/*overflow-y: scroll;*/
		}
		
	.requestinfo #content form select, .thankyou #content form select {
		margin: 0 0 8px 0;
		border: 1px solid #0097ac;
		}
	
	.requestinfo #content form p .last, .thankyou #content form p .last, .tellafriend #content form p .last {
		margin: 8px 10px 0 130px;
		}
		
.requestinfo #main #contact-info, .thankyou #main #contact-info {
	width:245px;
	padding-bottom:10px;
	background:url(../images/trans-white80.png) repeat;
	float:left;
	}
	
	.requestinfo #main #contact-info h3, .thankyou #main #contact-info h3 {
		display:block;
		border-bottom:1px solid #fff;
		width:225px;
		height:27px;
		padding:8px 0px 0px 20px;
		background:url(../images/trans-blue25.png) repeat;
		font:1.4em/1.4em "Franklin Gothic", Geneva, sans-serif;
		text-transform:uppercase;
		letter-spacing:.02em;
		text-align:left;
		}
		
	.requestinfo #main #contact-info p, .thankyou #main #contact-info p {
		font:1.1em/1.8em Tahoma, Arial, sans-serif;
		margin:10px 0px;
		padding:0px 20px;
		}
		
		.requestinfo #main #contact-info p strong, .thankyou #main #contact-info p strong {
			color:#0097ac;
			font-weight:normal;
			}
		
		.requestinfo #main #contact-info p a, .thankyou #main #contact-info p a {
			text-decoration:underline;
			color:#0097ac;
			}
			
		.requestinfo #main #contact-info p a:hover, .thankyou #main #contact-info p a:hover {
			text-decoration:none;
			color:#af8a2f;
			}
			
body.tellafriend {
	background:url(../images/tellafriend-bg.jpg) no-repeat #444;
	}

body.tellafriend #content {
	width:460px;
	height:310px;
	float:none;
	background:none;
	}
			
/*-------------------------------------------------------------------------------PHOTO GALLERY--------*/
	
body.photogallery {
	background:url(../images/home-bg.jpg) top center no-repeat #444;
	}
	
.photogallery #main ul.gallery {
	display:block;
	width:225px;
	padding:20px 0px 20px 20px;
	background:url(../images/trans-white80.png) repeat;
	float:left;
	}
	
	ul.gallery li {
		width:95px;
		height:68px;
		border:1px solid #fff;
		overflow:hidden;
		display:block;
		float:left;
		margin:0px 10px 10px 0px;
		}
		
		ul.gallery li img {
			display:none;
			}
			
.photogallery #content {
	/*height:100%;
	min-height:525px;*/
	}
			
	.photogallery #content #image {
		width:675px;
		height:485px;
		font:1.4em Palatino, "Times New Roman", Times, serif;
		font-style:italic;
		position:relative;
		}
		
		.photogallery #content #image img {
			margin-bottom:20px;
			}
			
		.photogallery #content #image span.caption {
			width:675px;
			height:20px;
			padding-top:5px;
			text-align:center;
			display:block;
			}
			
		.photogallery #content #image span.previous {
			display:block;
			height:23px;
			padding:2px 10px 0px 5px;
			background:url(../images/trans-blue25.png) repeat;
			position:absolute;
			bottom:0px;
			left:0px;
			}
			
			span.previous a {
				color:#444;
				text-decoration:none;
				background:url(../images/push-arrow2.gif) left center no-repeat;
				display:block;
				padding:3px 0px 0px 25px;
				}
				
			span.previous a:hover {
				text-decoration:underline;
				}
			
		.photogallery #content #image span.next {
			display:block;
			height:23px;
			padding:2px 5px 0px 10px;
			background:url(../images/trans-blue25.png) repeat;
			position:absolute;
			bottom:0px;
			right:0px;
			}
			
			span.next a {
				color:#444;
				text-decoration:none;
				background:url(../images/push-arrow.gif) right center no-repeat;
				display:block;
				padding:3px 25px 0px 0px;
				}
				
			span.next a:hover {
				text-decoration:underline;
				}

/*------------------------------------------------------------------------------- REALTOR TOOLS --------*/		
						
form label {
	float: left;
	width: 120px;
	margin: 0 10px 5px 0px;
	text-align: right;
	}

form input {
	margin-right: 50px;
	}
	
form .submitButton {
	margin-left: 70px;
	}