/*** general ***/
body
{
   background-color: #CCCCCC;
   color: #000000;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   margin: 0;
   min-width: 720px;
   padding: 0;
   text-align: center;
}

hr
{
   background-color: #000000;
   border-width: 0;
   color: #000000;
   height: 1px;
}

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

a:link { color: blue; text-decoration: none; }
a:visited { color: gray; text-decoration: none; }

img { border: 0; }

.clear-float
{
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

#wrapper
{
   background-image: url( ../images/background.jpg );
   background-repeat: no-repeat;
   height: 702px;
   margin: 0 auto;
   padding: 0;
   position: relative;
   text-align: center;
   width: 720px;
}


/*** sections ***/
#title
{
   position: absolute;
   left: 0px;
   top: 222px;
   text-align: center;
   width: 720px;
}

#title-index
{
   position: absolute;
   left: 55px;
   top: 222px;
   text-align: center;
   width: 450px;
}

#content
{
   position: absolute;
   left: 55px;
   top: 222px;
   height: 436px;
   line-height: 15px;
   overflow: auto;
   text-align: left;
   width: 620px;
}

#content-index
{
   position: absolute;
   left: 55px;
   top: 222px;
   height: 436px;
   line-height: 15px;
   overflow: auto;
   text-align: left;
   width: 450px;
}

#contact-info
{
   position: absolute;
   right: 37px;
   top: 25px;
}

#home
{
   position: absolute;
   left: 4px;
   top: 21px;
}

#make-a-change
{
   position: absolute;
   left: 332px;
   top: 108px;
}

#imagine-more
{
   position: absolute;
   left: 217px;
   top: 63px;
}

#the-buzz
{
   position: absolute;
   left: 494px;
   top: 92px;
}

#resources
{
   position: absolute;
   left: 613px;
   top: 116px;
}

#logo
{
   position: absolute;
   left: 111px;
   top: 149px;
}

#tagline
{
   position: absolute;
   left: 111px;
   top: 179px;
}

#paypal
{
   position: absolute;
   right: 46px;
   top: 182px;
}

#butterfly
{
   position: absolute;
   right: 30px;
   bottom: 50px;
}

#take-flight
{
   position: absolute;
   right: 23px;
   bottom: 30px;
}

#contactus
{
   position: absolute;
   right: 20px;
   top: 222px;
   text-align: left;
   width: 168px;
}


/*** products table ***/
table.products
{
   border-collapse: collapse;
   border: none;
   width: 99%;
}

table.products thead tr th
{
   background-color: #436990;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

table.products thead tr th.description
{
   border-right: 2px solid #FFFFFF;
   width: 75%;
}

table.products thead tr th.pricing { width: 25%; }

table.products tbody tr td
{
   line-height: 1.4;
   padding: 10px;
}

table.products tbody tr td.pricing { text-align: center; }

table.products tfoot tr td
{
   padding-top: 10px;
   text-align: center;
}