#webdesigntext p,
#popdisplaytext p,
#flashanimationtext p,
#graphicdesigntext p,
#logodesigntext p  {
   font: 10px/12px Verdana, sans-serif;
   margin: 0px;
   color: #FFFFFF;
   padding-bottom: 5px;
   text-align: left;
}

#oakvilleacademyfortheartsbutton a:hover,
#creativetouchmarketingbutton a:hover  {
   background-position: -83px 0%;
}

#wajeplcprogramingbutton a:hover,
#noackpotterybutton a:hover  {
   background-position: -75px 0%;
}

#jayardiedesignbutton a:hover,
#roberethistlebutton a:hover  {
   background-position: -85px 0%;
}

#creativetouchmarketingbutton a,
#georgiancottagesbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 65px;
   background-position: 0% 0px;
   font-size: 65px;
   line-height: 65px;
}

#oakridgebutton a:hover,
#georgiancottagesbutton a:hover  {
   background-position: -81px 0%;
}

#thedentalofficebutton a,
#gerdartsculpturebutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 63px;
   background-position: 0% 0px;
   font-size: 63px;
   line-height: 63px;
}

#oakridgebutton a,
#wajeplcprogramingbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 58px;
   background-position: 0% 0px;
   font-size: 58px;
   line-height: 58px;
}

#footermenu li a:hover,
#mainmenu li a:hover  {
   color: #BBB9F6;
}

#logoimagebutton a,
#webimagebutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 80px;
   background-position: 0% 0px;
   font-size: 80px;
   line-height: 80px;
}

#oakvilleacademyfortheartsbutton a  {
   background: url(sg_webdesign_media/id0oakvilleacademyfortheart.jpg) no-repeat 0% 0px;
   display: block;
   height: 64px;
   width: 83px;
   font-size: 64px;
   line-height: 64px;
}

#oakvilleacademyfortheartsbutton  {
   visibility: visible;
   position: absolute;
   left: 360px;
   top: 273px;
   z-index: 7;
   width: 83px;
   height: 64px;
}

#footermenu li a,
#mainmenu li a  {
   border: 0px none #000000;
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   height: 100%;
}

#creativetouchmarketingbutton a  {
   width: 83px;
   background-image: url(sg_webdesign_media/id0creativetouchmarketingbu.jpg);
}

#gerdartsculpturebutton a:hover  {
   background-position: -82px 0%;
}

#thedentalofficebutton a:hover  {
   background-position: -84px 0%;
}

#belairplumbingbutton a:hover  {
   background-position: -76px 0%;
}

#creativetouchmarketingbutton  {
   visibility: visible;
   position: absolute;
   left: 553px;
   top: 271px;
   z-index: 7;
   width: 83px;
   height: 65px;
}

#footermenu li,
#mainmenu li  {
   height: 100%;
   display: inline;
   margin: 0px;
}

#brochureimagebutton a:hover  {
   background-position: -118px 0%;
}

#wajeplcprogramingbutton a  {
   width: 75px;
   background-image: url(sg_webdesign_media/wajeplcprogramingbutton.jpg);
}

#georgiancottagesbutton a  {
   width: 81px;
   background-image: url(sg_webdesign_media/georgiancottagesbutton.jpg);
}

#flashimagebutton a:hover  {
   background-position: -116px 0%;
}

#gerdartsculpturebutton a  {
   width: 82px;
   background-image: url(sg_webdesign_media/gerdartsculpturebutton.jpg);
}

#thedentalofficebutton a  {
   width: 84px;
   background-image: url(sg_webdesign_media/thedentalofficebutton.jpg);
}

#wajeplcprogramingbutton  {
   visibility: visible;
   position: absolute;
   left: 329px;
   top: 367px;
   z-index: 5;
   width: 75px;
   height: 58px;
}

#logoimagebutton a:hover  {
   background-position: -74px 0%;
}

#belairplumbingbutton a  {
   background: url(sg_webdesign_media/belairplumbingbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 57px;
   width: 76px;
   font-size: 57px;
   line-height: 57px;
}

#webimagebutton a:hover  {
   background-position: -103px 0%;
}

#gerdartsculpturebutton  {
   visibility: visible;
   position: absolute;
   left: 419px;
   top: 367px;
   z-index: 4;
   width: 82px;
   height: 63px;
}

#georgiancottagesbutton  {
   visibility: visible;
   position: absolute;
   left: 510px;
   top: 180px;
   z-index: 7;
   width: 81px;
   height: 65px;
}

#jayardiedesignbutton a  {
   background: url(sg_webdesign_media/jayardiedesignbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 67px;
   width: 85px;
   font-size: 67px;
   line-height: 67px;
}

#popimagebutton a:hover  {
   background-position: -89px 0%;
}

#brochureimagebutton a  {
   background: url(sg_packagedesign_media/brochureimagebutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 83px;
   width: 118px;
   font-size: 83px;
   line-height: 83px;
}

#roberethistlebutton a  {
   background: url(sg_webdesign_media/roberethistlebutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 66px;
   width: 85px;
   font-size: 66px;
   line-height: 66px;
}

#thedentalofficebutton  {
   visibility: visible;
   position: absolute;
   left: 599px;
   top: 180px;
   z-index: 7;
   width: 84px;
   height: 63px;
}

#noackpotterybutton a  {
   background: url(sg_webdesign_media/noackpotterybutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 60px;
   width: 75px;
   font-size: 60px;
   line-height: 60px;
}

#jayardiedesignbutton  {
   visibility: visible;
   position: absolute;
   left: 594px;
   top: 365px;
   z-index: 4;
   width: 85px;
   height: 67px;
}

