body.work {width: 100%; font-family: Century Gothic; font-size:24; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/danhess.gif"); background-color: black; background-repeat: repeat; align: center; background-position: 50% 0% }
body.start {width: 100%; font-family: Century Gothic; font-size:42; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/starz2.gif"); background-color: black; background-repeat: repeat }
body.payment {width: 100%; font-family: Century Gothic; font-size:24; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/purp3.jpg"); background-color: black; background-repeat: repeat; align: center; background-position: 50% 0% }
body.pdt {width: 100%; font-family: Century Gothic; font-size:24; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/purp3.jpg"); background-color: black; background-repeat: repeat }
body.zhspdt {width: 100%; font-family: Verdana; font-size:24; color: black; background-image: url("http://www.toroscope.com/ussdeyo/notebook4.gif"); background-color: white; background-repeat: repeat }


.title {position: absolute; top:25; left: 0; width:100%}
.title2 {position: absolute; top:250; left: 0; width:100%}
.content {position: absolute; top: 200; left: 165; width: 65%; font-family: Century Gothic; font-size: 16; color: yellow}
.content2 {position: absolute; top: 450; left: 340; width: 45%; font-family: Century Gothic; font-size: 16; color: yellow}
.response2 {position: absolute; top: 250; left: 165; width: 65%; font-family: Century Gothic; font-size: 24; font-weight: bold; color: yellow}

.one {position: absolute; top: 0%; left: 5%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}
.two {position: absolute; top: 30%; left: 10%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}
.three {position: absolute; top: 60%; left: 22%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}
.four {position: absolute; top: 60%; left: 44%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}
.five {position: absolute; top: 60%; left: 65%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}
.six {position: absolute; top: 30%; left: 74%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}
.seven {position: absolute; top: 0%; left: 79%; width: 150px; height:150px; font-family: Century Gothic; font-size: 12; color: yellow; background-image: url("http://www.toroscope.com/webdesign/resources/images/circlerotate.gif"); background-repeat: no-repeat; background-position: 50% 0%; z-index:2}

a.navlinkup:link    { font-family:Century Gothic;font-size:12pt;color:yellow }
a.navlinkup:visited { font-family:Century Gothic;font-size:12pt;color:cyan }
a.navlinkup:active  { font-family:Century Gothic;font-size:12pt;color:white; font-weight:bold }
a.navlinkup:hover   { font-family:Century Gothic;font-size:12pt;color:white;text-decoration:underline }

a.navlinkpay:link    { font-family:Century Gothic;font-size:10pt;color:yellow }
a.navlinkpay:visited { font-family:Century Gothic;font-size:10pt;color:cyan }
a.navlinkpay:active  { font-family:Century Gothic;font-size:10pt;color:white; font-weight:bold }
a.navlinkpay:hover   { font-family:Century Gothic;font-size:10pt;color:white;text-decoration:underline }