/* 

-------------- Colours Scheme --------------

#FFFFFF - Main Font colour & a:link White
#DF6E1B - a:hover Orange
#202020 - Background Dark Grey
#484848 - Footer Grey

*/

/* ----------------------------------------------
                Global Classes
---------------------------------------------- */

body {
        font-family: verdana, Lucida Grande, sans-serif;
        font-size: 8pt;
        letter-spacing: 1px;
        background: #202020 url('images/bg.jpg') top center no-repeat;
        color: #FFFFFF;
        margin: 0;
}

img { border: 0; }

a {
                color: #FFFFFF;
                text-decoration: underline;
}

a:hover{ color: #DF6E1B; }

h1 {
                margin: 0;
                padding: 0;
                text-align: right;
}

hr {
        color: #C15F17;
        background-color: #C15F17;
        height: 1px;
        border: 0;
        width: 90%;
}

.clear { clear: both; }

.right { float: right }

.big { font-size: 14pt; }

.subscribe {
        text-align: center;
        font-style: italic;
        letter-spacing: 0;
        padding: 0 0 10px 0;
        border: 1px #2F2F2F dashed;
}

/* ----------------------------------------------
                Page-width Classes
---------------------------------------------- */

#mainWrapper {
        width: 878px;
        margin: 0 auto;
}

#contentWrapper {
        width: 792px;
        margin: -50px auto;
        margin-bottom: 50px;
        margin-left: 40px;
}

/* -----------------------------------------------
                Top Classes
----------------------------------------------- */

#headerWrap {
                background: url('images/header.png') top center no-repeat;
                width: 878px;
                height: 388px;
}

#header {
                background: url('images/header_bg.png') top center no-repeat;
                height: 336px;
}

#logo {
                margin-left: 40px;
}

/* -----------------------------------------------
                Navigation Classes
----------------------------------------------- */

ul#navigation {
        float: left;
        width: 760px;
        height: 28px;
        text-indent: -9009px;
        position: relative;
        list-style: none;
        background: url('images/navigation_bg.jpg') no-repeat;
        margin: 8px 0 0 60px;
        padding: 0;
}

li#navHome a, li#navNews a, li#navBooks a, li#navAuthor a, li#navPress a, li#navGallery a, li#navShop a, li#navContact a, li#navLinks a {
                background: transparent;
                position: absolute;
                height: 28px;
                margin-top: 1px;
                top: 0px;
}

li#navHome a {
                background: url('images/navHome.gif') no-repeat;
                left: 5px;
                width: 42px;
}

li#navNews a {
                background: url('images/navNews.gif') no-repeat;
                left: 72px;
                width: 59px;
}

li#navBooks a {
                background: url('images/navBook.gif') no-repeat;
                left: 149px;
                width: 75px;
}

li#navAuthor a {
                background: url('images/navAuthor.gif') no-repeat;
                left: 244px;
                width: 90px;
}

li#navPress a {
                background: url('images/navPress.gif') no-repeat;
                left: 365px;
                width: 46px;
}

li#navGallery a {
                background: url('images/navGallery.gif') no-repeat;
                left: 435px;
                width: 75px;
}

li#navShop a {
                background: url('images/navShop.gif') no-repeat;
                left: 535px;
                width: 39px;
}

li#navContact a {
                background: url('images/navContact.gif') no-repeat;
                left: 595px;
                width: 76px;
}

li#navLinks a {
                background: url('images/navLinks.gif') no-repeat;
                left: 689px;
                width: 41px;
}

li#navHome a:hover, li#navNews a:hover, li#navBooks a:hover, li#navAuthor a:hover, li#navPress a:hover, li#navGallery a:hover, li#navShop a:hover, li#navContact a:hover, li#navLinks a:hover { background-position: 0 -28px; }

ul#navigation li ul li {
       height: 20px;
       position: relative;
}

ul#navigation li ul {
        position: absolute;
        left: -45px; /* Set 1px less than menu width */
        top: 25px;
        display: none;
        list-style-type: none;
}

ul#navigation li ul li a { padding: 2px 5px; border: 1px #ffffff solid; } /* Sub Menu Styles */

