body {margin:0px;}
        #bg_image 
        {
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            position: absolute;
            z-index: 0;
        }
        #contents 
        {
            width: 100%;
            height: 100%;
            z-index: 1;
            position: absolute;
        }     
       
        
        #home-menu, #home-menu2
        {
            width: 83px;
            height: 30px;
            float:left;
        }
        #home-menu ul, #home-menu2 ul
        {
            margin: 0;
            padding:0;
            list-style-type: none;
        }
        #home-menu a
        {
            width:83px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/homepage.png) no-repeat;
            background-position: left bottom;
        }
        #home-menu a:hover
        {
            background: url(images/homepage.png) no-repeat;
            background-position: left top;
        }
        #home-menu2 a
        {
            width:83px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/homepage.png) no-repeat;
            background-position: left top;
        }
        #home-menu2 a:hover
        {
            background: url(images/homepage.png) no-repeat;
            background-position: left top;
        }
        
        
        #qanda-menu, #qanda-menu2
        {
            width: 60px;
            height: 30px;
            float:left;
        }
        #qanda-menu ul,#qanda-menu2 ul
        {
            margin: 0;
            padding:0;
            list-style-type: none;
        }
        #qanda-menu a
        {
            width:60px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/qanda.png) no-repeat;
            background-position: left bottom;
        }
        #qanda-menu a:hover
        {
            background: url(images/qanda.png) no-repeat;
            background-position: left top;
        }
        #qanda-menu2 a
        {
            width:60px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/qanda.png) no-repeat;
            background-position: left top;
        }
        #qanda-menu2 a:hover
        {
            background: url(images/qanda.png) no-repeat;
            background-position: left top;
        }

        #showcase-menu, #showcase-menu2
        {
            width: 79px;
            height: 30px;
            float:left;
        }
        #showcase-menu ul,#showcase-menu2 ul
        {
            margin: 0;
            padding:0;
            list-style-type: none;
        }
        #showcase-menu a
        {
            width:79px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/showcase.png) no-repeat;
            background-position: left bottom;
        }
        #showcase-menu a:hover
        {
            background: url(images/showcase.png) no-repeat;
            background-position: left top;
        }
        #showcase-menu2 a
        {
            width:79px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/showcase.png) no-repeat;
            background-position: left top;
        }
        #showcase-menu2 a:hover
        {
            background: url(images/showcase.png) no-repeat;
            background-position: left top;
        }



        #specialoffers-menu, #specialoffers-menu2
        {
            width: 100px;
            height: 30px;
            float:left;
        }
        #specialoffers-menu ul,#specialoffers-menu2 ul
        {
            margin: 0;
            padding:0;
            list-style-type: none;
        }
        #specialoffers-menu a
        {
            width:100px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/specialoffers.png) no-repeat;
            background-position: left bottom;
        }
        #specialoffers-menu a:hover
        {
            background: url(images/specialoffers.png) no-repeat;
            background-position: left top;
        }        
        #specialoffers-menu2 a
        {
            width:100px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/specialoffers.png) no-repeat;
            background-position: left top;
        }
        #specialoffers-menu2 a:hover
        {
            background: url(images/specialoffers.png) no-repeat;
            background-position: left top;
        }     
        
        
        #playgroundmulch-menu, #playgroundmulch-menu2
        {
            width: 125px;
            height: 30px;
            float:left;
        }
        #playgroundmulch-menu ul,#playgroundmulch-menu2 ul
        {
            margin: 0;
            padding:0;
            list-style-type: none;
        }
        #playgroundmulch-menu a
        {
            width:125px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/playgroundmulch.png) no-repeat;
            background-position: left bottom;
        }
        #playgroundmulch-menu a:hover
        {
            background: url(images/playgroundmulch.png) no-repeat;
            background-position: left top;
        }        
        #playgroundmulch-menu2 a
        {
            width:125px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/playgroundmulch.png) no-repeat;
            background-position: left top;
        }
        #playgroundmulch-menu2 a:hover
        {
            background: url(images/playgroundmulch.png) no-repeat;
            background-position: left top;
        }        

        
        #contactus-menu, #contactus-menu2
        {
            width: 85px;
            height: 30px;
            float:left;
        }
        #contactus-menu ul, #contactus-menu2 ul
        {
            margin: 0;
            padding:0;
            list-style-type: none;
        }
        #contactus-menu a
        {
            width:85px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/contactus.png) no-repeat;
            background-position: left bottom;
        }
        #contactus-menu a:hover
        {
            background: url(images/contactus.png) no-repeat;
            background-position: left top;
        }        
        #contactus-menu2 a
        {
            width:85px;
            height:30px;
            display: block;
            text-decoration: none;
            background: url(images/contactus.png) no-repeat;
            background-position: left top;
        }
        #contactus-menu2 a:hover
        {
            background: url(images/contactus.png) no-repeat;
            background-position: left top;
        }        

       
        .Selected
        {
            background-position: left top;
        }
        .clientArea {  
            color: #ffffff; 
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: 10pt;
            font-style: oblique; 
            margin: 0px; 
            overflow: auto;
            padding: 1px; 
            scrollbar-face-color: #a8dc00; 
            scrollbar-highlight-color: #008346; 
            scrollbar-3dlight-color: #03512c; 
            scrollbar-darkshadow-color: #03512c; 
            scrollbar-shadow-color: #03512c; 
            scrollbar-arrow-color: #000000; 
            scrollbar-track-color: #03512c; 
            height: 255px; 
        }
        .clientArea4 {  
            color: #ffffff; 
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: 10pt;
            margin: 0px; 
            overflow: auto;
        }
        .clientArea2 {  
            color: #ffffff; 
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: 10pt;
            margin: 0px; 
            overflow: auto;
            padding: 1px; 
            scrollbar-face-color: #a8dc00; 
            scrollbar-highlight-color: #008346; 
            scrollbar-3dlight-color: #03512c; 
            scrollbar-darkshadow-color: #03512c; 
            scrollbar-shadow-color: #03512c; 
            scrollbar-arrow-color: #000000; 
            scrollbar-track-color: #03512c; 
            height: 255px; 
            width: 600px;
        }
        .clientArea2 a, .clientArea3 a, .clientArea4 a
        {
            color: #a8dc00;
            text-decoration: none;
        }
        .clientArea2 a:hover, .clientArea3 a:hover, .clientArea4 a:hover
        {
            color: #a8dc00;
            font-weight: Bold;
            text-decoration: none;
        }
        .clientArea2 a:link, .clientArea3 a:link, .clientArea4 a:link
        {
            color: #a8dc00;
            text-decoration: none;
        }
        .clientArea2 a:visited, .clientArea3 a:visited, .clientArea4 a:visited
        {
            color: #a8dc00;
            text-decoration: none;
        }
        .clientArea3
        {
            scrollbar-face-color: #a8dc00; 
            scrollbar-highlight-color: #008346; 
            scrollbar-3dlight-color: #03512c; 
            scrollbar-darkshadow-color: #03512c; 
            scrollbar-shadow-color: #03512c; 
            scrollbar-arrow-color: #000000; 
            scrollbar-track-color: #03512c;            
         }
        
        .categorymenu
        {
            text-decoration: none;
            color: white;
            font-weight: bold;
            font-size: 10pt;
            
        }
        .categorymenu:hover
        {
            background-color: #a8dc00;
            color: Black;
        }
        .categorytoolbar
        {
            padding: 5px 5px 5px 5px;
        }

        #subfooter
        {
            position:absolute; 
            width:100%;
            bottom:0; 
            padding-bottom:35px; 
            text-align:right; 
            right: 10px;        
        }
         #footer
         {
            position:absolute; 
            width:100%;
            bottom:0; 
            padding-bottom:5px; 
            text-align:center; 
            color:#a8dc00; 
            font-weight:bold; 
            font-family:Arial; 
            font-size:10pt;
         }
         
         #footer a:visited
         {
            text-decoration: none;
            color:#a8dc00; 
         }
         #footer a:link
         {
            text-decoration: none;
            color:#a8dc00; 
         }
         #footer a:hover
         {
            text-decoration: none;
            color:white; 
         }
         #UserAvailability {
          padding-left: 22px;
          background-position: left;
          background-repeat: no-repeat;
        }
        
        #EmailAvailability {
          padding-left: 22px;
          background-position: left;
          background-repeat: no-repeat;
        } 
        .taken {
          background-image: url(img/icons/fail.gif);
        }
         
        .available {
          background-image: url(img/icons/success.gif);
        }