body, a, h1, h2, h3, h4, h5, h6, p, ol, ul, table, tr, th, td, input, option, select, textarea {
    font-family : Arial,Helvetica,sans-serif,Tahoma,Verdana;
    font-size : 11px;
  }


body {
    background-color: #FFFFFF;
    color: #666666;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }


a:link {
    color: #284691;
    text-decoration: none;
  }


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


a:hover {
    color: #FF0000;
    text-decoration: underline;
  }


a:active {
    color: #284691;
    text-decoration: none;
  }


h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }


tr {
    vertical-align: top;
  }


td.btn {
    text-align: right;
  }


td.rh {
    background-color: #284691;
    color: #FFFFFF;
    font-weight: bold;
    text-align: right;
  }


td.rd {
    background-color: #CFE8EF;
  }


input {
    color: #000000;
  }


input.btn {
    background-color: #284691;
    border-bottom: 1px solid #0A1225;
    border-right: 1px solid #0A1225;
    border-left: 1px solid #91A1C7;
    border-top: 1px solid #91A1C7;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    height: 21px;
    text-decoration: none;
  }


select {
    color: #000000;
  }


textarea {
    color: #000000;
  }


a.ndb:link {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
  }


a.ndb:visited {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
  }


a.ndb:hover {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.nd:link {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
  }


a.nd:visited {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
  }


a.nd:hover {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.nd:active {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.grey:link {
    color: #666666;
    text-decoration: none;
    white-space: nowrap;
  }


a.grey:visited {
    color: #666666;
    text-decoration: none;
    white-space: nowrap;
  }


a.grey:hover {
    color: #FF0000;
    text-decoration: underline;
    white-space: nowrap;
  }


a.grey:active {
    color: #FF0000;
    text-decoration: underline;
    white-space: nowrap;
  }


a.boldunder:link {
    color: #336699;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.boldunder:visited {
    color: #336699;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.boldunder:hover {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.boldunder:active {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
  }


a.ne:link {
    color: #336699;
    text-decoration: none;
    white-space: nowrap;
  }


a.ne:visited {
    color: #336699;
    text-decoration: none;
    white-space: nowrap;
  }


a.ne:hover {
    color: #FF0000;
    text-decoration: underline;
    white-space: nowrap;
  }


a.ne:active {
    color: #FF0000;
    text-decoration: underline;
    white-space: nowrap;
  }


option.selected {
    background-color: #CEE7FF;
  }


.nb {
    background-image : url(./design/main/nb_bg.gif);
    text-align : center;
  }


.nbb {
    background-image : url(./design/main/nb_bg2.gif);
    background-position : top left;
    color : #FFFFFF;
    font-family : Arial,Helvetica,sans-serif,Tahoma,Verdana,Geneva;
    font-size : 11px;
    text-align : center;
    vertical-align : middle;
    line-height : 21px;
  }


a.nbb:link {
    background-image : url(./design/main/nb_bg2.gif);
    color : #FFFFFF;
    font-family : Arial,Helvetica,sans-serif,Tahoma,Verdana,Geneva;
    font-size : 11px;
    line-height : 21px;
    overflow : hidden;
    text-decoration : none;
    vertical-align : middle;
  }


a.nbb:visited {
    color : #FFFFFF;
    font-family : Arial,Helvetica,sans-serif,Tahoma,Verdana,Geneva;
    font-size : 11px;
    margin-bottom : 5px;
    overflow : hidden;
    padding-bottom : 0px;
    text-decoration : none;
    vertical-align : top;
  }


.nbx {
    background-image: url(./design/main/nb_x.gif);
  }


.nd {
    background-color: #CCCCCC;
    text-align: center;
    vertical-align: middle;
  }


.ndbullet {
    background-color: #EEEEEE;
  }


.ne {
    background-color: #EEEEEE;
    text-align: center;
    vertical-align: middle;
  }


.nebullet {
    background-color: #CCCCCC;
  }


.btt {
    text-align : right;
    vertical-align : bottom;
    white-space : nowrap;
  }


.welcome {
    background-image: url(./design/main/x_welcome.gif);
    width: 50%;
  }


.flash {
    background-color: #5FC1F1;
    width: 50%;
  }


.banner-homel {
    background-image: url(./design/main/x_welcome-home.gif);
    width: 50%;
  }


.banner-homer {
    background-color: #5FC1F1;
    width: 50%;
  }


.banner-spasl {
    background-image: url(./design/main/x_welcome-spas.gif);
    width: 50%;
  }


.banner-spasr {
    background-color: #4498C5;
    width: 50%;
  }


.banner-gazebosl {
    background-image: url(./design/main/x_welcome-gazebos.gif);
    width: 50%;
  }


.banner-gazebosr {
    background-color: #CCCCCC;
    width: 50%;
  }


.banner-saunasl {
    background-image: url(./design/main/x_welcome-saunas.gif);
    width: 50%;
  }


.banner-saunasr {
    background-color: #FFD685;
    width: 50%;
  }


.banner-bbqsl {
    background-image: url(./design/main/x_welcome-bbqs.gif);
    width: 50%;
  }


.banner-bbqsr {
    background-color: #CC3333;
    width: 50%;
  }


.banner-fireplacesl {
    background-image: url(./design/main/x_welcome-fireplaces.gif);
    width: 50%;
  }


.banner-fireplacesr {
    background-color: #F8D8AA;
    width: 50%;
  }


.banner-barsl {
    background-image: url(./design/main/x_welcome-bars.gif);
    width: 50%;
  }


.banner-barsr {
    background-color: #B76B31;
    width: 50%;
  }


.banner-billiardsl {
    background-image: url(./design/main/x_welcome-billiards.gif);
    width: 50%;
  }


.banner-billiardsr {
    background-color: #339966;
    width: 50%;
  }


.bullet {
    background-color: #CCCCCC;
  }


.hline {
    background-color: #CCCCCC;
  }


.hdotlinea {
    background-image : url(./design/main/x_linea.gif);
   background-repeat : repeat-x;
    border-top-width : 1px;
    border-top-color : #b7b7b7;
  }


.hdotlineb {
    background-image : url(./design/main/x_lineb.gif);
    background-repeat : repeat-x;	   
    border-top-width : 1px;
    border-top-color : #b7b7b7;
  }


.videohead {
    background-color: #999999;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
  }


.videoodd {
    background-color: #FFFFFF;
  }


.videoeven {
    background-color: #EEEEEE;
  }


.footer {
    background-color: #EEEEEE;
  }


.footerl {
    vertical-align: middle;
    width: 100%;
  }


.footerr {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
  }


.nocontent {
    background-color: #FF0000;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
  }


.cat {
    color: #000000;
    text-align: right;
    white-space: nowrap;
  }


.blurb {
    font-size: 11px;
  }


.mainblurb {
    font-size: 12px;
  }


.dtlhead {
    font-size: 11px;
    width: 100%;
  }


.dtltext {
    font-size: 10px;
    width: 100%;
  }


.dtltext2 {
    font-size: 11px;
    width: 100%;
  }


.ex {
    color: #FF0000;
  }


.h1home {
    color: #003366;
    font-weight: bold;
  }


.h1header {
    font-weight: bold;
    font-size: 16px;
  }


.h2header {
    font-weight: bold;
    font-size: 14px;
  }


.h3header {
    font-weight
    
    
: bold;
    font-size: 12px;
  }


.highlight {
    text-decoration:none;
    color:black;
    background:yellow;
  }


.red {
    color:red;
  }


.green {
    color:#009933;
  }


.lightgrey {
    color:#cccccc;
  }