/* Styles for Menu Items */
ul#navigation ul li a {
        display: block;
        text-decoration: none;
        color: #000000;
        font-weight: bold;
        background: #FFFFFF; /* IE6 Bug */
        width: 140px;
        text-indent: 0px;
        letter-spacing: 0px;
        height: 15px;
        z-index: 500;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#navigation ul li { float: left; height: 1%; }
* html ul#navigation ul li a { height: 1%; }
/* End */

ul#navigation ul li a:hover { 
      color: #C15F17;
      background: #000000;
} /* Hover Styles */ 

ul#navigation li:hover ul ul,
ul#navigation li:hover ul ul ul,
ul#navigation li.iehover ul ul,
ul#navigation li.iehover ul ul ul {
                        display: none;
}

ul#navigation li:hover ul,
ul#navigation ul li:hover ul,
ul#navigation ul ul li:hover ul,
ul#navigation li.iehover ul,
ul#navigation ul li.iehover ul,
ul#navigation ul ul li.iehover ul {
                        display: block;
}

/* -----------------------------------------------
                Content Classes
----------------------------------------------- */

#content {
       float: left;
       width: 772px;
       min-height: 290px;
       padding: 5px 10px;
       padding-bottom: 40px;
}

.rcancel, .green { 
       text-align: center;
       font-size: 12pt;
       font-weight: bold;
       color: #FF2F2F;
}

.green { color: #1CBF00; }

/* -----------------------------------------------
                Home Classes
----------------------------------------------- */

#index, .indexLeft, .indexRight {
       float: left;
       font-family: Times New Roman, Times, serif;
       font-size: 10pt
}

#index { 
        width: 808px; 
        margin-left: -12px;
}

#index h2 {
        margin: 0;
        padding: 0;
        text-align: center;
}

.indexRight {
       width: 384px;
       height: 272px;
       color: #000000;
       background: url('images/index_right.jpg') top center no-repeat;
}

.indexRightContent {
       padding: 10px;
       height: 210px;
       overflow: hidden;
}

.indexRight .page {
       font-family: verdana, Lucida Grande, sans-serif;
       margin: 10px 20px;
}

/* -----------------------------------------------
                Book Classes
----------------------------------------------- */

ul#navBook {
        float: left;
        width: 760px;
        height: 40px;
        text-indent:-9009px;
        position: relative;
        list-style-type: none;
        background: url('images/book_bg.png') no-repeat;
        margin: 0;
        padding: 0;
}

li#navSample a, li#navAudio a {
                background: transparent;
                position: absolute;
                height: 40px;

}

li#navSample a {
                background: url('images/bookSample.png') no-repeat;
                left: 89px;
                width: 165px;
}

li#navAudio a {
                background: url('images/bookAudio.png') no-repeat;
                left: 258px;
                width: 164px;
}

li#navSample a:hover, li#navAudio a:hover { background-position: 0 -40px; }


/* -----------------------------------------------
                Author Classes
----------------------------------------------- */

img.authorRight {
        float: right;
        margin: 10px 0 10px 10px;
        border: 1px #FFFFFF solid;
}

.factFile {
        margin: 40px 10px;
}

.question {
        color: #EF6500;
        font-weight: bold;
        text-align: right;
        vertical-align: top;
}

/*----Interviews----*/

.italics {
        font-style: italic;
}

.interview {
        color: #EF6D0E;
}

/* -----------------------------------------------
                Gallery Classes
----------------------------------------------- */

#galleryLeft, #galleryRight {
        float: left;
        margin-top: 10px;
}

#galleryLeft {
        margin-left: -18px;
}

#gallery {
        margin-top: 30px;
        margin-left: -25px;
        padding: 150px;
        width: 480px;
        height: 300px;
        border: 20px #FFFFFF solid;
        background: url('images/gallerybg.jpg') top center no-repeat;
}

/* -----------------------------------------------
                Magazine Classes
----------------------------------------------- */

.magazine {
        float: left;
        width: 350px;
        height: 130px;
        padding: 10px;
        margin: 5px;
        background: #fa7321 url('images/magazine_bg.jpg') top center repeat-x;
}

