/* {
   border: 1px solid #000000;
} /* design purposes only */

html, body  {
   padding: 0px;
   margin: 0px;
   background: #ffffff url(images/bg.gif);
   background-repeat: repeat-x;
}

a  {
   text-decoration: underline;
   color: #0355a9;
   outline: none;
}

a:hover {
   text-decoration: none;
}

#main  {
   margin: 0px auto 0px auto;
   height: 846px;
   width: 876px;
   position: relative;
}

#footer {
   position: relative;
   left: 0px;
   bottom: 0px;
   z-index: 6;
   background: #ffffff url(images/footerbg.gif);
   background-repeat: repeat-x;
   width: 100%;
   height: 75px;
}

#centerarea {
   margin: 0px auto 0px auto;
   position: relative;
   width: 876px;
   height: 75px;
}

#home a:hover,
#portfolio a:hover,
#testimonials a:hover,
#yourwebsite a:hover,
#contactus a:hover,
#aboutus a:hover,
#login a:hover  {
   color: #0355a9;
}

#home a,
#portfolio a,
#testimonials a,
#yourwebsite a,
#contactus a,
#aboutus a,
#login a {
   display: block;
   width: 100%;
   text-decoration: none;
   color: #000000;
}

#button2 a:hover,
#button3 a:hover,
#button1 a:hover  {
   background-position: -221px 0%;
}

#home,
#portfolio,
#testimonials,
#yourwebsite,
#contactus,
#aboutus,
#login {
   font: 14px/17px Verdana;
   text-align: left;
   visibility: visible;
   position: absolute;
   top: 134px;
   z-index: 1;
   height: 19px;
}

#text2 p,
#text1 p,
#textbox p  {
   font: italic 14px/22px Verdana;
   margin: 0px;
   text-align: left;
   color: #34373A;
}

#button1 a,
#button2 a,
#button3 a  {
   background-repeat: no-repeat;
   display: block;
   height: 46px;
   width: 221px;
}

#button1,
#button2,
#button3  {
   visibility: visible;
   position: absolute;
   left: 0px;
   z-index: 2;
   width: 221px;
   height: 46px;
}

#title1 p,
#title2 p,
#title3 p  {
   margin: 0px;
   color: #0355a9;
   letter-spacing: -1px;
   font-style: italic;
   font-family: Verdana;
   text-align: left;
}

#button1 a  {
   background-image: url(images/button1.gif);
}

#button2 a  {
   background-image: url(images/button2.gif);
}

#button3 a  {
   background-image: url(images/button3.gif);
}

#home  {
   left: 75px;
}

#portfolio  {
   left: 152px;
}

#testimonials  {
   left: 260px;
}

#yourwebsite  {
   left: 395px;
}

#contactus  {
   left: 527px;
}

#aboutus  {
   left: 650px;
}

#login  {
   left: 754px;
}

#title1  {
   visibility: visible;
   position: absolute;
   left: 286px;
   top: 223px;
   z-index: 3;
   width: 293px;
}

#title1 p  {
   font-size: 24px;
   line-height: 29px;
}

#title2  {
   visibility: visible;
   position: absolute;
   left: 38px;
   top: 465px;
   z-index: 2;
   width: 500px;
}

#title2 p  {
   font-size: 20px;
   line-height: 24px;
}

#title3  {
   visibility: visible;
   position: absolute;
   left: 365px;
   top: 465px;
   z-index: 2;
   width: 148px;
}

#title3 p  {
   font-size: 20px;
   line-height: 24px;
}

#button1  {
   top: 228px;
}

#button2  {
   top: 292px;
}

#button3  {
   top: 354px;
}

#text1  {
   visibility: visible;
   position: absolute;
   left: 286px;
   top: 280px;
   z-index: 3;
   width: 330px;
}

#text1 p  {
   font-size: 16px;
   line-height: 22px;
}

#text2  {
   visibility: visible;
   position: absolute;
   left: 40px;
   top: 506px;
   z-index: 3;
   width: 295px;
}

#logo a  {
   background: url(images/logo.gif) no-repeat 0% 0px;
   display: block;
   height: 38px;
   width: 249px;
   position: absolute;
   left: 26px;
   top: 43px;

}

#topbox  {
   background: url(images/topbox.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 12px;
   top: 200px;
   z-index: 1;
   width: 853px;
   height: 226px;
}

#feature  {
   background: url(images/feature.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 262px;
   top: 214px;
   z-index: 2;
   width: 587px;
   height: 198px;
}

#swirly  {
   background: url(images/swirly.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 648px;
   top: 227px;
   z-index: 4;
   width: 192px;
   height: 174px;
}

#mainbox  {
   background: url(images/mainbox.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 11px;
   top: 449px;
   z-index: 1;
   width: 853px;
   height: 403px;
}

#box  {
   background: url(images/box.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 623px;
   top: 462px;
   z-index: 3;
   width: 228px;
   height: 313px;
}

#textbox  {
   visibility: visible;
   position: absolute;
   left: 642px;
   top: 476px;
   z-index: 3;
   width: 190px;
}

#img  {
   background: url(images/site.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 335px;
   top: 506px;
   z-index: 2;
   width: 283px;
   height: 296px;
}

#img a {
   position: relative;
   font: italic 14px Verdana;
   z-index: 5;
   left: 22px;
   top: 296px;
}

#copyright,
#footerlinks {
   position: absolute;
   font: 12px Verdana;
   z-index: 2;
   top: 30px;
}

#copyright {
   color: #34373A;
   left: 40px;
}

#footerlinks {
   left: 570px;
}

#footerlinks a {
   color: #34373A;
   text-decoration: none;
}

#footerlinks a:hover {
   color: #0355a9;
}

#text2 ul {
   font: italic 14px/22px Verdana; 
   color: #34373A;"
}