#belairplumbingbutton  {
   visibility: visible;
   position: absolute;
   left: 326px;
   top: 181px;
   z-index: 7;
   width: 76px;
   height: 57px;
}

#brochureimagebutton  {
   visibility: visible;
   position: absolute;
   left: 278px;
   top: 510px;
   z-index: 5;
   width: 118px;
   height: 83px;
}

#roberethistlebutton  {
   visibility: visible;
   position: absolute;
   left: 456px;
   top: 271px;
   z-index: 7;
   width: 85px;
   height: 66px;
}

#flashanimationtext  {
   visibility: visible;
   position: absolute;
   left: 565px;
   top: 589px;
   z-index: 5;
   width: 95px;
}

#noackpotterybutton  {
   visibility: visible;
   position: absolute;
   left: 420px;
   top: 180px;
   z-index: 7;
   width: 75px;
   height: 60px;
}

#flashimagebutton a  {
   background: url(sg_packagedesign_media/flashimagebutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 79px;
   width: 116px;
   font-size: 79px;
   line-height: 79px;
}

#logoimagebutton a  {
   width: 74px;
   background-image: url(sg_packagedesign_media/logoimagebutton.jpg);
}

#graphicdesigntext  {
   visibility: visible;
   position: absolute;
   left: 295px;
   top: 589px;
   z-index: 6;
   width: 90px;
}

#footercopyright p  {
   font: 7px/10px Arial, Helvetica, sans-serif;
   margin: 0px;
   color: #CCCCCC;
   text-align: left;
}

#flashimagebutton  {
   visibility: visible;
   position: absolute;
   left: 549px;
   top: 511px;
   z-index: 4;
   width: 116px;
   height: 79px;
}

#popimagebutton a  {
   background: url(sg_packagedesign_media/popimagebutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 82px;
   width: 89px;
   font-size: 82px;
   line-height: 82px;
}

#webimagebutton a  {
   width: 103px;
   background-image: url(sg_packagedesign_media/webimagebutton.jpg);
}

#oakridgebutton a  {
   width: 81px;
   background-image: url(sg_webdesign_media/oakridgebutton.jpg);
}

#footercopyright  {
   visibility: visible;
   position: absolute;
   left: 37px;
   top: 644px;
   z-index: 5;
   width: 370px;
}

#logoimagebutton  {
   visibility: visible;
   position: absolute;
   left: 168px;
   top: 511px;
   z-index: 5;
   width: 74px;
   height: 80px;
}

#footermenu li a  {
   color: #CCCCCC;
}

#webtextscroll p  {
   font: 10px/13px Verdana, sans-serif;
   margin: 0px;
   padding-bottom: 10px;
   padding-right: 8px;
   text-align: left;
   color: #3366CC;
}

#oakridgebutton  {
   visibility: visible;
   position: absolute;
   left: 505px;
   top: 367px;
   z-index: 4;
   width: 81px;
   height: 58px;
}

#popimagebutton  {
   visibility: visible;
   position: absolute;
   left: 429px;
   top: 509px;
   z-index: 4;
   width: 89px;
   height: 82px;
}

#popdisplaytext  {
   visibility: visible;
   position: absolute;
   left: 438px;
   top: 589px;
   z-index: 5;
   width: 71px;
}

#webdesigntitle  {
   background: url(sg_webdesign_media/webdesigntitle.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 36px;
   top: 124px;
   z-index: 7;
   width: 90px;
   height: 18px;
}

#webimagebutton  {
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 511px;
   z-index: 5;
   width: 103px;
   height: 80px;
}

#logodesigntext  {
   visibility: visible;
   position: absolute;
   left: 170px;
   top: 589px;
   z-index: 6;
   width: 72px;
}

#mainmenu li a  {
   color: #999999;
}

#webdesigntext  {
   visibility: visible;
   position: absolute;
   left: 53px;
   top: 589px;
   z-index: 6;
   width: 70px;
}

#webtextscroll  {
   overflow: auto;
   visibility: visible;
   position: absolute;
   left: 40px;
   top: 154px;
   z-index: 7;
   width: 249px;
   height: 317px;
}

#pid2webdesign  {
   margin: 0px auto 0px auto;
   width: 700px;
   position: relative;
}

#footermenu  {
   font: 8px/12px Arial, Helvetica, sans-serif;
   margin: 0px;
   height: 12px;
   padding: 0px;
   list-style: none;
   text-align: left;
   color: #CCCCCC;
   position: absolute;
   left: 38px;
   top: 630px;
   z-index: 5;
}

#mainmenu  {
   font: bold 14px/18px Verdana, sans-serif;
   margin: 0px;
   height: 18px;
   padding: 0px;
   list-style: none;
   text-align: right;
   color: #999999;
   position: absolute;
   left: 90px;
   top: 7px;
   z-index: 7;
}

#bkg2  {
   visibility: visible;
   position: absolute;
   left: 350px;
   top: 0px;
   z-index: 5;
   width: 350px;
   height: 334px;
   background-color: #000000;
   background-image: none;
}

#bkg4  {
   background: url(sg_packagedesign_media/bkg4.jpg) no-repeat;
   position: absolute;
   left: 0px;
   top: 333px;
   z-index: 3;
   width: 700px;
   height: 334px;
}

#bkg1  {
   background: url(sg_packagedesign_media/bkg1.jpg) no-repeat;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 6;
   width: 700px;
   height: 339px;
}

#bkg3  {
   background: url(sg_packagedesign_media/bkg3.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 333px;
   z-index: 4;
   width: 350px;
   height: 334px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #000000;
}