.magazineDetail {
        float: right;
        width: 350px;
}

table.mag  { height: 70px; }

.mag td { vertical-align: text-top }

.magLeft { font-weight: bold; }

.magButton {
        width: 350px;
        text-align: center;
        margin-top: 15px;
}

/* -----------------------------------------------
                Sample Chapter Classes
----------------------------------------------- */

#sampleChapter {
        margin: 20px auto;
        padding: 20px 30px 30px 30px;
        color: #000000;
        width: 600px;
        background: #FEFCDC url('images/sample_chapter_bg.gif') repeat;
        font-family: Times New Roman, Times, serif;
        font-size: 11pt;
}

#sampleChapter h2 {
        margin: 0;
        padding: 0;
        font-size: 20pt;
        font-style: italic;
}

.page {
        float: right;
}

.page a {
        font-weight: bold;
        color: #DF6E1B;
}

.page a:hover {
        color: #000000;
}

/* -----------------------------------------------
                Shop Classes
----------------------------------------------- */

#shop { margin-top: 20px;}

#shopHead, #shopBottom, #shopContent {
        margin: 0 auto;
        width: 600px;
        height: 41px;
        background: url('images/shopHead.gif') top center no-repeat;
}

#shopContent {
       background-image: none;
       background-color: #ffffff;
}

#shopBottom { 
        float: left; 
        background: url('images/shopBottom.gif') top center no-repeat; 
}

#shopContent h2 {
      padding: 0;
      margin: 0 0 10px 0;
      color: #000000;
      text-align: center;
}

.product {
       float: left;
       background-color: #ffffff;
       padding: 20px;
}

.book {
       float: left;
       width: 270px;
       margin-right: 10px;
}

.price {
      float: left;
      width: 280px;
      color: #000000;
}

.price select {
      width: 280px;
}

.price input {
      margin: 5px 60px;
}

.paypal {
       float: right;
}

/* -----------------------------------------------
                Contact Classes
----------------------------------------------- */

#contactFormLeft {
      float: left;
      width: 420px;
}

.fform input, .fform select, #contactFormLeft input, #contactFormLeft textarea, .subscribe input {
      width: 370px;
      border: 1px #FFFFFF solid;
      background-color: #EFEFEF;
      padding: 4px;
}

.fform input.fSub, #contactFormLeft input.submit, .subscribe input.submit {
      float: right;
      margin: 8px 33px 0 0;
      padding: 4px;
      width: 80px;
      border: 0px;
      color: #cfcfcf;
      background-color: #484848;
}

.subscribe input {
      width: 200px;
}

.subscribe input.submit {
     float: none;
}

#contactFormLeft p {
      margin: 5px;
}

#contactFormRight {
      float: right;
      width: 350px;
      text-align: right;
}

#contactFormRight img {
      border: 1px #FFFFFF solid; 
      margin: 13px 25px 25px 25px;
}

.fform input, .fform select { margin: 10px 0; }

.fform input.fSub { float: none; }

.fform select { width: 380px; }

/* -----------------------------------------------
                Links Classes
----------------------------------------------- */

#links {
      margin: 20px auto;
      width: 590px;
}

.link {
      float: left;
      padding: 15px;
      text-align: center;
}

/* -----------------------------------------------
                Footer Classes
----------------------------------------------- */

#footerWrap {
        clear: both;
        background: #484848 url('images/footer_bg.jpg') top center repeat-x;
        height: 181px;
}

#footerLinks {
                margin-top: 30px;
                text-align: center;
                letter-spacing: 0px;
}

#footerLinks a {
                color: #CFCFCF;
                text-decoration: underline;
}

#footerLinks a:hover{
                color: #DF6E1B;
                text-decoration: none;
}

#footer {
                padding-top: 36px;
                width: 800px;
                background: url('images/footerPattern.jpg') bottom right no-repeat;
                margin: 0 auto;
                height: 145px;
                font-size: 8pt;
}

#gloversure {
                float: left;
                margin-top: 80px;
}

