

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   BEGIN PART 1: GENERAL DECLARATION  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  */


/* ----------- Reset All CSS to neutral ---------- */
*{
  margin:0;
  padding:0;
  border:0;
  text-indent:0;
  list-style:none; 
}


html,body{
  width:100%;
  height:100% ;  
  min-height:100%;
  max-height:100%;
  text-align:left;
  color:#404040;
  font-size:12px;
  font: 100.01% verdana, arial, sans-serif;  
  /* font-family:"Trebuchet MS",Helvetica,sans-serif; */
  font-family: Consolas, monaco, monospace;
  /*
  background: #222222 url("images/solar-panels-home.jpg") no-repeat left top;  
  background-size: 100% 100%;
  background-repeat: no-repeat;
  */
  margin:0;
  padding:0;
 }
 
 
 /* ------ Vertical Push-Down on Floating objects ------ */
 .clear {
	clear: both;
        width:1px;
        height:1px;
	padding:0px;
	margin:0px;
  }


   
   
 /* --------- PSEUDO-CLASS Elements Declaration ------------ */  
   a:link{
    color:#4682B4;
    text-decoration:none;
   }

    a:visited{
     color:#6996AD;
     text-decoration:none;
    }

    a:hover{
     color:#0EBFE9;
     text-decoration:none;
    }

   
  
  


   .div_inline{
       float:left;
       width:auto;
       height:auto;
       margin:0px;
       padding:0px;
       position:relative;
    }
    
    
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  END PART 1: GENERAL DECLARATION  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
















#con0 {
  width:100%;
  height:auto;    
  margin-left:auto;
  margin-right:auto;	
  margin-top:0px;
  margin-bottom:0px;     
  border:0px solid #03f;	
  position:relative;

 } 

  
#con1, #con2, #con14, #footer, #copyright{
  width:100%;
  height:auto;   
  padding:0px;
  text-align:left;
  position:relative;
  
 } 


 
#con2 {
  background: #fff url("../images/family-home.jpg") no-repeat center top;  
  background-size: 100% 100%;
  background-repeat: no-repeat;
  
  /* keep propotional ratio... */
  -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
    
#con3 { 
    float:left;
    padding:0px;
    margin:0.6em 0px 0.2em 1em;
} 
#con7 { 
    float:left;
    padding:0px;
    margin:0.6em 0px 0.2em 13em;
} 
#con4 {
    float:right;
    padding:0px;
    margin:1em 8em 0px 0em;
}
#con9 { 
    float:left;
    width:400px;
    height:350px;
    margin:5% 0px 0em 1em;
    padding:1em 1em 1em 1em;
    /*
    background: #fff url("../images/fade-pad.png") no-repeat center top;  
    background-size: 100% 100%;
    background-repeat: no-repeat;
   */
   /* keep propotional ratio... */
   /*
   -webkit-background-size: cover; 
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
    */
    border:0px solid #f99; 
    color:#fff;
    font-size:95%;
    font-weight:normal;
    font-family: Geneva, sans-serif;
    line-height:1.2em;
    position:relative;
    
}
 
#con9 p{ 
    padding:0px; 
    width:100%;
    border:0px solid #fc9;
    position:relative;}
#con9 #smc1{ 
    width:100%;
    border:0px solid #9cf;      
    padding:0.5em 0em 2em 0em;
    position:relative;
}
/* #con9 p:first-child{  */
#con9 #smc0 { 
    width:100%;
    color:#ff3;
    font-size:170%;
    font-weight:500;
    position:relative;
}



