/* CSS Document */

#buttontab {
  float:right;
  width:100%;
  /*background:#474747 url("http://www.crystalboldt.com/bg-cb-test.gif");*/
  background-position:bottom;
  background-repeat:repeat-x;
  background-image:url(media/bg/333333_5x5.gif);
  font-size:93%;
  line-height:normal;
  }
#buttontab ul {
  margin:0;
  padding:15px 5px 0px 0px;/* top, right,  */
  list-style:none;
  }
#buttontab li {
  float:right;
  background:url("http://www.crystalboldt.com/media/tabs/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 17px;/* top right bottom left -- background image spacing*/
  border-bottom:1px solid #333;
  }
#buttontab a {
  float:left;
  display:block;
  width:.1em;
  background:url("http://www.crystalboldt.com/media/tabs/right_both.gif") no-repeat right top;
  padding:4px 17px 2px 0px;/* top right bottom left -- button tab*/
  /* NOTE: if you adjust bottom here you have to adjust current tab padding-bottom +1*/
  text-decoration:none;
  font-weight:bold;
  color:#ffc;/*static - link text*/
  white-space:nowrap;
  }
#buttontab > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#buttontab a {float:none;}
/* End IE5-Mac hack */
#buttontab a:hover {
  color:yellow;/* over */
  }
#home #nav-home, #cma #nav-cma,
#listings #nav-listings, #mls #nav-mls,
#contact #nav-contact, #realestate #nav-realestate,
#home #nav-home  {
  background-position:0 -150px;
  border-width:0;
  }
#home #nav-home a, #cma #nav-cma a,
#listings #nav-listings a, #mls #nav-mls a,
#contact #nav-contact a, #realestate #nav-realestate a, 
#home #nav-home a {
  background-position:100% -150px;
  padding-bottom:3px;
  color:#fff;/* on page */
  }
#buttontab li:hover, #buttontab li:hover a {
  background-position:0% -150px;
  color:yellow;/* over */
  }
#buttontab li:hover a {
  background-position:100% -150px;
  }