#copyright {
                float: right;
                margin-top: 35px;
                text-align: right;
}
/* 

-------------- Colours Scheme --------------

#FFFFFF - Main Font colour & a:link White
#DF6E1B - a:hover Orange
#202020 - Background Dark Grey
#484848 - Footer Grey

*/

/* ----------------------------------------------
                Global Classes
---------------------------------------------- */

body {
        font-family: verdana, Lucida Grande, sans-serif;
        font-size: 8pt;
        letter-spacing: 1px;
        background: #202020 url('images/bg.jpg') top center no-repeat;
        color: #FFFFFF;
        margin: 0;
}

img { border: 0; }

a {
                color: #FFFFFF;
                text-decoration: underline;
}

a:hover{ color: #DF6E1B; }

h1 {
                margin: 0;
                padding: 0;
                text-align: right;
}

hr {
        color: #C15F17;
        background-color: #C15F17;
        height: 1px;
        border: 0;
        width: 90%;
}

.clear { clear: both; }

.right { float: right }

.big { font-size: 14pt; }

.subscribe {
        text-align: center;
        font-style: italic;
        letter-spacing: 0;
        padding: 0 0 10px 0;
        border: 1px #2F2F2F dashed;
}

/* ----------------------------------------------
                Page-width Classes
---------------------------------------------- */

#mainWrapper {
        width: 878px;
        margin: 0 auto;
}

#contentWrapper {
        width: 792px;
        margin: -50px auto;
        margin-bottom: 50px;
        margin-left: 40px;
}

/* -----------------------------------------------
                Top Classes
----------------------------------------------- */

#headerWrap {
                background: url('images/header.png') top center no-repeat;
                width: 878px;
                height: 388px;
}

#header {
                background: url('images/header_bg.png') top center no-repeat;
                height: 336px;
}

#logo {
                margin-left: 40px;
}

/* -----------------------------------------------
                Navigation Classes
----------------------------------------------- */

ul#navigation {
        float: left;
        width: 760px;
        height: 28px;
        text-indent: -9009px;
        position: relative;
        list-style: none;
        background: url('images/navigation_bg.jpg') no-repeat;
        margin: 8px 0 0 60px;
        padding: 0;
}

li#navHome a, li#navNews a, li#navBooks a, li#navAuthor a, li#navPress a, li#navGallery a, li#navShop a, li#navContact a, li#navLinks a {
                background: transparent;
                position: absolute;
                height: 28px;
                margin-top: 1px;
                top: 0px;
}

li#navHome a {
                background: url('images/navHome.gif') no-repeat;
                left: 5px;
                width: 42px;
}

li#navNews a {
                background: url('images/navNews.gif') no-repeat;
                left: 72px;
                width: 59px;
}

li#navBooks a {
                background: url('images/navBook.gif') no-repeat;
                left: 149px;
                width: 75px;
}

li#navAuthor a {
                background: url('images/navAuthor.gif') no-repeat;
                left: 244px;
                width: 90px;
}

li#navPress a {
                background: url('images/navPress.gif') no-repeat;
                left: 365px;
                width: 46px;
}

li#navGallery a {
                background: url('images/navGallery.gif') no-repeat;
                left: 435px;
                width: 75px;
}

li#navShop a {
                background: url('images/navShop.gif') no-repeat;
                left: 535px;
                width: 39px;
}

li#navContact a {
                background: url('images/navContact.gif') no-repeat;
                left: 595px;
                width: 76px;
}

li#navLinks a {
                background: url('images/navLinks.gif') no-repeat;
                left: 689px;
                width: 41px;
}

li#navHome a:hover, li#navNews a:hover, li#navBooks a:hover, li#navAuthor a:hover, li#navPress a:hover, li#navGallery a:hover, li#navShop a:hover, li#navContact a:hover, li#navLinks a:hover { background-position: 0 -28px; }

ul#navigation li ul li {
       height: 20px;
       position: relative;
}

ul#navigation li ul {
        position: absolute;
        left: -45px; /* Set 1px less than menu width */
        top: 25px;
        display: none;
        list-style-type: none;
}

ul#navigation li ul li a { padding: 2px 5px; border: 1px #ffffff solid; } /* Sub Menu Styles */

