/* Home Page CSS
headers: #352113;
main brown: #99886e;
most links:  #4f6a86;
right middle section: #e3d9c1;
right bottom section: #f8f3e8;
 */


body {
    margin: 0px;
    padding: 0px;
    background: #9F8F6F; 
    background-image: url('/images/body-bg.gif');
    background-repeat: repeat-x;
    height: 100%;
    }
img {border:0;} 

.btm_bdr {border:0px red solid;
          position:relative; top:0; left:0;
          height:7px;width:486px;
          background: url('/images/btm-shadow.gif') repeat-x;
       }
.top_bdr {border:0px red solid;
          position:relative; top:-7px; left:0;
          height:7px;
         background: url('/images/top-shadow.gif') repeat-x;
       }

h1 {
    font-family: "Trajan Pro", Georgia, Times New Roman, Serif;
    font-size: 17px;
    color: #352112;
    line-height: 28px;
    font-weight: 500;
    margin: 0px 0 10px 0px;
    padding: 0px;
    }
    
h2 {
    font-family: "Trajan Pro", Georgia, Times New Roman, Serif;
    font-size: 15px;
    color: #5E4737;
    font-weight: bold;
    font-variant: small-caps;
    margin: 0px;
    padding: 0px;
    }     

#rtopbox .hp_new {
	margin: 0;
	padding: 0;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 12px;
    color: #fff;
	font-weight: 500;
	position: relative;
	top: -30px;
	left: 0px;
	width: 600px
	}

#rtopbox .hp_new a:link,#rtopbox .hp_new a:visited {color: #fff;text-decoration:none;}
#rtopbox .hp_new a:active, #rtopbox .hp_new a:hover { text-decoration:underline;}
#rtopbox .hp_new img{
	position: relative;
	top: 7px;
	}	
#hmp-ladera {position:relative; width: 100%;}

#rtopbox img {padding-left: 4px;}

#rtopbox .notice {position: absolute; top: 15px; left: 17px; width: 440px; color: #FFF; font-size: 17px; font-weight: bold; background-color: #3a74a0; font-family: Arial, Verdana; text-align: center; padding-top: 5px; padding-bottom: 5px;}

#wrapper { 
    margin: 0 auto;
    width: 933px;
    }


#header {
    border: solid 0px red;   
    width: 925px;
    padding: 0px;
    height: 65px;
    margin: 0px 0px 10px 0px;
    }
.horizontal .ekflexmenu 
{
	/*padding: 10px 10px 10px 10px;*/
	padding: 0px 0px 0px 0px;
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) 
	position: relative;left:467px; z-index:1;*/
	position: relative;left:472px; z-index:1;
       width: 500px;
    font-size: 12px;
    font-family: Sans-Serif;
    white-space: nowrap;
}
#eyebrow {  font-family:Helvetica, Arial, Verdana, Sans-Serif;
    border: solid 0px green;
    width: 920px;
    height: 20px;
    margin-bottom: -20px;
    text-align: right;
    }
    
#eyebrow .navlines {
    padding: 0px 8px 5px 8px;
    color: #9f8f6e;
    font-size:9px;
    }  
    
#eyebrow a:link, #eyebrow a:visited {
    color:  #755C48;
    text-decoration: none;
    font-size: 10px;
    }
    
#eyebrow a:hover {
    color: #ffffff;
    }       

.logo {
    position: relative;
    top: 15px;
    left:7px;
    width: 294px;
    height: 45px;
    }


#leftcolumn { 
    border: 0px solid red;
    background-image: url('../images/home-notebook.gif');
    background-repeat: no-repeat; 
    margin: 0px;
    padding: 0px;
    height: 532px;
    width: 448px;
    float: left;
    }   

#flashcontent {
    border: 0px solid red;padding:0;margin:0;
    width: 396px;
    height: 373px;
    position: relative;
    left: 35px;
    top: 10px;
    } 
    
#lftbotbox {
    border: 0px solid blue;
    width: 381px;
    height: 137px;
    position: relative;
    top: 0px;
    left: 35px;
    padding: 0 0 15px 15px;
    margin: 10px 10px 0 0;
    }  
    
