@charset "UTF-8";
/* CSS Document */

#mainContainer {position:relative; top:0px; width:963px; background:#000;}
#shadow {position:relative; top:14px; left:50%; margin-left:-490px; width:974px; height:653px; background:url(../images/main-shadow.jpg) no-repeat; padding:0 0 0 6px}

#headerContainer {position:relative; width:963px; height:104px; z-index:99}
#logo {float:left; width:289px; height:104px; position:absolute; top:0; left:0; z-index:999; background:url(../images/ll-logo.jpg) 0 0 no-repeat #002336; cursor:pointer}
#header {float:left; width:963px; height:104px; background:#002336}

#contentContainer {position:relative; width:963px; height:506px; overflow:hidden}
#contentContainer #main-background {position:absolute; top:0; left:0}

#content-box {position:absolute; top:15px; left:0; background:url(../images/content-box.png) no-repeat; width:430px; height:472px; padding:17px 0 0 17px; z-index:99}
#content-box #tile-top {float:left; width:413px; height:113px; background:#000; overflow:hidden}
#content-box #tile-btm {float:left; width:413px; height:113px; background:#000}
#content-box #text-box {float:left; width:293px; height:205px; padding:18px 90px 0 30px; font-size:23px; background:url(../images/content-box_bg.jpg) no-repeat #000}


#tile-box {position:absolute; top:0; left:0; background:url(../images/imgTile-bg.png) no-repeat; width:314px; height:279px; padding:0 0 0 3px; z-index:99}
#tile-box #top {float:left; width:290px; height:145px; margin-bottom:3px}
#tile-box #btm {float:left; width:290px; height:105px}

#back {position:absolute; top:20px; right:10px; width:174px; height:25px; z-index:99}

#mask {position:absolute; top:0; left:0; width:963px; height:506px; background:url(../images/mask.png) no-repeat; z-index:10}
#mask1 {position:absolute; top:0; left:0; width:963px; height:506px; background:url(../images/mask1.png) no-repeat; z-index:10}

#aboutPic {float:right; width:85px; height:109px; margin:0 0 50px 30px;}

/* Property page styles */

#property-head {position:absolute; top:51px; right:0; width:478px; height:48px; z-index:10}


/* Property Details Slideout Tab Styles  */
#property-details {position:absolute; top:110px; right:-378px; width:415px; height:393px; z-index:10}
#property-details #div {position:relative; width:415px; height:393px}
#property-details #details-bg {position:relative; width:415px; height:393px; background:url(../images/add-content.png) no-repeat; padding:0 0 0 0}
#property-details #text {position:absolute; top:31px; left:39px; overflow:auto; width:360px; padding-right:11px; height:324px; z-index:5; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#062938; line-height:13px}
#property-details #text p {margin-top:0; padding:0}
#property-details #text a {color:#0083a2; font-weight:bold}

#property-details #open {position:absolute; top:225px; left:10px; width:24px; height:149px; z-index:3}
#property-details #close {position:absolute; top:310px; left:14px; width:24px; height:67px; z-index:2}

/* Additional Information Slideout Tab Styles */
#add-info {position:absolute; bottom:-75px; left:0; width:306px; height:111px; z-index:12}
#add-info #div {position:relative; width:306px; height:111px}
#add-info #info-bg {position:relative; width:306px; height:111px; background:url(../images/add-info.png) no-repeat; padding:0 0 0 0}

#add-info #text {position:absolute; bottom:0; left:13px; width:267px; height:79px; z-index:5; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#062938}
#add-info #text ul#thumbs {list-style:none; margin:0; padding:0}
#add-info #text ul#thumbs li {position:relative; float:left}
#add-info #text .title {float:left; width:89px; padding-top:7px; text-align:center; font-size:10px; font-weight:bold}

#add-info ul#thumbs li a#gallery {display:block; float:left; background:url(../images/gallery-icon.png) no-repeat 0 -58px; width:89px; height:58px}
#add-info ul#thumbs li a#gallery:hover {background:url(../images/gallery-icon.png) no-repeat 0 0}

