/**
** CSS FOR LAS OLAS
**/

body { 	margin:0px auto; padding:0px ; background:#fff; color: #063259 !important;
	text-align:center; font-family:arial; font-size:18px; /*font-family:Vrinda;*/
	background:#E9F7FF; background-image:url("imgs/bgbody.gif"); 
        background-position:top; background-repeat:repeat-x;
        background-position:bottom; background-repeat:repeat-x; 
        background-attachment: fixed; height:100%;
     }
body {     
font-size: 18px !important;
color: #063259 !important; }    
     

img { border:0px solid red;
    }

a {
    color: #09C;
    text-decoration: none;
    font-weight: bold;
}

a:hover { color:#000B9D;
        }

h1 { font-size:18px; color:#063259; text-align:left; /*padding-top:15px;*/
   }

h2 { font-size:14px; color:#0099CC;
   }

h3 { font-size:12px; color:#0099CC;
   }

h2 a { color:#29B34F;
     }

h4	{color:#ffffff; font-size:16px;}

h5	{color:#ffffff; font-size:12px;}
     
.bld { font-weight:bold;
     }

.ctn { text-align:center; margin:0px auto;
     }

.ctn img { padding:5px;
         }
.tny	{ font-size:10px;
			}

ul li {
   
    font-size: 18px !important;
    color: #063259;
}

.li_menu a {
    background: url(imgs/menu.gif) top no-repeat;
    padding: 8px 15px 0 0;
    height: 30px;
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 14px;
}


/**/

div#topmen { height:40px; width:100%; margin:0px auto; font-size:12px;
             background-image:url("imgs/topmen.gif"); color:#fff;
           }

div#tmOpts { color:#fff; padding:15px 0px 0px 0px;
           }

div#tmOpts a { color:#fff; padding:0px 3px 0px 3px;
             }

div#tmOpts a:hover { color:#A0C9EE; padding:0px 3px 0px 3px;
                   }

div#wrapper { width:940px; text-align:center; 
              background-image:url("imgs/bggenA.jpg");
              background-position:top; background-repeat:no-repeat;
              margin:0px auto;
            }

div#wrapperH { width:940px; text-align:center; 
               background-image:url("imgs/bggenH.jpg");
               background-position:top; background-repeat:no-repeat;
               margin:0px auto;
            }

div#wrapperBack { width:940px; text-align:center; 
                  background-image:url("imgs/bggen3.jpg");
                  background-repeat:repeat-y;
                  margin:0px auto;
                 }

/* Main Divisions */

div#container { width:940px; text-align:center; padding-left:0px;
                margin:0px auto; /*background-color:#F5FAFD;*/
              }

/**/

div#sidebar { float: left; width: 240px; margin:0; padding:0; /*background:#666633;*/
	    }

div#sidebarLg { margin:0px auto; padding:0;
	      }

div#sidebarLg img { margin:0px; padding:28px 0px 0px 0px;
                  }

div#sidebarMn { margin:0px auto; padding:30px 0px 0px 0px; font-size:13px;
	      }


div#sidebarMn ul { padding:0px; margin:0px; text-align:center; 
                   margin:0px auto; list-style-type:none; 
	         }

div#sidebarMn ul li { list-style-type:none; width:240px;
	              height:36px; padding:0; margin:0;
	              border-bottom:1px #ACCFEB solid;
                    }


.li_menu { width:240px; height:30px;
	   padding: 0; display:block; vertical-align:middle;
	 }

.li_menu a { background:url(imgs/menu.gif) top no-repeat;
	     padding: 8px 15px 0 0; height:30px; text-decoration:none; 
	     display:block; color:#fff;
	   }

.li_menu a:hover { background:url(imgs/menu2.gif) top no-repeat;
		   padding: 8px 15px 0 0; height:30px;
		   display:block;
                 }                    

/**/

div#main { margin:0 0 0 240px; padding:0;
	 }

div#main-content { margin:0; padding:0; text-align:left;
		 }

/* BANNERS PER PAGE */

div#bans { margin:0px auto; padding:25px 0px 0px 0px; width:689px; height:193px; 
         }

div#ban1 { margin:0px; padding:0px; width:689px; height:193px;
           background-image:url("imgs/about.jpg"); margin:0px auto;
         }

div#ban2 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/beach.jpg");
         }
         
div#ban3 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/oceanview.jpg");
         }
         
div#ban4 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/modelhomes.jpg");
         }

div#ban5 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/beachclub.jpg");
         }
         
div#ban6 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/aerialtour.jpg");
         }

div#ban7 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/photogall.jpg");
         }

div#ban8 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/faq.jpg");
         }

div#ban9 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/contact.jpg"); margin:0px auto;
         }

div#ban10 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/intro.jpg");
          }

div#ban11 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/locat.jpg");
          }
         
div#ban12 { margin:0px; padding:0px; width:689px; height:193px; 
           background-image:url("imgs/info.jpg");
          }

div#ban13 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/masterplan.jpg");
          }
         
div#ban14 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/investor.jpg");
          }
         