/* Styles for Menu Items */
ul#navigation ul li a {
        display: block;
        text-decoration: none;
        color: #000000;
        font-weight: bold;
        background: #FFFFFF; /* IE6 Bug */
        width: 140px;
        text-indent: 0px;
        letter-spacing: 0px;
        height: 15px;
        z-index: 500;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#navigation ul li { float: left; height: 1%; }
* html ul#navigation ul li a { height: 1%; }
/* End */

ul#navigation ul li a:hover { 
      color: #C15F17;
      background: #000000;
} /* Hover Styles */ 

ul#navigation li:hover ul ul,
ul#navigation li:hover ul ul ul,
ul#navigation li.iehover ul ul,
ul#navigation li.iehover ul ul ul {
                        display: none;
}

ul#navigation li:hover ul,
ul#navigation ul li:hover ul,
ul#navigation ul ul li:hover ul,
ul#navigation li.iehover ul,
ul#navigation ul li.iehover ul,
ul#navigation ul ul li.iehover ul {
                        display: block;
}

/* -----------------------------------------------
                Content Classes
----------------------------------------------- */

#content {
       float: left;
       width: 772px;
       min-height: 290px;
       padding: 5px 10px;
       padding-bottom: 40px;
}

.rcancel, .green { 
       text-align: center;
       font-size: 12pt;
       font-weight: bold;
       color: #FF2F2F;
}

.green { color: #1CBF00; }

/* -----------------------------------------------
                Home Classes
----------------------------------------------- */

#index, .indexLeft, .indexRight {
       float: left;
       font-family: Times New Roman, Times, serif;
       font-size: 10pt
}

#index { 
        width: 808px; 
        margin-left: -12px;
}

#index h2 {
        margin: 0;
        padding: 0;
        text-align: center;
}

.indexRight {
       width: 384px;
       height: 272px;
       color: #000000;
       background: url('images/index_right.jpg') top center no-repeat;
}

.indexRightContent {
       padding: 10px;
       height: 210px;
       overflow: hidden;
}

.indexRight .page {
       font-family: verdana, Lucida Grande, sans-serif;
       margin: 10px 20px;
}

/* -----------------------------------------------
                Book Classes
----------------------------------------------- */

ul#navBook {
        float: left;
        width: 760px;
        height: 40px;
        text-indent:-9009px;
        position: relative;
        list-style-type: none;
        background: url('images/book_bg.png') no-repeat;
        margin: 0;
        padding: 0;
}

li#navSample a, li#navAudio a {
                background: transparent;
                position: absolute;
                height: 40px;

}

li#navSample a {
                background: url('images/bookSample.png') no-repeat;
                left: 89px;
                width: 165px;
}

li#navAudio a {
                background: url('images/bookAudio.png') no-repeat;
                left: 258px;
                width: 164px;
}

li#navSample a:hover, li#navAudio a:hover { background-position: 0 -40px; }


/* -----------------------------------------------
                Author Classes
----------------------------------------------- */

img.authorRight {
        float: right;
        margin: 10px 0 10px 10px;
        border: 1px #FFFFFF solid;
}

.factFile {
        margin: 40px 10px;
}

.question {
        color: #EF6500;
        font-weight: bold;
        text-align: right;
        vertical-align: top;
}

/*----Interviews----*/

.italics {
        font-style: italic;
}

.interview {
        color: #EF6D0E;
}

/* -----------------------------------------------
                Gallery Classes
----------------------------------------------- */

#galleryLeft, #galleryRight {
        float: left;
        margin-top: 10px;
}

#galleryLeft {
        margin-left: -18px;
}

#gallery {
        margin-top: 30px;
        margin-left: -25px;
        padding: 150px;
        width: 480px;
        height: 300px;
        border: 20px #FFFFFF solid;
        background: url('images/gallerybg.jpg') top center no-repeat;
}

/* -----------------------------------------------
                Magazine Classes
----------------------------------------------- */

.magazine {
        float: left;
        width: 350px;
        height: 130px;
        padding: 10px;
        margin: 5px;
        background: #fa7321 url('images/magazine_bg.jpg') top center repeat-x;
}