#add-info ul#thumbs li a#tour {display:block; float:left; background:url(../images/video-icon.png) no-repeat 0 -58px; width:89px; height:58px}
#add-info ul#thumbs li a#tour:hover {background:url(../images/video-icon.png) no-repeat 0 0}

#add-info ul#thumbs li a#location {display:block; float:left; background:url(../images/map-icon.png) no-repeat 0 -58px; width:89px; height:58px}
#add-info ul#thumbs li a#location:hover {background:url(../images/map-icon.png) no-repeat 0 0}

#add-info ul#thumbs li a#sellsheet {display:block; float:left; background:url(../images/sellSheet-icon.png) no-repeat 0 -58px; width:89px; height:58px}
#add-info ul#thumbs li a#sellsheet:hover {background:url(../images/sellSheet-icon.png) no-repeat 0 0}

#add-info  #show {position:absolute; top:10px; left:50%; margin-left:-89px; width:178px; height:23px; z-index:3}
#add-info  #hide {position:absolute; top:10px; left:50%; margin-left:-24px;  width:48px; height:23px; z-index:2}

/* Property Listing Slideout Tab Styles */
#property-list {position:absolute; top:60px; left:49px; width:426px; height:401px; z-index:10}
#property-list #div {position:relative; width:426px; height:401px}
#property-list #list-bg {position:relative; width:426px; height:401px; background:url(../images/property-list_bg2.png) no-repeat; padding:0 0 0 0}

#property-list #text {position:absolute; top:31px; left:39px; width:343px; height:335px; overflow:auto; z-index:5; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#062938}
#property-list #text .listing ul {list-style:none; margin:20px 0 0 0; padding:0}
#property-list #text .listing ul li {display:block; float:left; margin-bottom:4px}
#property-list #text .listing ul li a {position:relative; float:left; color:#033}

#property-list #text .listing {position:relative; float:left; width:302px; height:85px; padding:10px 31px 0 10px; background:url(../images/property-item.png) no-repeat; margin-bottom:8px}
#property-list #text .listing .image {float:left; width:100px; height:70px; border:2px solid #1c4f65; margin-right:15px;}
#property-list #text .listing .title {padding:0; margin-bottom:5px; font-size:14px; font-weight:bold}
#property-list #text .listing a {color:#033}

#property-list #text #head {width:317px; font-weight:bold; border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:10px}

#property-list #revealed {position:absolute; top:138px; right:13px; width:22px; height:86px; z-index:3}
#property-list #hidden {position:absolute; top:138px; right:13px; width:22px; height:86px; z-index:2}

/* Footer styles */

#footer {position:relative; width:923px; height:11px; background:url(../images/footer-bg.png) top left repeat-x #1c4f65; padding:10px 0 10px 40px; text-align:center}
#footer ul {list-style:none; margin:0; padding:0 0}
#footer li {display:block; float:left; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px; font-weight: bold; letter-spacing:inherit}
#footer  ul li.separator {float:left; width:35px; text-align:center}


pre {display:none}

/* Content styles */

#textContainer {position:relative; top:66px; left:24px; width:914px; height:428px; z-index:99;}
#text-top {position:relative; float:left; width:914px; height:37px; background:url(../images/content-top.png) 1px 0 no-repeat;}
#textInfo {position:relative; float:left; width:834px; height:354px; padding:0 40px; color:#036; font-size:14px; background:url(../images/content-bg.png) repeat-y;}
#text-btm {position:relative; float:left; width:914px; height:37px; background:url(../images/content-btm.png) 1px 0 no-repeat;} 
#textInfo #info {height:343px; width:794px; position:absolute; padding-right:20px; color:#036; padding-left:15px; overflow:auto; z-index:10;}
#textInfo #info a {color:#06C; font-weight:bold; text-decoration:none}
#textInfo #info a:hover { text-decoration:underline;}
#textInfo #info a:link a:visited {color:#06C;}