div#ban15 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/astute.jpg");
          }
         
div#ban16 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/legaldoc.jpg");
          }

div#ban17 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/ira.jpg");
          }
         
div#ban18 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/whycr.jpg");
          }
         
div#ban19 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/highway.jpg");
          }
         
div#ban20 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/directions.jpg");
          }

div#ban21 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban22 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/surfing.jpg");}

div#ban23 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/macaws.jpg");
          }

div#ban24 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/infrastructure.jpg");
          }

div#ban25 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/utilities.jpg");
          }

div#ban26 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/uniq.jpg");
          }

div#ban27 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/testimonials.jpg");
          }

div#ban28 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/firstphase.jpg");
          }

div#ban29 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/secondphase.jpg");
          }

div#ban30 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/legal.jpg");
          }

div#ban31 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/lifestyle.jpg");
          }

div#ban32 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/video.jpg");
          }

div#ban33 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban34 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban35 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban36 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban37 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban38 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban39 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban40 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban41 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban42 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban43 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/directions.jpg");
          }

div#ban44 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/maplasolas.jpg");
          }

div#ban45 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/abtest.jpg");
          }

div#ban46 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/eam.jpg");
          }

div#ban47 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/escrow.jpg");
          }

div#ban48 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/news.jpg");
          }

div#ban49 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/permits.jpg");
          }

div#ban50 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/reports.jpg");
          }
div#ban51 { margin:0px; padding:0px; width:689px; height:193px; 
            background-image:url("imgs/construction.jpg");
          }         
div#ban52 { margin:0px; padding:0px; width:689px; height:529px; 
            background-image:url("imgs/testimonial.jpg");
          }         

/* /BANNERS PER PAGE ....*/


div#topOps { height:50px; margin:10px 10px 0px 10px;
           }

.Opsleft {float:left; text-align:left; }
.Opscenter {float:left; text-align:center; margin:0px auto; width:362px; }
.Opsright{float:right; text-align:right; }


.Opscenter {
    float: left;
    text-align: center;
    margin: 0px auto;
    width: 680px;
    display:inline-block;
}

div#middle { padding:0px 25px 10px 10px; text-align:justify;
           }

div#middleH { padding:0px 0px 0px 0px; text-align:justify; 
            }

div#middleH p,h1 { padding:0px 10px 0px 10px;
                 }

hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0;
	     border:none; visibility: hidden;
	   }


/**/

table#contact { text-align:center; margin:0px 0px 0px 80px;
              }

table#contact th { text-align:right;
                 }
table#lifstl { margin:0px auto; padding:0px;}
table#lifstl td {text-align:center; width:200px; padding:10px 0px 10px 0px; font-weight:bold;}
table#lifstl th {text-align:center; width:150px; padding:10px 10px 10px 10px; color:#000000;}
/**/

div#bottom { width:940px; height:206px;  margin:0px auto;
             background: #eee;
           }

div#bottom h2 { font-size:14px; text-align:center; 
                padding:30px 0px 0px 200px;
              }
           
div#icons { text-align:right; padding:40px 5px 0px 0px;
          }

div#icons a { padding:0px 7px 0px 7px;
            }

div#footer { clear:both; text-align:right; font-size:11px;
             padding:50px 8px 0px 0px;
	   }
div#footer a { font-size:11px;
	     }


div#tail { margin:0px auto; font-size:11px; padding-top:3px;
           
           width:940px; height:119px; background-repeat:no-repeat;
           position: absolute;
         }

div#tail p { float:right;
           }

.clearer{ height:1px; overflow:hidden; margin-top:-1px; clear:both;
        }
        
/**/

div#homeF { width:700px; height:460px; padding:25px 0px 0px 0px;
          }
          
div#homeF {
    width: 700px;
    height: 600px;
    padding: 25px 0px 0px 0px;
}         

div#crmapF {width:680px; height:600px;}

div#entvidF {width:200px; height:200px; text-align:center; margin:0px auto;}
          
/**/

.twocols { width:665px; margin: 0px auto; padding:0px;
         }

.lftcol { float: left; width:335px; margin:0; padding:0;
        }

.lftcolC { margin:0px auto; padding:0px;
         }

.rgtcol { margin:0 0 0 335px; padding:0;
        }

.rgtcolC { margin:0px; padding:0px; text-align:right;
         }
.pestana {background-image:url("imgs/pestana.gif");}

.bknx {text-align:right;}

.col-video{ width:29%; float:left; margin:2%;}

.buyer_test{width:100%;float: left;}

#homeF img{padding: 0px 25px;width: 650px;}

.heading{padding: 30px 0px 0px 0px;text-align: center;}

.description_content{padding: 0px 15px;}

.testimonial_block{width: 665px;margin: 0;padding: 0;}

.buyer_testimonial{padding: 6px 13px;margin: 2px;float: left;}

.construction_link{width:100%;float:left;}

.construction_link > a {text-align: center;}


.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 

.row {display: flex;
text-align: center;
margin: 0 auto;}