#lftbotbox p {
    color: #9f8f6e;
    font-size: 11px;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    margin: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
    padding-right: 15px;
    }
 #lftbotbox   h2 {
    font-family: "Trajan Pro", Georgia, Times New Roman, Serif;
    font-size: 15px;
    color: #5E4737;
    font-weight: bold;
    font-variant: small-caps;
    margin:0 15px 5px 0 ;
    padding: 0px;
    } 
    
#lftbotbox a:link, #lftbotbox a:visited {
    color: #4f6a86;
    font-family:  "Trajan Pro", Georgia, Times New Roman, Serif;
    text-decoration: underline;
    font-weight: bold;
     font-size: 11px;
    }           

#rightcolumn { 
    float: right;
    color: #333;
    border:0px red solid;
    background: #99886e url('/images/rgt-shadow.gif') no-repeat 479px 0;
    margin: 7px 0 0 0;
    padding: 0px;
    width: 485px;
	 height: 525px; overflow: hidden;    
    }

#rtopbox {
    border: 0px solid red;
    width: 479px;
    height: 296px;
    background-color: #99886e;
    padding: 0px;
    overflow: hidden;
    }  

#rtopbox p {
    color: #edeae3;
    font-family:Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 11px;
    margin:10px 0 10px 0; padding:0;
    }  
#rtopbox a:link, #rtopbox a:visited  {color: #edeae3; text-decoration: underline; }
#rtopbox a:hover, #rtopbox a:active {color: #4f6a86; text-decoration: underline; }

#rtmidbox {
    border: 0px solid green;
    height: 170px;
    width: 442px;
    padding: 10px 15px 10px 20px;
    background-color: #e3d9c1;
    }


#rtnews {
    border: 0px solid blue;
    width: 220px;
    height: 155px;
    float: left;
    background-color: #e3d9c1;
    border-right: 1px solid #99886e;
    margin:0 0px 0 0;
    padding: 0 10px 0 0;position:relative;
    } 
#rtnews ul{margin:10px 0 0 0;padding:0;list-style:none;}

#rtnews li {margin:4px 0 4px 0;padding:0 0 0 16px;color:#4f6a86;font-family: helvetica, verdana, Arial, Sans-Serif;
   font-size: 11px;line-height:16px;background:#e3d9c1 url('/images/bullet.gif') no-repeat 0.3em 0.4em;}

#rtnews a:link, #rtnews a:visited {
    color: #4f6a86;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    text-decoration: underline;
    font-size: 11px;
    }

/*#rtnews ul {
    list-style-image: url('../images/bullet.gif');
    line-height: 16px;
    }    
   */ 
#rtfeatured {
    border: 0px solid green;
    width: 205px;
    height: 165px;
    float: right;
    background-color: #e3d9c1;
    text-align: center;
    color: #8B7E66;
      padding: 0px;
    margin: 0px;
    }

#rtfeatured img {
    border: 1px solid #99886e;
    margin:0;
    padding: 0px;
    }
    

#rtfeatured p {
    color: #8B7E66;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    font-size:11px;
    padding: 0px;
    margin: 6px 0 0 0;
    }      
 #rtfeatured a:link, #rtfeatured a:visited {
    color: #4f6a86;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    text-decoration: underline;
    font-size: 12px;
    }
  
  #rtfeatured h2 {
    font-family: "Trajan Pro", Georgia, Times New Roman, Serif;
    font-size: 15px;
    color: #5E4737;
    font-weight: bold;
    font-variant: small-caps;
    margin:0 0 10px 0;
    padding: 0px;
    }  
   
    
#rtbotbox {
    border: 0px solid red;
    width: 467px;
    height: 29px;
    background: #f8f3e8;
    position: relative;
   padding:3px 0 0px 10px;
    margin:0;
  /*  margin-bottom: -300px;*/
    } 