#textInfo #info2 {height:333px; width:809px; position:absolute; padding:10px 20px 5px 0; color:#036; overflow:auto; z-index:10;}




#content1 {position:absolute; top:66px; left:24px; width:433px; height:356px; background:url(../images/content2.png) no-repeat; padding:30px 40px; z-index:99; display:none}
#content1 .info {height:342px; position:relative; color:#036; font-size:14px; padding:0 20px 0 15px; overflow:auto}

#content2 {position:absolute; top:14px; left:533px; width:402px; height:468px; background:url(../images/content1.png) no-repeat; padding: 0 0 0 0; z-index:999; display:none}
#content2 .map {height:438px; width:377px; position:relative; padding:30px 0 0 25px; color:#036; background:url(../images/properties/galleyBay/gallyBay-map.gif) 20px 45px no-repeat}

#content2 .map  li {font-size:11px; font-weight:bold;}

#content-head {position:absolute; top:28px; left:963px; width:476px; height:38px; z-index:99;}



/* Map Page styles */
#map-legend {position:absolute; top:160px; left:-20px; width:249px; height:340px; background:url(../islandMap/images/shadow.png) top right no-repeat; z-index:9999}
#map-legend #container {position:relative; width:249px; height:340px; overflow:hidden}
#map-legend #container #legend {position:absolute; top:70px; left:209px; width:239px; height:224px; background:url(../islandMap/images/map-legend.png) no-repeat;}


#map-pin {position:relative; float:left; height:67px;}
#map-pin #left {position:relative; left:-20px; height:28px; background:url(../images/map_signLeft.png) top left no-repeat; color:#fff; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:10px 25px 0 40px}
#map-pin #right {position:relative; height:38px; background:url(../images/map_signRight.png) top right no-repeat;}
#map-pin #peg {position:relative; width:11px; height:29px; margin-right:auto; margin-left:auto; background:url(../images/map_signPin.png) no-repeat}

#propertyMap {position:absolute; top:0; left:50%; margin-left:-438px; width:877px; height:655px; background:url(../images/property-map_bg.png) no-repeat; display:none; z-index:99999}
#propertyMap #islandmap {position:relative; top:80px; left:65px; width:745px; height:495px; background:url(../images/property-map.jpg) top center no-repeat #0b2f45; border:1px solid #17cadf}
#propertyMap #islandmap #map-close {position:absolute; bottom:10px; right:10px; width:72px; height:34px; z-index:5}




/* Buyers Guide styles */

#ntable {
  font:normal 11px Arial, Tahoma, Helvetica, sans-serif;
  background-color:#F7F8FD;
  border:2px solid #bdcfe5;
  border-bottom:3px solid #bdcfe5;
  border-right:3px solid #bdcfe5;
  margin-bottom:10px;
}
#ntable td {
  padding:4px 5px 4px 10px;
  color:#000000;
  margin:0;
}
#ntable td a {
  color:#0055BB;
}
#ntable .tdheading {
  height:25px;
}
#ntable tr.ntitle h3, #ntable tr.tdheading h3 {
  text-transform:uppercase;
  font:bold 12px Arial, Helvetica, sans-serif;
  padding-top:5px;
  padding-left:15px;
  padding-bottom:0px;
  margin-top:0px;
  color:#000000;
  background:url(../images/tblpoint.gif) left no-repeat;
}
#ntable td.tdheading h3 {
  margin:0px;
  padding-bottom:0px;
}
#ntable tr.nheading td {
  font:bold 11px Arial, Helvetica, sans-serif;
}
#ntable tr.altrow td {
  background-color:#DBE4F3;
   padding-left:25px;
}

#ntable tr.normrow td {
   padding-left:25px;
}

#ntable tr.hdr td {
   padding-left:25px; color:#fff; background:#1c4f65;
}

#ntable tr.tablehr td {padding-bottom:10px}

