/*******************************************************************************
NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css
MOST STYLES CAN BE OVERWRITTEN HERE IN style.css

NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css:
  ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN
  OVERWRITE IN THIS STYLE SHEET

  FONT-SIZE IS SET TO A DEFAULT OF 12px
  FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW
*******************************************************************************/


@import "base.css";


/* BASIC STRUCTURE
*******************************************************************************/
html, body { background:#000; }
body { background:#000; }

#container { margin:0 auto; padding:0; width:970px; }

/* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED.
*******************************************************************************/
a:link, a:visited { color:#a0c5db; text-decoration: none; }
a:hover { color:#a0c5db; text-decoration: underline; }



/* BASIC FORM STYLES
*******************************************************************************/
input, textarea { color:#333; }


/* HEADER
*******************************************************************************/
#header { position:relative; margin:10px 0 0 0; height:65px; background: #000; border:1px solid black; z-index:50; }
   #header a.home-icon { float:left; display:block; padding: 0; margin: 2px 0px 0px 12px; width:124px; height:58px; background:url(/assets/images/home/logo.jpg) no-repeat 0 0; cursor:pointer; text-decoration:none; }
      #header a.home-icon span { visibility:hidden; }


/* NAVIGATION
*******************************************************************************/
/* MAIN NAV */
.mainnav .menu-text, 
.mainnav span.menu-text,
.tertnav .menu-text, 
.tertnav span.menu-text { color:#000000 !important; display:none !important; }

#nav-wrap { width:720px; margin:42px auto 0 210px; z-index:100; }

.mainnav { width:734px; height:24px; margin:0; padding:0; z-index:5; }

.mainnav li { float:left; position:relative; height:24px; }
.mainnav li a { display:block; height:24px; text-decoration:none !important; background:url(/assets/images/nav/nav.jpg) no-repeat left top; }
.mainnav li span.space { z-index:10; position:absolute; left:0; top:0; display:block; height:24px; }
.mainnav li span.menu-text { display:none; }

.mainnav li.home a { width:73px; background-position:0 0; }
.mainnav li.developer a { width:98px; background-position:-73px 0; }
.mainnav li.location a { width:92px; background-position:-171px 0; }
.mainnav li.amenities a { width:95px; background-position:-263px 0; }
.mainnav li.residences a { width:103px; background-position:-358px 0; }
.mainnav li.floorplans a { width:110px; background-position:-461px 0; }
.mainnav li.news a { width:62px; background-position:-571px 0; }
.mainnav li.contact-us a { width:92px; background-position:-633px 0; }

.mainnav li.home a:hover,
	.mainnav li.home:hover a,
		.mainnav li.home a.active { background-position:0 -24px; }
.mainnav li.developer a:hover,
	.mainnav li.developer:hover a,
		.mainnav li.developer a.active { background-position:-73px -24px; }
.mainnav li.location a:hover, 
	.mainnav li.location:hover a, 
		.mainnav li.location a.active { background-position:-171px -24px; }
.mainnav li.amenities a:hover, 
	.mainnav li.amenities:hover a, 
		.mainnav li.amenities a.active { background-position:-263px -24px; }
.mainnav li.residences a:hover, 
	.mainnav li.residences:hover a, 
		.mainnav li.residences a.active { background-position:-358px -24px; }
.mainnav li.floorplans a:hover, 
	.mainnav li.floorplans:hover a, 
		.mainnav li.floorplans a.active { background-position:-461px -24px; }
.mainnav li.news a:hover,
	.mainnav li.news:hover a,
		.mainnav li.news a.active { background-position:-571px -24px; }
.mainnav li.contact-us a:hover, 
	.mainnav li.contact-us:hover a, 
		.mainnav li.contact-us a.active { background-position:-633px -24px; }
	
/* TERTNAV 
*************************************************************************************************/
.tertnav a, .tertnav li span { z-index:10; display:block; width: 225px; background-repeat:no-repeat; text-decoration:none !important;}

.tertnav { width:225px; height:400px; margin:0; padding:41px 0 0 0; z-index: 100; list-style:none; background:url(/assets/images/nav/tertnav/top.gif) no-repeat right top; }

.zia-menu li, .zia-menu li a, .zia-menu li a:hover, .zia-menu li a.active { color:#000000 !important; }

.tertnav li, .tertnav li a, .tertnav li span { width:179px; height:25px; cursor:pointer; }

.tertnav li { margin:0 0 11px 24px; }
.tertnav li span { position:absolute; left:0; top:0; }

/* QUATNAV 
*************************************************************************************************/
.quatnav li .active { text-decoration:underline;}

/* RIGHT SIDE NAV DEVELOPER */
ul.developer-tertnav a,
	ul.developer-tertnav li span { width:179px; height:25px; background:transparent url(/assets/images/nav/tertnav/developer.png); }

.tertnav li.top span { background-position: 0 0; }
.tertnav li.at-a-glance span { background-position: 0 0; }
.tertnav li.gulf-bay-history span { background-position: 0 -36px; }
.tertnav li.completed-projects span { background-position: 0 -72px; }
.tertnav li.current-projects span { background-position:0 -108px; }

/* RIGHT SIDE NAV DEVELOPER HOVER */
.tertnav li.at-a-glance a:hover span,
   .tertnav li.at-a-glance a.active span { background-position: -225px 0; }

.tertnav li.gulf-bay-history a:hover span,
   .tertnav li.gulf-bay-history a.active span { background-position: -225px -36px; }

.tertnav li.completed-projects a:hover span,
   .tertnav li.completed-projects a.active span { background-position: -225px -72px; }

.tertnav li.current-projects a:hover span,
   .tertnav li.current-projects a.active span { background-position: -225px -108px; }


/* RIGHT SIDE NAV AMENITIES */
ul.amenities-tertnav a,
	ul.amenities-tertnav li span { background:transparent url(/assets/images/nav/tertnav/amenities.png); }

.tertnav li.civilities span { background-position: 0 0; }
.tertnav li.site-landscape-plan span { background-position: 0 -36px; }
.tertnav li.building-amenities span { background-position: 0 -72px; }
.tertnav li.lobby-level span { background-position:0 -108px; }
.tertnav li.lobby-foyer span { background-position:0 -144px; }
.tertnav li.salon span { background-position: 0 -180px; }
.tertnav li.club-room span  { background-position: 0 -216px; }
.tertnav li.theater-room span { background-position:0 -252px; }
.tertnav li.health-club span { background-position:0 -288px; }
.tertnav li.pool span { background-position:0 -324px; }

/* RIGHT SIDE NAV AMENITIES HOVER */
.tertnav li.civilities a:hover span,
   .tertnav li.civilities a.active span { background-position: -225px 0; }

.tertnav li.site-landscape-plan a:hover span,
   .tertnav li.site-landscape-plan a.active span { background-position: -225px -36px; }

.tertnav li.building-amenities a:hover span,
   .tertnav li.building-amenities a.active span { background-position: -225px -72px; }

.tertnav li.lobby-level a:hover span,
   .tertnav li.lobby-level a.active span { background-position: -225px -108px; }

.tertnav li.lobby-foyer a:hover span,
   .tertnav li.lobby-foyer a.active span { background-position: -225px -144px; }
   
.tertnav li.salon a:hover span,
   .tertnav li.salon a.active span { background-position:-225px -180px; }

.tertnav li.club-room a:hover span,
   .tertnav li.club-room a.active span { background-position: -225px -216px; }

.tertnav li.theater-room a:hover span,
   .tertnav li.theater-room a.active span { background-position: -225px -252px; }

.tertnav li.health-club a:hover span,
   .tertnav li.health-club a.active span { background-position: -225px -288px; }

.tertnav li.pool a:hover span,
   .tertnav li.pool a.active span { background-position: -225px -324px; }

/* RIGHT SIDE NAV LOCATION */
ul.location-tertnav a,
	ul.location-tertnav li span { background:transparent url(/assets/images/nav/tertnav/location.png); }

.tertnav li.landmark-address span { background-position: 0 0; }
.tertnav li.naples span { background-position: 0 -36px; }
.tertnav li.pelican-bay span { background-position: 0 -72px; }

/* RIGHT SIDE NAV DEVELOPER HOVER */
.tertnav li.landmark-address a:hover span,
   .tertnav li.landmark-address a.active span { background-position: -225px 0; }

.tertnav li.naples a:hover span,
   .tertnav li.naples a.active span { background-position: -225px -36px; }

.tertnav li.pelican-bay a:hover span,
   .tertnav li.pelican-bay a.active span { background-position: -225px -72px; }

/* RIGHT SIDE NAV RESIDENCES*/
ul.residences-tertnav a,
	ul.residences-tertnav li span { background:transparent url(/assets/images/nav/tertnav/residences.png); }

.tertnav li.the-residences span { background-position: 0 0; }
.tertnav li.interior-features span { background-position: 0 -36px; }
.tertnav li.kitchens span { background-position: 0 -72px; }
.tertnav li.bathrooms span { background-position: 0 -108px; }
.tertnav li.penthouses span { background-position: 0 -144px; }

/* RIGHT SIDE NAV DEVELOPER HOVER */
.tertnav li.the-residences a:hover span,
   .tertnav li.the-residences a.active span { background-position: -225px 0; }

.tertnav li.interior-features a:hover span,
   .tertnav li.interior-features a.active span { background-position: -225px -36px; }

.tertnav li.kitchens a:hover span,
   .tertnav li.kitchens a.active span { background-position: -225px -72px; }

.tertnav li.bathrooms a:hover span,
   .tertnav li.bathrooms a.active span { background-position: -225px -108px; }

.tertnav li.penthouses a:hover span,
   .tertnav li.penthouses a.active span { background-position: -225px -144px; }

/* RIGHT SIDE NAV FLOORPLANS */
ul.floorplans-tertnav a,
	ul.floorplans-tertnav li span { background:transparent url(/assets/images/nav/tertnav/floorplans.png); }
	
.tertnav li.floorplans span { background-position: 0 0; }

/*.tertnav li.floorplans, .tertnav6 li.floorplans a,
   .tertnav li.floorplans span { height:127px;  cursor:pointer; }*/

/* RIGHT SIDE NAV FLOORPLANS HOVER */

.tertnav li.floorplans a:hover span,
   .tertnav li.floorplans a.active span { background-position: -225px 0; }
   
   .tertnav li.floorplans { }
   .tertnav li.floorplans a { }
   .tertnav li.floorplans span { }


   /* CONTENT AREA
   *******************************************************************************/
   #content-wrapper { border:1px solid #fff; padding:2px; width:960px; }
   #content { background:#000; width: 967px; min-height: 443px; background: url(/assets/images/sublevel/left-middle.jpg) repeat-y left bottom; }
   #content_2 { margin: 0px 0px 0 0px; background:#000;  min-height: 446px; width: 960px; }
   #content_2 h2 {display: none; }

   /* SIDEBAR LEFT
   *******************************************************************************/
   #left { float:left; display:block; width:224px; background:url(/assets/images/sublevel/left.jpg) no-repeat top bottom; background-position: top left;} /* left-hand background image */
   * html #left { height:443px; }
   .left-middle-image { display: block; height: auto; }
   .left-bottom-image { display: block; height: auto;  }

   /* SIDEBAR RIGHT
   *******************************************************************************/
   #right { float: left; display:block; margin:0 0 0 2px; width: 226px; }
   * html #right { height: 443px; }

   /* MAIN
   *******************************************************************************/
   #top-main {  margin:0; padding: 0; background: url(/assets/images/sublevel/mid_bg_top.gif) no-repeat;  }
   #main-content { margin:0; padding: 0; background: url(/assets/images/sublevel/mid_bg_mid.gif) repeat-y;  min-height: 419px; }
   #bottom-main { margin:0; padding: 0; background: url(/assets/images/sublevel/mid_bg_bottom.gif) no-repeat; height:24px; }
   #main {float:left; display:block; margin: 0; width: 506px; }
   #home #main { float:none; display:block; margin: 0px 0px 0px 2px; width: 500px; height: 420px; }
   * html main { width: 495px; height: 435px; }
      .picture  { margin: 3px 1px 1px 1px; width: 948px !important; }
   #left-main-wrapper { background:url(/assets/images/sublevel/left-bottom.jpg) no-repeat left bottom; }
   #main-left { float:left; margin:0 0 0 2px; }
   

/* 'THREE-COLUMN' LAYOUT SPECIFIC
*******************************************************************************/
#two-column .main-wrapper { float:left; display:block; margin:0 0 0 2px; min-height:419px; width:734px; background:transparent url(/assets/images/sublevel/bg_main_middle_wide.gif) repeat-y top; }
#two-column .main-wrapper .top { background:transparent url(/assets/images/sublevel/bg_main_top_wide.gif) no-repeat top; width:734px; height:32px; }

#two-column #content-wrapper { background:transparent url(/assets/images/sublevel/bg_main_bottom_wide.gif) no-repeat 228px bottom; }
#two-column #main-left { width:734px; }

/* 'THREE-COLUMN' LAYOUT SPECIFIC
*******************************************************************************/
#three-column #main-left { background:url(/assets/images/nav/right-nav-tile.jpg) repeat-y right; }

/* 'THREE-COLUMN-2' LAYOUT SPECIFIC
*******************************************************************************/
#three-column-2 #main-left { margin:0; background:url(/assets/images/nav/right-nav-tile.jpg) repeat-y right bottom; }

#three-column-2 #main { margin:0 0 0 2px; }
   

/* SITEMAP
*******************************************************************************/
.sitemap-wrapper { padding:30px; }
.sitemap-wrapper h2 { color:#fff !important; }
ul.sitemap li,
ul.sitemap li a,
ul.sitemap ul li,
ul.sitemap ul li a { color:#fff !important; list-style-type:disc !important; }

ul.sitemap li { }
*html ul.sitemap {  }
*html ul.sitemap li { }
	ul.sitemap li a:hover { color:lightblue !important; }

   /* FOOTER
   *******************************************************************************/
   #footer { position:relative; padding:10px 0; background: #000; border:1px solid black; z-index:1; width: 970px; }
   #footer p { padding:5px 0 0 13px ; text-align:left; color:#a0c5db; font-family:Georgia; font-size: 10px; line-height: 15px;  }
   #ftr_logo { float:right; margin: 0px 39px 0 0px; border: 0px; width: 243px; height: 51px; }
      a:link.ftrlogo, a:visited.ftrlogo { background:url(/assets/images/home/inquire_click.jpg) no-repeat; background-position:0px 0px; width:243px; height:51px; display:block; }
      a:hover.ftrlogo { background-position:0px -51px; text-decoration: none; }
   #ftr_logo a.ftrlogo span { visibility:hidden; }
   .ftr-discaimer { padding:5px 0 0 13px ; text-align:left; color:#a0c5db; font-family:Georgia; font-size: 10px; line-height: 15px;}

   /* sIFR
   *******************************************************************************/
   /* DO NOT ADJUST THESE STYLES */
   .sIFR-flash { margin: 0; visibility: visible !important; }
   .sIFR-replaced { visibility: visible !important; }

   span.sIFR-alternate { position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; overflow: hidden; }

   /* Hide Adblock Object tab */
   .sIFR-flash + div[adblocktab=true] { display: none !important; }

   /* YOU CAN ADJUST, ADD OR REMOVE FROM THESE STYLES - Decoy styles are used to hide the browser text before it is replaced */
   /*.sIFR-hasFlash #main h3 { visibility: hidden; }*/

  
   /* MISC. CLASSES & IDS
   *******************************************************************************/
   /* Shrunk 3px to have even border on each side.  It should really be the same width as #main though.  --toby */
   /* #block-keystone-delta-inset img { width:508px; height:420px; } */
   #block-keystone-delta-section-title img { padding-top: 40px; padding-bottom: 30px; }  /* section title gif */
   
   #block-keystone-delta-inset-content { text-align:center; margin-left: auto; margin-right: auto; padding-top:20px; }
   #block-keystone-delta-inset-content img { border: 15px solid #fff; } /* image of property appearing above copy */
   
   #block-keystone-delta-inset-content p { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 13px 0px 17px; padding:14px 0 0 0;  }
   #block-keystone-delta-inset-left img { display: block; margin-left: auto; margin-right: auto; }  /* inset media away from content */
   #block-keystone-delta-inset-left { margin-left: auto; margin-right: auto; }
   
   #block-menu-delta-developer-completed-projects-side-nav a { color: #fff; font-size: 12px; }
   
   #block-pricing-delta-natural-path-matched-block { padding: 29px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;  }
   #block-pricing-delta-natural-path-matched-block p {  font-size: 14px; line-height: 16px;  }
   #block-user-delta-natural-path-matched-block { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 19px 0px 22px; padding: 14px 0 0 0; }
   #block-entity-delta-natural-path-matched-block h4 { text-align:center; margin-bottom:0; margin-top: 10px; margin-left: auto; margin-right: auto; color: #fff; font-size: 15px; font-weight: bold; }
   #block-entity-delta-natural-path-matched-block ul { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 0 0 30px;}
   #block-entity-delta-natural-path-matched-block li { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 13px 0 0px; }
   #block-entity-delta-natural-path-matched-block h2 { display:none; visibility:hidden; padding: 0; margin: 0; } /* Hides h2 txt */
   #block-entity-delta-natural-path-matched-block p { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 19px 0px 22px; padding: 14px 0 0 0; }
   #res-bull { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 19px 0px 22px; padding: 14px 0 0 0px; }
   #block-entity-delta-natural-path-matched-block h1 { font-weight:normal; margin: 0px 17px 0px 17px; color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
   #block-entity-delta-natural-path-matched-block span { text-decoration: underline; margin: 0; padding: 0; position: relative; float: left; display: inline; }
   #block-keystone-delta-address { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 19px 0px 22px; padding:14px 0 0 0; }

   #notice { float: left; display: block; margin-top: 10px; margin-right: 80px; margin-bottom: 20px;}
   #full-join-form { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 19px 0px 22px; padding: 14px 0 0 0; }
   #full-join-form input { float: left; }
   #full-join-form select { float: left; }
   #full-join-form option {float: left;}
   #full-join-form label { float: left; display: block; width: 150px; line-height: 26px; clear:left; }
   #full-join-form textarea {float: left; width:70%;}
   #full-join-form ul.errors li { float:left; margin:0px 0px 0px 10px; }

   /*#zia-form-element-wrapper-full_join_form-salutation select { margin: -10px 0 0px 0px;}*/
   .zia-form-submit-elements input { margin: 10px 0 0px 0px;}
   .zia-form-element-wrapper {clear:both; margin-top:5px;}
   #comments {height: 90px; }
   
   .title { Font-weight: bold; Font-size: 15px; color: #a0c5db; margin: 0 13px 0px 17px; padding:14px 0 0 0;}
   .clear { clear: both; }
   .news-copy { margin: -10px; }
   .pricing th { text-align: left; width: 70px;}
   .pricing-price { width: 200px; }
   
   #zia-form-element-wrapper-full_join_form-subscribe { clear:both !important; }
   #zia-form-element-wrapper-full_join_form-subscribe label { clear:none !important; width:583px !important; margin-left:5px !important; }
   #zia-form-element-wrapper-full_join_form-subscribe input { margin-top:5px !important; }