.offerings
{position: relative; top: 5px; width: 400px; height: 150px; left: 0px; margin: 5px 0px 10px 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/}

.offerings ul
{margin: 0; padding: 0;}

.offerings li.selected
{position: absolute;}

.offerings li.selected a.dtone{ /*selected main tab style */
background: url('../siteimages/dtt1.jpg') -174px 0px no-repeat #fff;
color: #fff;}

.offerings li.selected a.pri{ /*selected main tab style */
background: url('../siteimages/pri.jpg') -174px 0px no-repeat #fff;
color: #fff;}

.offerings li.selected a.tone{ /*selected main tab style */
background: url('../siteimages/t1.jpg') -174px 0px no-repeat #fff;
color: #fff;}

.offerings li.selected a.pots{ /*selected main tab style */
background: url('../siteimages/toll.jpg') -174px 0px no-repeat #fff;
color: #fff;}

.offerings li.selected a:hover{ /*selected main tab style */
text-decoration: none;}


.offerings li{ display: inline; margin: 0;}

.offerings li a{ color:#fff; text-decoration: none;}

.offerings li a.dtone, .offerings li a:active.dtone
{position: absolute; width: 86px; height: 66px; top: 0px;  left:0px; background: url('../siteimages/dtt1.jpg') top left no-repeat; outline:0;}

.offerings li a.pri, .offerings li a:active.pri
{position: absolute; width: 86px; height: 66px; top: 66px; left:86px; background: url('../siteimages/pri.jpg') top left no-repeat; outline:0;}

.offerings li a.tone, .offerings li a:active.tone
{position: absolute; width: 86px; height: 66px; top: 0px; left: 172px; background: url('../siteimages/t1.jpg') top left no-repeat; outline:0;}

.offerings li a.pots, .offerings li a:active.pots
{position: absolute; width: 86px; height: 66px; top: 66px; left: 258px; background: url('../siteimages/toll.jpg') top left no-repeat; outline:0;}

.offerings li a:hover.dtone
{background: url('../siteimages/dtt1.jpg') -87px 0 no-repeat;}

.offerings li a:hover.pri
{background: url('../siteimages/pri.jpg') -87px 0 no-repeat;}

.offerings li a:hover.tone
{background: url('../siteimages/t1.jpg') -87px 0 no-repeat;}

.offerings li a:hover.pots
{background: url('../siteimages/toll.jpg') -87px 0 no-repeat;}

.offerings li a span {position: absolute; left: -9000px;}


/*Text Box ///////////////////////*/

.offertext
{position:absolute; width: 450px; margin-bottom: 10px; height: 200px; padding-left: 10px; background: url(../siteimages/voicetextbox.jpg) 0 0 no-repeat;}

#mainsection .pghead
{ position: relative; font: 1.2em/1.5em helvetica, "trebuchet ms", verdana, arial, sans-serif; color: #000; top: 10px; margin-bottom: 5px;}

#mainsection .voicetext
{ width: 350px; height: 170px; font: .8em/1.2em helvetica, "trebuchet ms", verdana, arial, sans-serif; color: #666; padding-left: 25px;  padding-top: 10px; background: url(../siteimages/voiceicon.gif) 0 5px no-repeat;}

#voicespacer
{position: relative; width:300px; height: 200px;}