#insidesst
{ 
    float:left;
 background:#f8f3e8 url('/images/lock.gif') no-repeat 0 -0.5em;
    font-family: "Trajan Pro", Georgia, Tahoma, Sans-Serif;
    font-size: 15px;    
    font-weight: bold;
    color: #5E4737;
          margin: 5px 0 0 0px;
    padding:0 0 0 30px;
    }

#buttons
{ 
    
    padding:0;
    margin:0;
    width:463px;
    height:40px;
    text-align:center;
}

#buttons table 
{
padding: 0;
margin: 0;
}

#buttons img {border: 0; }

/*#button1 a, #button2 a, #button3 a,#button4 a

{
    color:#fff;
    text-decoration:none;
    font-family: "Trajan Pro", Georgia, Times New Roman, Serif;
    font-size: 14px;  font-variant: small-caps;   
    font-weight: 500; 
    position:relative; top:3px;
    margin: 0 ;padding:0 0 1px 0;
    } */
 

#button1
{border:0px solid red;
	float:left;
    background-repeat: no-repeat;
    height:30px;
    padding:0;
}
 
 
#button2
{border:0px solid red;
    background-repeat: no-repeat;
    float:left;
   height:30px;
}

#button3
{   border:0px solid red;
    background-repeat: no-repeat;
    float:left;
    height:30px;
}
#button4
{   border:0px solid red;
    background-repeat: no-repeat;
    float:left;
    height:30px;
}
#button5
{   border:0px solid red;
    background-repeat: no-repeat;
    float:left;
    height:30px;
}
/*.btn
{   margin-right:6px;
    width:109px;
    background-image: url("/images/blue-btn.png");
}*/

.btn-rent-unit 
{
    margin-right:4px;
    width: 88px;
    background-image: url("/images/btn-rent-unit.jpg");
}

.btn-prospectus
{
    margin-right:4px;
    width: 88px;
    background-image: url("/images/btn-prospectus.jpg");
}

.btn-advisors
{
    margin-right:4px;
    width: 88px;
    background-image: url("/images/btn-advisors.jpg");
}

.btn-investors
{
    margin-right:4px;
    width: 88px;
    background-image: url("/images/btn-investors.jpg");
}

.btn-annual-report 
{
    margin-right:4px;
    width: 88px;
    background-image: url("/images/btn-annual-report.jpg");
}


#videopanel {
	width: 868px; 
	margin: 0 auto;
	padding: 25px; 
	background-color: #e3d9c1; 
	clear: both;
	}
	
#vpleft {
	float: left;
	width: 420px;
	display: inline;
	}
	
#vpright {
	float: left;
	width: 400px;
	display: inline;
	overflow: hidden;
	} 	
	
#vpright h2 {
	width: 400px;
	border-bottom:1px solid #5E4737; 
	font-family: "Trajan Pro", Georgia, Times New Roman, Serif;
   font-size: 17px;
   color: #5E4737;
   font-weight: bold;
   font-variant: small-caps;
   margin: 10px 0;
   padding: 0px;	
   }

#footer { 
    border: 0px solid #ccc;
    width: 925px;
    clear: both;
    margin: 0px 0px 10px 20px;
    color: #351f11;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    font-size: 10px;
    padding-top: 10px;
    }
#footer ul 
{
    list-style:none;display:inline; 
    padding:0; margin:0 0 0 120px;
    
}
 #footer ul li 
{list-style:none;display:inline; 
   padding:0; margin:0;   
}    
#footer   .navlines {
    padding: 0px 8px 5px 8px;
    color: #351f11;
    font-size:9px;
    }  
    
    
#footer a:link, #footer a:visited {
    color: #351f11;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    text-decoration: none;
    }
    
#footer a:hover, #footer a:active {
    color: #4f6a86;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    text-decoration: none;
    }
#disclaimer { 
    width: 908px;
    margin: 0px 0px 10px 20px;
    color: #351f11;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    font-size: 10px; font-style:italic;
    padding-top: 10px;
    } 
   #disclaimer p { 
    width: 908px;
    margin: -10px 0px 0px 0px;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    font-size: 10px; font-style:italic;
    padding: 0px;
	color: #5E4737;
    line-height: 14px;
	} 
    #disclaimer a:link, #disclaimer a:visited {
    color: #351f11;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    text-decoration: underline;
    }
    