.magazineDetail {
        float: right;
        width: 350px;
}

table.mag  { height: 70px; }

.mag td { vertical-align: text-top }

.magLeft { font-weight: bold; }

.magButton {
        width: 350px;
        text-align: center;
        margin-top: 15px;
}

/* -----------------------------------------------
                Sample Chapter Classes
----------------------------------------------- */

#sampleChapter {
        margin: 20px auto;
        padding: 20px 30px 30px 30px;
        color: #000000;
        width: 600px;
        background: #FEFCDC url('images/sample_chapter_bg.gif') repeat;
        font-family: Times New Roman, Times, serif;
        font-size: 11pt;
}

#sampleChapter h2 {
        margin: 0;
        padding: 0;
        font-size: 20pt;
        font-style: italic;
}

.page {
        float: right;
}

.page a {
        font-weight: bold;
        color: #DF6E1B;
}

.page a:hover {
        color: #000000;
}

/* -----------------------------------------------
                Shop Classes
----------------------------------------------- */

#shop { margin-top: 20px;}

#shopHead, #shopBottom, #shopContent {
        margin: 0 auto;
        width: 600px;
        height: 41px;
        background: url('images/shopHead.gif') top center no-repeat;
}

#shopContent {
       background-image: none;
       background-color: #ffffff;
}

#shopBottom { 
        float: left; 
        background: url('images/shopBottom.gif') top center no-repeat; 
}

#shopContent h2 {
      padding: 0;
      margin: 0 0 10px 0;
      color: #000000;
      text-align: center;
}

.product {
       float: left;
       background-color: #F9F9F9;
       padding: 20px;
}

.book {
       float: left;
       width: 270px;
       margin-right: 10px;
}

.price {
      float: left;
      width: 280px;
      color: #000000;
}

.price select {
      width: 280px;
}

.price input {
      margin: 5px 60px;
}

.paypal {
       float: right;
}

/* -----------------------------------------------
                Contact Classes
----------------------------------------------- */

#contactFormLeft {
      float: left;
      width: 420px;
}

.fform input, .fform select, #contactFormLeft input, #contactFormLeft textarea, .subscribe input {
      width: 370px;
      border: 1px #FFFFFF solid;
      background-color: #EFEFEF;
      padding: 4px;
}

.fform input.fSub, #contactFormLeft input.submit, .subscribe input.submit {
      float: right;
      margin: 8px 33px 0 0;
      padding: 4px;
      width: 80px;
      border: 0px;
      color: #cfcfcf;
      background-color: #484848;
}

.subscribe input {
      width: 200px;
}

.subscribe input.submit {
     float: none;
}

#contactFormLeft p {
      margin: 5px;
}

#contactFormRight {
      float: right;
      width: 350px;
      text-align: right;
}

#contactFormRight img {
      border: 1px #FFFFFF solid; 
      margin: 13px 25px 25px 25px;
}

.fform input, .fform select { margin: 10px 0; }

.fform input.fSub { float: none; }

.fform select { width: 380px; }

/* -----------------------------------------------
                Links Classes
----------------------------------------------- */

#links {
      margin: 20px auto;
      width: 590px;
}

.link {
      float: left;
      padding: 15px;
      text-align: center;
}

/* -----------------------------------------------
                Footer Classes
----------------------------------------------- */

#footerWrap {
        clear: both;
        background: #484848 url('images/footer_bg.jpg') top center repeat-x;
        height: 181px;
}

#footerLinks {
                margin-top: 30px;
                text-align: center;
                letter-spacing: 0px;
}

#footerLinks a {
                color: #CFCFCF;
                text-decoration: underline;
}

#footerLinks a:hover{
                color: #DF6E1B;
                text-decoration: none;
}

#footer {
                padding-top: 36px;
                width: 800px;
                background: url('images/footerPattern.jpg') bottom right no-repeat;
                margin: 0 auto;
                height: 145px;
                font-size: 8pt;
}

#gloversure {
                float: left;
                margin-top: 80px;
}

#copyright {
                float: right;
                margin-top: 35px;
                text-align: right;
}