/* Global HTML tags */
body {background: #546573 url(images/bg.jpg) top center no-repeat;  font-family: Tahoma; font-size: 13px; line-height: 20px; padding-bottom: 20px;}
label {width:80px;display: block;}
table tr {height:30px;}
input {padding:2px;}
textarea {width:300px; height:100px; font-family: Tahoma; font-size:13px; padding:4px;}
a {color:#18677b;}
a:visited {color: #18677b;}
a:hover {color:#6e9caf;}
a.m {text-decoration: none; cursor: pointer;}

/* IDs */
#bb {background: url(images/bb.jpg) top left no-repeat; display: block; width: 651px; height: 269px; margin: 0px; position: relative;}
#bb h1 {background: transparent url(images/heading_welcome3.png) 40px 20px no-repeat; height:76px; margin: 0px; padding-top:10px; text-indent: -9999px;}
#bb p {margin-left:220px; width:430px;line-height: 18px;}
#bb p.two {margin-left:250px; width:390px;line-height: 18px;}
#bumps {position: absolute; bottom:10px; right:5px;color:#FFF;}
#bumps a, #foot a {color: #FFF; text-decoration: underline;}
#bumps a:hover, #foot a:hover {color: #a4ddf4;}
#buy {margin-left:425px; margin-top:-13px;}
.buy2 {margin-left:175px;}
#container {width:960px; margin: 0px auto; display:block; background: #ededed url(images/bg_container.jpg) 0px 0px repeat-y;}
#content { display: block; width: 651px; margin: 0px; }
#corner {background: url(images/nav_corner.jpg) 0px 0px no-repeat; width:30px; height:23px;}
#innercontent {width:580px; margin-left:60px;}
#innercontent p {line-height: 22px; }
#innercontent p.ho {width:365px;}
#foot {background: url(images/foot.jpg) 0px 0px no-repeat; width:960px;  margin: 0px auto; display: block; text-align: center; color: #FFF; padding-top:0px; padding-bottom:0px;}
#left {width:651px;float: left; padding-bottom: 45px; position: relative;}
#right {width:309px;float:right; padding-bottom: 20px; }
#logo { width:960px; margin: 0px auto; position: relative; }
#tests p {margin-left:10px; padding-left: 10px; margin-bottom:10px; padding-bottom: 10px; margin-right: 5px; background: url(images/splitter.jpg) bottom left no-repeat;}
#quote {width:900px; margin-left: 50px; margin-right: auto; position: relative; top:-10px;}
#tests p:hover span.face{background-position: 0px -50px;}
#tests p:hover a {color:#6e9caf;}
#fulist li {list-style-image: url(images/checkbox.jpg);}
#fulist li:hover {list-style-image: url(images/checkbox2.jpg); cursor: default;}

/* Classes */
.btn {text-indent: -9999px;}
.buynow {background: url(images/btn_buy.png) 0px 0px no-repeat; width:183px; height:40px; display: block;}
.buyitnow {background: url(images/btn_buy.png) 0px 0px no-repeat; width:460px; height:40px; display: block;}
.face {float:left; margin-right:10px;margin-top:7px; width:50px; height:50px; background: url(images/tface.jpg) 0px 0px no-repeat;}
.face2 {float:left; margin-right:10px;margin-top:0px; width:110px; height:105px; background: url(images/tface.jpg) 0px 0px no-repeat;}
.face3 {float:left; margin-right:10px;margin-top:0px; width:75px; height:88px; background: url(images/dface.jpg) 0px 0px no-repeat; border:1px solid #dadada;}
.logo {background: url(images/logo2.png) 0px 0px no-repeat; height:57px; width:241px; display: block; text-indent: -9999px;margin:15px 0px 5px 50px;}
.oops {color:#c10000;}
.side {margin-left:10px; padding-left: 10px; margin-bottom:10px; padding-bottom: 10px; margin-top:0px; }
.shiftright {margin-left:20px; display: block;}
.te {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #dadada; background: url(images/closequote.jpg) right bottom no-repeat; }
.te p {text-indent: 40px; background: url(images/quote.jpg) 80px 0px no-repeat;}
.testauthor {margin-left: 20px; margin-top:10px; display: block; font-style: italic; clear:left;}
.side img {border-top: 1px solid #bababa;border-left: 1px solid #bababa;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.vidDiv p {width:200px; margin-right: 20px;}
.footquote {float:right; margin-top:8px;}
.sideface {width:50px; height:50px;border-top: 1px solid #bababa;border-left: 1px solid #bababa;border-right: 1px solid #fff;border-bottom: 1px solid #fff; overflow:hidden;}
.hide {visibility: hidden; display: none;}
/*  Page Headings */
h2#about {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_about.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#buy {margin:0px;height:75px; width:309px; background: url(images/heading_buy.jpg) 0px 0px no-repeat; text-indent: -9999px;}
h2#audio {margin:0px;height:85px; width:309px; background: url(images/heading_audio.jpg) 0px 0px no-repeat; text-indent: -9999px;}
h2#audio2 {margin:0px; margin-left:5px; height:30px; width:240px; background: url(images/heading_audio2.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#bonus {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_bonus.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#buynow {margin:0px;height:30px; width:309px; background: url(images/heading_buynow.png) 0px 0px no-repeat; text-indent: -9999px; }
h2#contact {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_contact.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#info {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_info.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#intro {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_intro.jpg) 0px 0px no-repeat; text-indent: -9999px;}
h2#news {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_news.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#privacy {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_privacy.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#store {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_store.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#terms {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_terms.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#test {margin:0px; margin-left:50px; height:30px; width:240px; background: url(images/heading_test.png) 0px 0px no-repeat; text-indent: -9999px;}
h2#testimonials {margin:0px;height:30px; width:309px; background: url(images/heading_test_side.jpg) 0px 0px no-repeat; text-indent: -9999px; }
h2#video {margin:0px;height:30px; width:309px; background: url(images/heading_video2.png) 5px 0px no-repeat; text-indent: -9999px;}

/* Navigation */
#navigation { display: block; width:960px; height:47px;  margin: 0px; padding: 0px; background: url(images/nav2.jpg);}
#navlist {list-style: none; padding-left: 0px; margin-left: 30px; width:930px;  }
#navlist li, .fadein li {display:block;float:left; margin: 0px; text-align: left; width:auto; text-indent: -9999px;}
#navlist a .hover {  height: 47px; position: relative; top:0px;	display: block; background: url(images/nav2.jpg) no-repeat; cursor: pointer;}
a.home {height:47px; width:99px; background: url(images/nav2.jpg) -30px 0px no-repeat; display: block; }
#navlist .highlight a.home:hover, #navlist a.home .hover {background-position: -30px -94px; cursor: pointer;}
.about {height:47px; width:174px; background: url(images/nav2.jpg) -130px 0px no-repeat; display: block; }
#navlist .highlight a.about:hover, #navlist a.about .hover  {background-position: -130px -94px; cursor: pointer;}
.store {height:47px; width:119px; background: url(images/nav2.jpg) -304px 0px no-repeat; display: block; }
#navlist .highlight a.store:hover, #navlist a.store .hover  {background-position: -304px -94px; cursor: pointer;}
.info {height:47px; width:180px; background: url(images/nav2.jpg) -424px 0px no-repeat; display: block; }
#navlist .highlight a.info:hover, #navlist a.info .hover  {background-position: -424px -94px; cursor: pointer;}
.news {height:47px; width:177px; background: url(images/nav2.jpg) -600px 0px no-repeat; display: block; }
#navlist .highlight a.news:hover, #navlist a.news .hover  {background-position: -600px -94px; cursor: pointer;}
.bonus {height:47px; width:181px; background: url(images/nav2.jpg) -779px 0px no-repeat; display: block; }
#navlist .highlight a.bonus:hover, #navlist a.bonus .hover  {background-position: -779px -94px; cursor: pointer;}

/* FADES */
#navlist a *, .fadein a *, .fade a *, .fade2 a * {  display: none; }
 .fadein, .fade, .fade2 {list-style: none;margin: 0px; padding: 0px;}
.fade li, .fade2 li {display: block; }
.btndownload {width:135px; height: 32px; display: block; background: url(images/btn_download.png) 0px 0px no-repeat; text-indent: -9999px;border: 0px;}
.submit {width:135px; height: 32px; display: block; background: url(images/btn_sendmessage.png) 0px 0px no-repeat; text-indent: -9999px;border: 0px; cursor: pointer;}
.submit:hover {width:135px; height: 32px; display: block; background: url(images/btn_sendmessage.png) 0px -33px no-repeat; text-indent: -9999px;border: 0px;}
.dlacrobat {width:204px; height: 48px; display: block; background: url(images/logo_acrobat.jpg) 0px 0px no-repeat;}
.fadein.highlight a.buynow:hover, .fadein a.buynow .hover {background: url(images/btn_buy.png) 0px -42px no-repeat; width:183px; height:40px; display: block;cursor: pointer;}
.fadein.highlight a.buyitnow:hover, .fadein a.buyitnow .hover {background: url(images/btn_buyit.png) 0px -42px no-repeat; width:460px; height:40px; display: block;cursor: pointer;}
.fade.highlight a.logo:hover, .fade a.logo .hover {background: url(images/logo2.png) 0px -57px no-repeat; width:241px; height:57px; display: block;cursor: pointer;}
.fade.highlight a.btndownload:hover, .fade a.btndownload .hover {width:135px; height: 32px; display: block; background: url(images/btn_download.png) 0px -33px no-repeat; text-indent: -9999px;border: 0px;cursor: pointer;}
.buysmall {margin-left: 140px; margin-top:-10px; display: block;width:135px; height: 32px; display: block; background: url(images/btn_buynow_sm.png) 0px 0px no-repeat; text-indent: -9999px;border: 0px;}
.fade.highlight a.buysmall:hover, .fade a.buysmall .hover {width:135px; height: 32px; display: block; background: url(images/btn_buynow_sm.png) 0px -33px no-repeat; text-indent: -9999px;border: 0px;cursor: pointer;}
.fade.highlight a.dlacrobat:hover, .fade a.dlacrobat .hover {width:204px; height: 48px; display: block; background: url(images/logo_acrobat.jpg) 0px -50px no-repeat;cursor: pointer; }
.clearleft {clear: left; padding-bottom: 10px;}
.buysmall2 {margin-top:-10px; display: block;width:135px; height: 32px; display: block; background: url(images/btn_buynow_sm.png) 0px 0px no-repeat; text-indent: -9999px;border: 0px;}
.fade.highlight a.buysmall2:hover, .fade a.buysmall2 .hover {width:135px; height: 32px; display: block; background: url(images/btn_buynow_sm.png) 0px -33px no-repeat; text-indent: -9999px;border: 0px;cursor: pointer;}