#disclaimer a:hover, #disclaimer a:active {
    color: #4f6a86;
    font-family: helvetica, verdana, Arial, Sans-Serif;
    text-decoration: underline;
    }
    
#learnmore {text-align:right;position:relative; top:-10px;}

/*Modal Popup*/

.modalBackground {

background-color:Gray;

filter:alpha(opacity=70);

opacity:0.7;

}

.modalPopup {

background-color:#ffffdd;

border-width:3px;

border-style:solid;

border-color:Gray;

padding:3px;

width:250px;

}
#time{font-family:Sans-Serif, Arial;
      text-align:center;font-weight:bold;padding:0px 0;color:#F8F3E8;
      display:block;height:25px;}
#rtopbox h1{font-size:17px;}
.headtime{color:#F8F3E8;font-weight:bold;font-family:Sans-Serif, Arial;font-size:19px !important;}
.boxtime{border:1px solid #F8F3E8;padding:10px 0px;
         box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
         background: rgb(125,185,232); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(125,185,232,1) 0%, rgba(43,136,217,1) 0%, rgba(32,124,202,1) 2%, rgba(59,103,158,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,1)), color-stop(0%,rgba(43,136,217,1)), color-stop(2%,rgba(32,124,202,1)), color-stop(100%,rgba(59,103,158,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(43,136,217,1) 0%,rgba(32,124,202,1) 2%,rgba(59,103,158,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(43,136,217,1) 0%,rgba(32,124,202,1) 2%,rgba(59,103,158,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(43,136,217,1) 0%,rgba(32,124,202,1) 2%,rgba(59,103,158,1) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(43,136,217,1) 0%,rgba(32,124,202,1) 2%,rgba(59,103,158,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3b679e',GradientType=0 ); /* IE6-9 */




         }
.mobileapp{padding-top:50px;}

/* Count Down Clock Homepage Added 01-08-13 */

#box-clock {}

#clock-header p {
	font-size: 18px;
	text-align: center;
	margin: 0 0 5px 10px;
}

#clock-container {
	clear: both;
	width: 477px;
	height:130px;
	margin: 0 auto;
	overflow: auto;
	background:url("/images/clock-bg.jpg") 0 0 no-repeat;
}

.clock-wrap {
	width:62px;
	float: left;
	margin: 47px 26px 0 31px;}

.timer{
	width:62px;
	height:58px;
	position:relative;
	background:url("/images/day-bg.jpg") 0 0 no-repeat;
	float: left;
	clear:both;
	margin-bottom: 5px;
}

.timer .overlay{
	width:62px;
	height:57px;
	background:url("/images/overlay.png") 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0}

.timer .number{
	color:#fff;
	width:100%;
	font-size:30px;
	text-align:center;
	line-height:53px;
	font-family: arial !important;}

.clock-desc {
	clear: both;
	width: 62px;
	height: 18px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	font-size: 12px;
	padding:2px 0 0 0;
	font-weight: bold;
	font-family: arial;
}

#clock-images
    {
        margin:10px;
    }
#clock-images img
    {
        margin-left: 7px;
    }

#clock-content p {
	font-size: 14px;
	text-align: center;
	margin: 15px 5px 10px 5px;
}

#clock-footnote {
	clear: both;}

#clock-footnote p {
	font-size: 9px;
	text-align: left;
	margin: 0 0 5px 10px;
}

/** Homepage Modal Window **/

#modalhome {
	width: 528px;
	height: 400px;
	background: url('/uploadedImages/modal-background.png') no-repeat 0 0;
}



#sst2logo img {
	display: block;
	padding: 25px 0 25px 0;
	margin-left: auto;
	margin-right: auto;
	
}

#modalcontent {
	color: #FFF; 
	line-height:18px;
	font-size: 14px;
	font-family: verdana, arial;
	border-top: 1px solid #80bc02; 
	width:350px; 
	margin-left: auto; 
	margin-right: auto;
	padding: 15px 10px;
}

#buttonhome img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}