
A.hLink:link, A.hLink:visited, A.hLink:active { color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; font-stretch: semi-condensed; text-decoration: none }
A.hLink:hover { color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; font-stretch: semi-condensed; text-decoration: underline }
A.hLinkActive:link, A.hLinkActive:visited, A.hLinkActive:active, A.hLinkActive:hover { color: maroon; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; font-stretch: semi-condensed; text-decoration: none }
A.pLink:link, A.pLink:visited, A.pLink:active { color: red; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 12px; text-decoration: none }
A.pLink:hover { color: white; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 12px; text-decoration: underline }
A.pLinkActive:link, A.pLinkActive:visited, A.pLinkActive:active, A.pLinkActive:hover { color: maroon; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 12px; text-decoration: none }
A.wLink:link, A.wLink:visited, A.wLink:active { color: silver; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 10px; font-stretch: semi-condensed; text-decoration: none }
A.wLink:hover { color: red; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 10px; font-stretch: semi-condensed; text-decoration: underline }
A.wLinkActive:link, A.wLinkActive:visited, A.wLinkActive:active, A.wLinkActive:hover { color: gray; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 10px; font-stretch: semi-condensed; text-decoration: none }
A.eLink:link, A.eLink:visited, A.eLink:active { color: red; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 10px; font-stretch: semi-condensed; text-decoration: none }
A.eLink:hover { color: #3399cc; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 10px; font-stretch: semi-condensed; text-decoration: underline }
A.eLinkActive:link, A.eLinkActive:visited, A.eLinkActive:active, A.eLinkActive:hover { color: gray; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 10px; font-stretch: semi-condensed; text-decoration: none }
A.bbLink:link, A.bbLink:visited, A.bbLink:active { color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none }
A.bbLink:hover { color: #ccc; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline }
A.bbLinkActive:link, A.bbLinkActive:visited, A.bbLinkActive:active, A.bbLinkActive:hover { color: maroon; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none }
.tbt1    { color: red; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 16px; font-stretch: semi-condensed; text-decoration: none }
.tbt2     { color: gray; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; font-stretch: semi-condensed; text-decoration: none }
.hdr4  { color: white; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.hpt  { color: #ccc; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 16px }
.gt    { color: #333; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 12px; text-decoration: none }
.gtb    { color: red; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 12px; text-decoration: none }
.gtm    { color: maroon; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 12px; text-decoration: none }
.et { color: red; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline }
.ct { color: silver; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }
.cthdr { color: silver; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }
.bbt   { color: gray; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 16px; text-decoration: none }

.bbtred   { color: red; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 16px; text-decoration: none }
.webhdr { color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }
.hdr1 { color: maroon; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-stretch: semi-condensed }
.dshdr2 { color: silver; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-stretch: semi-condensed }
.dshdr1 { color: red; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-stretch: semi-condensed }
.ot { color: silver; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 16px }
.dest { color: maroon; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px }
.destb { color: maroon; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px }
.destbul { color: maroon; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; text-decoration: underline }

/* used on most pages */
#esf { background-color: #000; visibility: visible; position: absolute; z-index: 10; top: 470px; left: 110px; width: 100px; height: 155px }
#bk { background-color: #000; visibility: visible; position: absolute; top: 0; left: 100px; width: 684px; height: 775px }
#bb { visibility: visible; position: absolute; z-index: 2; top: 725px; left: 155px; width: 365px; height: 50px }
#rs { visibility: visible; position: absolute; top: 54px; left: 60px; width: 100px; height: 40px }
#rv { background-image: url(../images/redvert1px.gif); visibility: visible; position: absolute; top: 94px; left: 60px; width: 6px; height: 400px }
#tb { visibility: visible; position: absolute; top: 10px; left: 0; width: 684px; height: 18px }
#logo { visibility: visible; position: absolute; top: 40px; left: 140px; width: 400px; height: 151px }

/* used on all pages except sm1,2, originals, tpic1-3 */
#lgrad2    { background-image: url(../images/lgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 82px; width: 18px; height: 775px }
#rgrad2    { background-image: url(../images/rgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 784px; width: 18px; height: 775px }
#botgrad2   { background-image: url(../images/botgrad_1.jpg); visibility: visible; position: absolute; z-index: 1; top: 773px; left: 82px; width: 720px; height: 30px }

/* used on tpic1,tpic2, tpic3 pages */
#botgrad3 { background-image: url(../images/botgrad_1.jpg); visibility: visible; position: absolute; z-index: 1; top: 833px; left: 82px; width: 720px; height: 30px }
#rgrad3 { background-image: url(../images/rgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 784px; width: 18px; height: 833px }
#lgrad3 { background-image: url(../images/lgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 82px; width: 18px; height: 833px }
/* specific to about index */
#abpic { visibility: visible; position: absolute; top: 185px; left: 155px; width: 365px; height: auto }
#abtext  { background-color: #000; visibility: visible; position: absolute; z-index: 2; top: 340px; left: 155px; width: 365px; height: auto }

/* specific to contact index */
#context    { background-color: #000; visibility: visible; position: absolute; z-index: 2; top: 300px; left: 267px; width: 253px; height: auto }
#contact { visibility: visible; position: absolute; top: 185px; left: 155px; width: 365px; height: auto }

/* specific to copyright index */
#copyright { visibility: visible; position: absolute; top: 180px; left: 155px; width: 365px; height: auto }

/* specific to design index */
#gbdes    { background-color: #ccc; visibility: visible; position: absolute; top: 185px; left: 155px; width: 365px; height: 520px }
#despic      { visibility: visible; position: absolute; top: 320px; left: 0; width: 365px; height: 200px }
#destext  { background-color: #ccc;visibility: visible; position: absolute; z-index: 2; top: 10px; left: 10px; width: 345px; height: 190px }

/* specific to dyesub index */
#dst      { visibility: visible; position: absolute; top: 635px; left: 454px; width: 166px; height: 47px }
#dshdr    { visibility: visible; position: absolute; top: 200px; left: 261px; width: 259px; height: 40px }
#dsm   { visibility: visible; position: absolute; top: 635px; left: 270px; width: 65px; height: 70px }
#dstext { background-color: #000; visibility: visible; position: absolute; z-index: 2; top: 415px; left: 155px; width: 365px; height: 220px }
#dspic   { visibility: visible; position: absolute; top: 255px; left: 155px; width: 365px; height: 150px }

/* specific to homepage - index html */
#hpicb     { visibility: visible; position: absolute; top: 540px; left: 160px; width: 367px; height: 171px }
#hpict { visibility: visible; position: absolute; top: 185px; left: 155px; width: 365px; height: auto }
#htext { background-color: #000; visibility: visible; position: absolute; z-index: 2; top: 340px; left: 155px; width: 365px; height: auto }

/* specific to originals index */
#rvorig      { background-image: url(../images/redvert1px.gif); visibility: visible; position: absolute; top: 94px; left: 60px; width: 6px; height: 1300px }
#b2torig    { visibility: visible; position: absolute; top: 1400px; left: 10px; width: 100px; height: 100px }
#bborig    { background-color: #000; visibility: visible; position: absolute; top: 1420px; left: 115px; width: 510px; height: 138px }
#orighdr    { background-color: #ccc; visibility: visible; position: absolute; z-index: 3; top: 80px; left: 71px; width: 364px; height: auto }
#originals        { background-color: #ccc; visibility: visible; position: absolute; top: 180px; left: 115px; width: 510px; height: 700px }
#viz   { background-color: #ccc; visibility: visible; position: absolute; z-index: 2; top: 164px; left: 71px; width: 370px; height: 519px }
#gborig      { background-color: #ccc; visibility: visible; position: absolute; top: 880px; left: 115px; width: 510px; height: 535px }
#bkorig  { background-color: #000; visibility: visible; position: absolute; z-index: 2; top: 0; left: 100px; width: 684px; height: 1575px }
#rgradorig { background-image: url(../images/rgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 784px; width: 18px; height: 1575px }
#lgradorig { background-image: url(../images/lgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 82px; width: 18px; height: 1575px }
#botgradorig  { background-image: url(../images/botgrad_1.jpg); visibility: visible; position: absolute; z-index: 1; top: 1573px; left: 82px; width: 720px; height: 30px }

/* specific to sm1,2 html */
#gbsm          { background-color: #ccc; visibility: visible; position: absolute; top: 410px; left: 115px; width: 510px; height: 680px }
#rvsm     { background-image: url(../images/redvert1px.gif); visibility: visible; position: absolute; top: 94px; left: 60px; width: 6px; height: 950px }
#b2tsm   { visibility: visible; position: absolute; top: 1050px; left: 10px; width: 100px; height: 100px }
#bbsm  { background-color: #000; visibility: visible; position: absolute; top: 100%; left: 0; width: 510px; height: 20px }
#smhdr   { background-color: #ccc; visibility: visible; position: absolute; z-index: 3;top: 80px; left: 71px; width: 364px; height: auto }
#originalssm   { background-color: #ccc; visibility: visible; position: absolute; top: 180px; left: 115px; width: 510px; height: 230px }
#bksm   { background-color: #000; visibility: visible; position: absolute; top: 0; left: 100px; width: 684px; height: 1150px }
#rgradsm  { background-image: url(../images/rgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 784px; width: 18px; height: 1150px }
#lgradsm  { background-image: url(../images/lgrad18.jpg); visibility: visible; position: absolute; z-index: 1; top: 0; left: 82px; width: 18px; height: 1150px }
#botgradsm { background-image: url(../images/botgrad_1.jpg); visibility: visible; position: absolute; z-index: 1; top: 1148px; left: 82px; width: 720px; height: 30px }

/* specific to tiles html */
#pdf    { visibility: visible; position: absolute; top: 575px; left: 555px; width: 100px; height: 100px }
#mugt   { visibility: visible; position: absolute; top: 435px; left: 555px; width: 100px; height: 100px }
#bbt { visibility: visible; position: absolute; top: 735px; left: 155px; width: 365px; height: 20px }
#gbt { background-color: #ccc; visibility: visible; position: absolute; top: 180px; left: 155px; width: 365px; height: 550px }
#mural { visibility: visible; position: absolute; top: 88px; left: 22px; width: 160px; height: 143px }
#shell { visibility: visible; position: absolute; top: 88px; left: 182px; width: 160px; height: 143px }
#tiletext1 { visibility: visible; position: absolute; z-index: 2; top: 235px; left: 22px; width: 150px; height: 257px }
#tiletext2  { visibility: visible; position: absolute; z-index: 2; top: 378px; left: 192px; width: 150px; height: 150px }
#tcreations { visibility: visible; position: absolute; top: 0; left: 2px; width: 365px; height: 100px }
#redcross   { visibility: visible; position: absolute; top: 140px; left: 59px; width: 245px; height: 230px }
#aga { visibility: visible; position: absolute; top: 241px; left: 182px; width: 160px; height: 143px }

/* specific to tpic1,2,3 html */
#closewin { background-color: #000; visibility: visible; position: absolute; top: 470px; left: 10px; width: 100px; height: 127px }
#bktpic { background-color: #000; visibility: visible; position: absolute; top: 0; left: 100px; width: 684px; height: 835px }
#gbtpic { background-color: #ccc; visibility: visible; position: absolute; top: 180px; left: 155px; width: 365px; height: 615px }
#gbtpic2 { background-color: #ccc; visibility: visible; position: absolute; top: 180px; left: 155px; width: 365px; height: 536px }
#tpic3text   { background-color: #ccc;visibility: visible; position: absolute; z-index: 2; top: 505px; left: 10px; width: 345px; height: 100px }

















