#container    { /* div container of all the components */
                width:            740px;
                height:           440px;
                margin-left:      auto;
                margin-right:     auto;
                margin-top:       10%;
                margin-bottom:    auto;
                text-align:       center;
                vertical-align:   center;
                background:       url(../img/bg.jpg) no-repeat top;
              }

#text         {
                float:            left;
                clear:            both;
                width:            325px;
                color:            #777777;
                text-align:       center;
                padding:          20px 0px;
              }

#text p       {
                font-size:        80%;
                line-height:      16px;
                padding:          10px;
                padding-top:      0px;
              }

#text strong  {
                font-size:        110%;
              }

#text a       {
                font-size:        100%;
                color:            #666666;
              }

#text h1      {
                font-size:        100%;
                color:            #ccc;
              }

#the_practice {
                width:            415px;
                height:           440px;
                float:            left;
              }

#rightcontent {
                width:            325px;
                height:           440px;
                float:            left;
                display:          inline;
              }

#top          {
                width:            325px;
                height:           100px;
                float:            left;
                display:          inline;
              }


#counter {
          float: left;
          display: inline;
          text-align: left;
          border: 0px solid #000;
          padding-left: 340px;
        }

.note   {
          font-size:  80%;
          color: #bbb;

        }