﻿/* GENERAL **************************************************************************************************************** */
     
     body { font: 12px Arial ; color:#8c6152; background:#581e00 url(http://cms.secure-res.com/vsites//files/templates/74/bg.jpg ) no-repeat; margin: 0; padding: 0;  } 
     #shell { width: 948px; padding: 0 19px; background:#f8f2d8; margin: 0 auto; position:relative; }       
     a:link, a:visited{ color:#3a6f8f;  }
     a:hover { text-decoration: none;  }
     h1, h2, h3 {  }
     p { line-height: 180%; }
     
/* HEADER **************************************************************************************************************** */

     
     #titlebar { height: 122px; margin: 0 0 1px 0; position:relative; z-index:80; }
          
          div#usabilityNavDropDown { position: absolute;  margin: 45px 0 0 190px;   }
          #helpmenuShell {position:relative; right:0px; height:100px; z-index:99;}
          #helpmenuShell ul { margin:40px 0 0;  z-index:90 position:relative; padding:0px 25px; text-align:right;  }
          #helpmenuShell ul li { list-style: none; margin: 0 0 3px 0; display:inline;  }
            #helpmenuShell ul li a { font-size: 10px; text-decoration: none; padding:0 0 0 10px; }
          #helpmenuShell ul li a:hover { text-decoration: underline; }          
          #helpmenuShell div#usabilityNavText {margin-top:25px; cursor:pointer;}
          #helpmenuShell div#usabilityNavDropDown { margin-top: 8px; }
          #helpmenuShell div#usabilityNavDropDown div.noHover {display:block; }
          
          #phonenumber { position: absolute;top:0px; right:25px; width: 149px; height: 37px; background:url(http://cms.secure-res.com/vsites//files/templates/74/phonenumber.gif) no-repeat;}
        
          #myHeaderCTA {left: 50%; margin-left: -170px; width: 300px; height:38px; position: relative; background-color:#005568;  top:47px; z-index: 1; cursor: pointer; padding:2px 0 2px 4px; border:1px solid #fff; }
          #myHeaderCTA a{display: block; width: 300px; height:38px; cursor: pointer; text-decoration:none;}
          #myHeaderCTA a hover{display: block; width: 300px; height:38px; cursor: pointer;}
          #myHeaderCTA .lgFont { color: #FFFFFF; font-size:15px; line-height:16px; font-weight:bold;}
          #myHeaderCTA .smlFont { color: #f8f2d8; font-size:15px; line-height:16px; font-weight:normal;}
     
     
     
     #utilityNav  #accessible {  }
     
     #headerShell { margin:0px 0px 0px 0px; background:#f8f2d8;
                    padding:0px 0px 0px 0px; }        
          
          #logo { margin: 10px 0 0 20px; background: url(http://cms.secure-res.com/vsites//files/templates/74/logo.gif); width: 218px; height: 98px; position: absolute; }
          #logo a { display:block; width: 218px; height: 98px; position:absolute; z-index:999; }
          
          #phonenumber { position: absolute; margin: 45px 0 0 650px; width: 149px; height: 37px; background:(/files/templates/74/phonenumber.gif);}
          #headerAddress {position:absolute; right:43px; top:89px; width:300px; text-align:right; z-index:40;}
          
          #nav { display: block; background: #005568; margin: 0px 0px 0px 0px; padding:0px 0px 10px 0px; height:30px; }  
          #nav ul { margin:0px 0px 0px 10px; padding:0px; }   
          #nav ul li {display:inline; height:20px; float:left; padding:0px; margin:0px; margin-right:20px;   }  

           #nav ul li a { display:block; padding-bottom:10px;}     
           .textShell { margin-top:10px;position:relative; cursor:pointer;}  
           
           #ohSashMe {position: absolute; z-index: 999;}
         /* #ohSashMe a {background-image: url(http://cms.secure-res.com/vsites//files/42/requestMoreInfo.png); width: 253px; height: 240px; display: block;}*/
          #pageid1352 #ohSashMe {display: none;}
/* CTAs *******************************************************************************/
#side {width:893px; height:130px; padding:20px 0 0 55px;  margin:1px auto 0; background:url(http://tranquilitylakeapartments.com//files/templates/74/cta_bg.jpg) top center no-repeat;}
      
       .widgetCTALink { margin:0 55px 0 0; display:block; width:241px; background-color:#3a6f8f; float:left;  text-decoration:none; text-align:center; }

          .widgetCTA a {color:#fbd682;}
          
          .widgetCTALink:hover {background-color:#225675;}

          .widgetCTALink h1 {font:16px/29px Arial, Helvetica, sans-serif; letter-spacing:1px; margin:0;}

          .widgetCTAimg {display:block; width:241px; height:81px; cursor:pointer;}

          .widgetCTA.lastItem .widgetCTALink  {margin:0 0 0 0px;}
        

/* BODY **************************************************************************************************************** */

     #contentShell {  }
          
          #content { padding: 35px 70px;  }  
          #content h1 { color:#4b0e0f; font-size: 28px; font-weight: normal; font-family: Georgia;  }
          #content h2 {  }
          
          #content dl, #content dt, #content dd {margin:0; padding:0;}
          
               #breadcrumbs ul  { display:inline; margin: 0 0 20px 0; padding: 0;  }
               #breadcrumbs ul li { display: inline; margin: 0 5px 0 0;}
               
               #subNav {}
               #subNav ul {}
               #subNav ul li {}
               #subNav ul li a {}
               #subNav ul li a:hover {}                
          
         
               
               #imgThumbnails112 a {border:none; outline:none;}
               #imgThumbnails112 a.selected {border:3px solid #AD2342; padding: 0 5px}
     #thePropMap {float: right; margin-top: -180px; margin-right: -80px;}
    /* #thePropMap a { text-align:center; text-decoration: none;}
     #thePropMap a img {border: none;}
     #thePropMap a span {
          position:                absolute; 
          width:                   712px; 
          height:                  463px;
          top:                     600px;
          right:                    50%;
          margin-right:            -240px;
          background:              #272727; 
          text-align:              left;
          text-decoration:         none;
          visibility:              hidden; 
          border:                  5px solid #005568; 
          font:                    normal 11px/18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
     }
     #thePropMap a:hover span img {border: none; padding: 0; margin: 0;}
     #thePropMap a:hover span {visibility:visible;}    */
               

/* FOOTER **************************************************************************************************************** */

     #footerShell {  background-color:#581e00;  clear:both; width: 986px; margin:0 auto; }
          
          #footerNav { display: inline;
                      text-align:center; }
          #footerNav ul { padding:10px 0px 10px 0px; width:600px; margin:0 auto; position:relative; }
          #footerNav ul li { display:inline; padding:0px 5px 0px 5px;}
          #footerNav ul li a { color:#93a445; text-decoration:none; }
          #footerNav ul li.noStyleRight { margin-right:0; }
          #footerNav ul li a:hover { text-decoration:underline; }
          
          #address { background:#dacfb6; text-align: center; padding: 3px 0; margin:0px 0px 0px 0px; }
          #address ul { padding:10px 0px 10px 10px; width: }
          #address ul li { display: inline; margin: 0 5px; }
          #address li.noStyleRight {  }
          #address strong { }
          
          #vizsig { text-align: center; padding-bottom:10px;}

/* Custom CSS */
#vizsig {background-color:#581e00;}
#vizsig a:link {color:#FFF;}
#vizsig a:visited {color:#FFF;}

#helpmenuShell ul {margin:0px 0px 0px 0px;}
#helpmenu3889 {}
#flashSlideShow3892 {margin:0px 0px 0px 0px;
                     padding:0px 0px 0px 0px;}
div.widgetPhotoGallery a.galleryImgThumb {border:none;}
                     
dt {color:#005568; font-weight:bold;}
#contentShell img {padding:0px 10px 0px 20px;}

          * html body #headerAddress {left:650px;}

          * html body #nav  {padding:0px; height:0px;}
          * html body #nav ul {padding:0px;}
          * html body #nav ul li {height:0px; }
          * html body #nav ul li a  {padding:0; margin:0; cursor:pointer;}
          
           * html body #side {background:url(/files/42/cta_bg.jpg);}
          * html body .widgetCTA a:visited {color:#fbd682;}
          * html body #ohSashMe {display:none;}
          * html body #ohSashMe a {display:none;}