.endparagraph {width:100%; border-bottom:2px solid #036; padding-bottom:30px}
.left {float:left; margin-right:10px}
.right {float:right}


/* Galley Bay popup bubbles */

#plotsHolder {position:absolute; top:24px; left:18px; width:412px; height:441px; background:url(../images/plots.png) 5px 10px no-repeat; padding:25px 0 0 25px; z-index:11}
#plotsHolder #head {position:relative; width:407px; height:20px; margin-bottom:10px; color:#fff}
#plot-instruct {position:absolute; top:px; left:px; width:207px; height:70px; background:url(../images/plot-instruct.png) no-repeat}
#plots {position:relative; width:389px; height:390px;}

.plot5-popup {width:73px; height:27px; position:relative; left: 284px; top: 82px;}
div.plot5-popup em {width:322px; top:-163px; left:-125px; z-index:2; display:none; color:#1c4f65; position:absolute}

.plot6-popup {width:73px; height:27px; position:relative; left:234px; top:117px;}
div.plot6-popup em {width:322px; top:-140px; left:-120px; z-index:2; display:none; color:#1c4f65; position:absolute}

.plot7-popup {width:73px; height:27px; position:relative; left:190px; top:138px;}
div.plot7-popup em {width:322px; top:-135px; left:-120px; z-index:2; display:none; color:#1c4f65; position:absolute}

.plot8-popup {width:73px; height:27px; position:relative; left:182px; top:192px;}
div.plot8-popup em {width:322px; top:-145px; left:-120px; z-index:2; display:none; color:#1c4f65; position:absolute}

.plot9-popup {width:73px; height:27px; position:relative; left:114px; top:205px;}
div.plot9-popup em {width:322px; top:-70px; left:-70px; z-index:2; display:none; color:#1c4f65; position:absolute}

.plot {width:73px; height:27px; display:block; text-indent:-9999px; background:url(../images/plot-placeholder.gif)}

.bubble {width:322px; float:left}
.bubble-top {float:left; width:322px; height:16px; background:url(../images/popbubble-top.png)}
.bubble-bg {float:left; width:292px; padding:0 15px; background:url(../images/popbubble-bg.png) repeat-y; color:#1c4f65; font-family:Verdana, Geneva, sans-serif; font-size:10px}
.bubble-btm {float:left; width:322px; height:35px; background:url(../images/popbubble-btm.png)}

.nopad {padding-top:0; margin-top:0;}
.nopad-b {padding-bottom:0; margin-bottom:0;}


#loader {position:absolute; width:100px; height:100px; left:350px; top:40%; background:url(../images/loader.gif) no-repeat; z-index:3}
#main_image {z-index:5; position:absolute}

/* Jolly Harbor villa styles */

.listing {width:100%; height:202px; margin-bottom:52px; overflow:hidden}
.listing .imageBlock {float:left; width:400px; height:194px; background:#000; padding:4px; margin-right:20px}
.listing h3 { margin:0; padding:0; font-weight:normal; font-size:27px}
.listing p {margin:0; padding:0}
.listing a {color:#13badf; margin-top:5px; display:block;}

.listing img {float:left}
.listing img.one {margin-bottom:4px}
.listing img.two {margin-right:4px}

.listing .imageBlock #main_img {width:400px; height:110px; float:left; overflow:hidden; margin-bottom:4px}
.listing .imageBlock #sub_img1 {width:198px; height:80px; float:left; overflow:hidden;margin-right:4px}
.listing .imageBlock #sub_img2 {width:198px; height:80px; float:left; overflow:hidden}

#info2 h2 {padding-bottom:20px; margin:0; border:none}

#login {margin:50px auto; width:314px; height:90px; color:#fff; padding:30px 36px; background:url(../images/cms-login_bg.png) no-repeat}
.login-field {width:188px; height:22px; padding:3px 10px; margin-bottom:5px; background:url(../images/cms-login_field.png) no-repeat; border:none; color:#333}
#login label {width:96px; float:left; text-align:right; padding:6px 10px 0 0}
#login-btn {text-align:right;}

.btn_small {width:88px; height:25px; background:url(../images/cms-btn_small.png) no-repeat; padding:0 0 0 0; border:none; font-weight:bold; font-size:12px; cursor:pointer}

a.btn_small {width:88px; height:21px; display:block; float:left; color:#062938; background:url(../images/cms-btn_small.png) no-repeat; padding:4px 0 0 0; border:none; font-weight:bold; font-size:14px; text-align:center}

a.btn_medium {width:110px; height:21px; display:block; float:left; color:#062938; background:url(../images/cms-btn_medium.png) no-repeat; padding:4px 0 0 0; border:none; font-weight:bold; font-size:14px; text-align:center}

a.btn_large {width:138px; height:21px; display:block; float:left; color:#062938; background:url(../images/cms-btn_large.png) no-repeat; padding:4px 0 0 0; border:none; font-weight:bold; font-size:14px; text-align:center}

#logout {position:absolute; top:0px; right:25px; width:88px}

.listitem {width:100%; height:25px; margin-bottom:20px; border-bottom:1px dashed #666; padding-bottom:4px}
.listitem h4 {float:left; margin:0; padding:4px 15px; font-size:16px; width:470px}

.textfield-long {border:none; width:389px; height:22px; float:left; padding:4px 10px; margin-right:100px; background:url(../images/cms-textfield_long.png) no-repeat; margin-bottom:0}
.textfield-long1 {border:none; width:389px; height:22px; float:left; padding:4px 10px; background:url(../images/cms-textfield_long.png) no-repeat; margin:4px 10px 0 0}

.textfield-short {border:none; width:389px; height:22px; float:left; padding:4px 10px; margin-right:10px; background:url(../images/cms-textfield_short.png) no-repeat; margin-bottom:0}
.textfield-short1 {border:none; width:389px; height:22px; float:left; padding:4px 10px; background:url(../images/cms-textfield_short.png) no-repeat; margin:4px 10px 0 0}


#add_entry {margin-top:30px}
#add_entry label {float:left; width:125px; padding:8px 25px 0 25px;}
#add-btn {width:579px; margin-top:5px; text-align:right; float:left}

.textarea { margin:0 75px 5px 0; float:left}

.row {float:left; margin-bottom:4px}
.row .span {font-size:11px; color:#666; padding:5px 10px; margin-top:4px; float:left}

#divinputfile {background:url(../images/upload_file.png) no-repeat 100% 3px; height:28px; width:405px; margin:0px; float:left; cursor:pointer}
#divinputfile #filepc {opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:12px;}
#fakeinputfile {margin-top:-26px; float:left}
#fakeinputfile #fakefilepc {border:none; width:275px; height:22px; float:left; padding:4px 20px 4px 10px; margin-right:10px; background:url(../images/cms-fileupload.png) no-repeat;}

#divinputfile2 {background:url(../images/upload_file.png) no-repeat 100% 3px; height:28px; width:405px; margin:0px; float:left; cursor:pointer}
#divinputfile2 #filepc2 {opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:12px;}
#fakeinputfile2 {margin-top:-26px; float:left}
#fakeinputfile2 #fakefilepc2 {border:none; width:275px; height:22px; float:left; padding:4px 20px 4px 10px; margin-right:10px; background:url(../images/cms-fileupload.png) no-repeat;}

#divinputfile3 {background:url(../images/upload_file.png) no-repeat 100% 3px; height:28px; width:405px; margin:0px; float:left; cursor:pointer}
#divinputfile3 #filepc3 {opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:12px;}
#fakeinputfile3 {margin-top:-26px; float:left}
#fakeinputfile3 #fakefilepc3 {border:none; width:275px; height:22px; float:left; padding:4px 20px 4px 10px; margin-right:10px; background:url(../images/cms-fileupload.png) no-repeat;}