/* ~~~~~~~~~~~~~~~~~~~~ SUBMIT FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.con11 {
    position:absolute; 
    z-index:500; 
    width:450px; 
    margin:18em 0px 0px 30%; 
    border:0px solid #f00; 
    display:block; 
    padding:0px; 
    text-align:left; 
}			
.con11 a { color:#fba430; }

.con11 label.contactlabel { 
    font-weight:normal;
    line-height:normal;
    font-size:90%;
    color:#333;
    text-align:left;
    display:block;
    margin:0 0 0.5em 0;
}
.con11 label.contactlabel span {
    color:#FF0000; 
    font-size:90%;      
}    
.con11 li { position:relative; overflow:hidden; padding:6px 0 10px; }

.con11 input[type=text], .con11 textarea, .con11 select { 
    width:90%; 
    background:url(../images/txtfrm.jpg) repeat-x center top #FFF; 
    height:2em; 
    color:#900; 
    border:1px solid #DDD; 
    border-radius:2px; 
    position:relative;
    padding-left:3px;
}
.con11 select { height:2.2em; width:93.8%; }
.con11 textarea { height:120px; padding:15px; margin-bottom:10px; }
.con11 textarea.large { height:130px; }
.con11 input[type=submit] { 
    background:#FBA430; 
    color:#FFF; 
    font-weight:bold; 
    text-transform:uppercase;
    border-radius:0.5em;
    border:1px solid #d98618;
    padding:0.5em 0.8em 0.5em 0.8em; 
}

.con11 ::-webkit-input-placeholder { color:#333; }
.con11 :-moz-placeholder {  color:#333; opacity:  1; }
.con11 ::-moz-placeholder {  color:#333; opacity:  1;  }
.con11 :-ms-input-placeholder { color:#333; }


.pie { position:relative; behavior:url(pie.htc); }
.formCol{ float:left; width:30.8%; border:0px solid #ccc; padding-left:0.3em; }
#fcf{ margin-left:0.6em;}
#fct{ margin-left:0.9em;}




.buttonSubmitRQ{
    float:right;
    border:1px solid #e18522;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius:6px; 
    padding: 0.4em 0.3em 0.3em 0.3em; 
    text-decoration:none; 
    margin:0em 1.4em 0.5em 1em;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    font-size:90%; 
    font-family:arial, helvetica, sans-serif;
    background-color: #fbb93b; background-image: -webkit-gradient(linear, left top, left bottom, from(#fba93b), to(#ea7c06));
    background-image: -webkit-linear-gradient(top, #fbb93b, #ea7c06);
    background-image: -moz-linear-gradient(top, #fbb93b, #ea7c06);
    background-image: -ms-linear-gradient(top, #fbb93b, #ea7c06);
    background-image: -o-linear-gradient(top, #fbb93b, #ea7c06);
    background-image: linear-gradient(to bottom, #fbb93b, #ea7c06);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fbb93b, endColorstr=#ea7c06);
    }

.buttonSubmitRQ:hover{
    border:1px solid #e18522;
    background-color: #eda444; background-image: -webkit-gradient(linear, left top, left bottom, from(#eea038), to(#dd7506));
    background-image: -webkit-linear-gradient(top, #eda444, #dd7506);
    background-image: -moz-linear-gradient(top, #eda444, #dd7506);
    background-image: -ms-linear-gradient(top, #eda444, #dd7506);
    background-image: -o-linear-gradient(top, #eda444, #dd7506);
    background-image: linear-gradient(to bottom, #eda444, #dd7506);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eda444, endColorstr=#dd7506);
    }
    
#con12{
    background:#F4F6F5;
    border-radius:0.6em;
    padding:0px;
    border:1px solid #CCC;
    overflow:hidden;
}

#con12 h4 {
    width:100%; 
    height:auto; 
    font-size:110%;
    font-weight:600;
    background:url(../images/border-top.jpg);
    color:#FFF;
    margin:0;
    padding:0.6em 0px 0.6em 0px;
    border:0px solid #ccc;
    border-radius:0.6em 0.6em 0 0;
    text-align:center; 
}    

#con12  ul li span  {
    float:left;
    text-align:left;
}
#con12  ul li select  {
    color:#888;
}
#con12  ul li span::after { 
    content: "*";    
    color: red;
    font-weight: bold;
    font-size:80%;
}
#con12 .formCol input{padding-left:3px; }

.error-alert{
    width:26em;
    height:auto;
    margin:0.5em 0px 0px 18em;
    padding:0.5em 0em 0.6em 6.5em;
    text-align:left;
    font-size:100%;
    font-weight:bold;
    color:#c66;    
    background: url(../images/icon-alert-72.png);
    background-size: 72px 72px;
    background-position: 1em 0.3em;
    background-repeat: no-repeat;
    background-color:#FFFFD5 ;    
    border:2px solid #C65D57 ;
    border-radius:0.6em;
    box-shadow: 0 0 0.8em #333;
    position:absolute;
    z-index:1000;
    display:none;
}
#lda{
    width:16.5em;
    border:0px solid #9cc;
}
#ldb{
    width:auto;
    border:0px solid #cf9;
    float:right;
}
.closeDiv{
    float:right;
    width:2em;
    height:2em;
    margin:0px 0px 0px 0px;
    padding:0px;
    background: url(../images/close-25-blue.png);
    background-size: 25px 25px;
    background-position: 0em 0em;
    background-repeat: no-repeat;
    position:relative;
}

/* ~~~~~~~~~~~~~~~ End-Contact Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */






#con14{
    background-color:#E0F7CC;
    background:#E0F7CC;
    margin-top:0px;
    
}
#con14 h3{
    font-size:130%;
    font-weight:bold;
}
.infoC{    
    width:80%;
    height:auto;    
    margin:0 auto;    
    padding:1em;
    text-align:left;
    font-family: Geneva, sans-serif;
    font-size:83%;
    color:#3D5229;
    border:1px solid #B5CE9E;
    border-radius:5px;
    position:relative;
}
.infoCt{ border:1px solid #E0F7CC; height:1em;  }




/* ~~~~~~~~~~~~~~ INFO SECTION ~~~~~~~~~~~~~~~~~~~~~ */

.leasingH, .leasingT{   
    float:left;
    width:90%;    
    margin:0px;
    padding:1em;
    font-size:96%;
    font-family: Arial, sans-serif;
    font-weight:600;
    color:#3D5229;
    border:1px solid #B5CE9E;
    position:relative;
    
}
.green-bold{
  color:green;
  font-weight:600;
  font-size:100%;    
}

.leasingH{    
    background:#F8D98C;      
}
.leasingT{
    background:#FFFDE5;     
}
#con14 .leasingT ul li{    
    list-style-type: square;
    margin-left:1em;
    margin-bottom:0.55em;
}


#con14 #bsc ul li {
    list-style-type: square;
    margin-left:1em;
    margin-bottom:0.55em;
    
}




/* ~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer{ background:#7BBF6A;}
.footer-box, .copyrightDiv{    
    width:80%;
    height:auto;    
    margin:0 auto;    
    padding:1em;
    text-align:center;
    font-family: Geneva, sans-serif;
    font-size:83%;
    color:#fff;
    background:#7BBF6A;    
    position:relative;
}
#copyright{   background:#006B54;  }
.copyrightDiv{ background:#006B54;}
/* ~~~~~~~~~~~~~~~~~ End-Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~ */







