/* GENERAL STYLES */
* {padding: 0; margin: 0;}
body {padding-top: 5px; text-align: center; background: #ebf4fd url(../images/bg.jpg) 0 0 repeat-x; font-family: Arial, helvetica, verdana, sans-serif; font-size: 15px; color: #333; }
p {line-height: 19px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left;}
.hide {display: none;}
.clear {clear: both; height: 1px;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #ff0000;}
.left49 {float: left; width: 49%;}
.right49 {float: right; width: 49%;}
li {list-style: none;}
.left {float: left;}
.right {float: right;}

/* LAYOUT */

#container {width: 974px; background: transparent url(../images/container.png) 0 0 repeat-y; text-align: left; margin: 0 auto; min-height: 400px; position: relative;}
#wrapper {background: transparent url(../images/footer.jpg) 0 100% no-repeat; padding-bottom: 200px; }
#home_page #wrapper {background: transparent url(../images/footer_home.jpg) 0 100% no-repeat;}
#strapline {margin-top: 20px; float: left;}
#logo {margin-left: 70px; float: left;}
#left_content {width: 490px; float: left; margin-left: 60px; padding-bottom: 60px; min-height: 500px;}
#home_page #left_content {padding-bottom: 0px;}
#mid_content {float: left; width: 180px; text-align: center;}
#right_content {float: right; width: 210px;}
#footer {clear: both; position: relative;}
#footer div.foot_holder {position: absolute; top: 60px; left: 60px; width: 950px;}
#footer div div {float: left;}
#beneath_nav {position: relative; top: 350px; text-align: right;}
#faqs ul {margin-left: 40px;}
#nextpage {margin: 20px 0 20px 20px;}

/* NAVIGATION */

#nav {float: right; background: url(../images/nav.gif) 0 0 no-repeat; height: 299px; overflow: hidden; position: absolute; right: -15px; margin-top: 15px;}
#nav ul {position: relative; width: 215px; height: 299px; margin: 0;}
#nav li a {position: absolute; top: 0;}
#nav li, #nav a { height: 34px; display: block; width: 200px;}	
#nav a {text-indent: -9999px;}

#nav li a#nav_1 {top: 0px;}
#nav li a#nav_2 {top: 37px;}
#nav li a#nav_3 {top: 75px;}
#nav li a#nav_4 {top: 113px;}
#nav li a#nav_5 {top: 151px;}
#nav li a#nav_6 {top: 189px;}
#nav li a#nav_7 {top: 227px;}
#nav li a#nav_8 {top: 265px;}

a:hover#nav_1, #home_page #nav_1 {background: transparent url(../images/nav.gif) -215px 0px no-repeat;}
a:hover#nav_2, #about_page #nav_2 {background: transparent url(../images/nav.gif) -215px -37px no-repeat;}
a:hover#nav_3, #faq_page #nav_3 {background: transparent url(../images/nav.gif) -215px -75px no-repeat;}
a:hover#nav_4, #testimonials_page #nav_4 {background: transparent url(../images/nav.gif) -215px -113px no-repeat;}
a:hover#nav_5, #guarantee_page #nav_5 {background: transparent url(../images/nav.gif) -215px -151px no-repeat;}
a:hover#nav_6, #facts_page #nav_6 {background: transparent url(../images/nav.gif) -215px -189px no-repeat;}
a:hover#nav_7, #login_page #nav_7 {background: transparent url(../images/nav.gif) -215px -227px no-repeat;}
a:hover#nav_8, #ready_page #nav_8 {background: transparent url(../images/nav.gif) -215px -265px no-repeat;}

/* TEXT */

#logo h2 a {display: block; width: 109px; height: 108px; text-indent: -9999px; background: transparent url(../images/logo.jpg) 0 0 no-repeat;}
h2, h3 {font-size: 17px; margin: 10px 0; font-weight: normal; color: #06f;}
h3 {font-size: 16px; margin-left: 20px;}
#strapline h1 {display: block; width: 499px; height: 128px; text-indent: -9999px; background: transparent url(../images/strapline.gif) 0 0 no-repeat;}
img.profile {padding: 4px; border: 1px solid #999;}
.blue {color: #00c;}
.orange {color: #ff9800;}
.white {color: #fff;}
.smaller {font-size: 12px;}
p span.small {font-size: 11px;}
#right_content iframe {margin-right: 20px;}
#left_content iframe {margin-left: 40px;}
#footer ul li {margin-left: 10px; line-height: 19px; padding-left: 20px; background: transparent url(../images/li.gif) 0 5px no-repeat;}
#footer ul li a {color: #fff; text-decoration: none; font-size: 12px;}
#footer ul li a:hover, #footer ul li a:active {color: #fff; text-decoration: underline;}
#left_content li, #faqs li {margin-left: 20px; list-style: none; line-height: 24px;}
#faqs li {font-size: 12px; line-height: 19px; margin-left: 5px;}
#faqs p {font-size: 12px; line-height: 19px;}
#faqs div, #left_content blockquote {background: #eaeaea; padding: 5px; margin: 5px;}
#faqs blockquote {background: #fff; padding: 5px; margin: 10px;}
p.centre {text-align: center;}
#mid_content h2 {color: #06f;}
#left_content h2 {margin-left: 10px; color: #000; text-decoration:underline;}
ul.chapters li {font-size: 13px; margin: 6px 8px 6px 0;}
#book_page  ul.chapter li {font-size:11px;}
#about_page #mid_content {text-align:left;}
#credits p, #credits a {color: #cccccc!important; text-transform:uppercase; font-size: 11px; text-decoration:none;}
#hub_page table a {color: #0000FF!important;}

/* FORMS */

fieldset {border: none;}
fieldset div {display: block; margin:  10px 20px;}
label {display: block; font-size: 12px; color: #ff0000;}
fieldset input {font-size: 18px; height: 28px; border: 1px solid #ccc; margin: 10px;}
fieldset select, fieldset textarea {margin: 10px;}
fieldset textarea {height: 80px; width: 150px; border:1px solid #ccc; width: 230px;}
input#submit {width: 150px; height: 40px; color: #333; border: 1px solid #ccc; background-color: #eaeaea; margin: 0 10px;}