/*  CSS Code file: itnix_style */
        /*  Description: Tropicana Homes */
        /*  Version: 1.0 */
        /*  All source code & concepts (c) copyright 2008, 2010 by ItNix, LLC. */
        /*  All rights reserved worldwide. */


html {

   scrollbar-face-color: #D1B46F;
   scrollbar-arrow-color: #0D7435;
   scrollbar-base-color: #D1B46F;
   scrollbar-track-color: #FDEED1;
/*
   scrollbar-highlight-color: #red;
   scrollbar-3dlight-color: #202020;
   scrollbar-darkshadow-color: #989898;
*/
}



      body {
        background: #D1B470 url('../../images/back.jpg') scroll repeat-x;  /* repeat, simply repeats the background picture in the x AND the y axis  */
        padding: 0px;
        margin: 0px;
        font-family: Trebuchet MS, Helvetica, Arial;
        font-size: 11pt;
        color: #663300;
        }

      a, a:link, a:visited, a:hover {
        text-decoration: underline;
        color: #663300;
      }


      #page {
        position: relative;
        z-index: 5;
        min-width: 800px;
        margin: 0px auto 10px auto;
        padding: 0px;
      }



      #header {
        width: 100%;
        height: 100px;
        margin: 5px 0px 5px 0px;
        padding: 0px;
      }

        #header a {
          margin: 0px;
          padding: 0px;
        }

       #header img.logo {
        float: right;
        margin: 2px 15px 0px 0px;
        width: 165px;
        height: 92px;
       }

       #nav {
          width: auto;
          position: relative;
          margin: 7px 0px 0px 30px;
          padding: 0px;
          float: left;
          display: block;
       }

       div.nav_link {
          display: inline;
          padding: 0px;
          width: auto;
          height: auto;
          margin: 0px 0px 0px 15px;
          float: left;
       }

       div.nav_link img {
          width: 28px;
          height: 28px;
          padding: 0px;
          margin: 2px auto 2px auto;
          display: inline;
       }
       div.nav_link div.desc {
          text-align: center;
          margin: 2px;
          color: red;
       }

       div.nav_link a, div.nav_link a:visited {
          text-decoration: none;
          color: #16396D;
       }

       div.nav_link a:hover  {
          color: #F5EFDF;
       }

       div.nav_link a:hover img {
          opacity:0.4;
          filter:alpha(opacity=40)
       }


      #flash {
        width: 100%;
        height: 200px;
        margin: 0px;
        padding: 0px;
        background: #FFFFFF url( "../../images/splashback.jpg" ) scroll repeat-x; /* 699FD0 */
      }


      #splashcontainer {
          width: 100%;
          height: 200px;
          margin: 1px 0px 0px 0px;
          padding: 0px;
          border: none;
          border-collapse:collapse; /* sets whether the table borders are collapsed into a single border or detached as in standard HTML. */
          border-spacing: 0px; /* Specifies the distance between the borders of adjacent cells */
          background: transparent  url("../../images/splash.jpg") scroll no-repeat; /* #699FD0 */
      }

      #splashcontainer object, #splashcontainer embed {
        width: 100%;
        height: 200px;
        padding: 0px;
        margin: -1px 0px 0px 0px;
        border: none;
      }






      #contentWrapper {
        margin: 15px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        min-height: 200px;
      }

        #content {
          margin-left: 210px;
          padding: 5px 0px;
        }

        #content_alt {
          padding: 5px 0px;
        }

      #featured_floor_plan, #featured_community {
        width: 200px;
        border: 1px solid #F5EFDF;
        min-height: 200px;
        margin: 7px 16px 8px 16px; /* top right bottom left */
        padding: 7px; /* top right bottom left */
        float: left;
        clear: left;
      }




      #footer {
        background: #F1D090 url( "../../images/footerback.jpg" ) scroll repeat-x;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        width: 100%;
        height: 30px;
        color: #F5EFDF;
        clear: both;
      }

        #footer span {
          float: left;
          font-size: 8pt;
          margin: 3px 0px 0px 0px;
          padding: 0.2em 0px 0px 0.5em;
        }

        #footer span a {
          color: #F5EFDF;
        }

        #footer img.pbc {
          float: right;
          width: 141px;
          height: 30px;
        }

        #footer img.mail {
          float: right;
          width: 40px;
          height: 30px;
          margin: 0px 10px 0px 0px;
          padding: 0px;
        }

        #footer #ada {
          float: right;
          width: 150px;
          height: 30px;
          margin: 0px 7px 0px 0px;
          padding: 0px;
        }

        #footer #ada img {
          display: block;
          width: 24px;
          height: 30px;
        }

      /* This piece of code gets rid of extra space created by this elements on the top left corners of the same elements */

      table, tr, td {
        margin: 0px;
        padding: 0px;
      }

      p {
        padding:8px 0px 8px 0px;
        margin: 0px 16px 0px 16px;
      }

      img {
        border: none;
        padding: 0px;
        margin: 0px;
      }


      .space {
        clear: both;
      }