/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}

/*handy*/
.right {float: right}
.left {float: left}
.center {text-align: center}
p {line-height: 18px; margin-bottom: 18px}
p.chaptersList {line-height: 22px}
p.sml {font-size: 11px}

/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*links*/
a {text-decoration: underline; color: #ffda00}
a:hover {text-decoration: underline; color: #ff0000}

/*structure*/
body {font: normal 14px "Trebuchet MS",arial,helvetica,sans-serif; background: #121010; color: #fff; margin: 0; padding: 0}
#header {width: 960px; margin: 0 auto; height: 192px; background: url(../images/header-bg.jpg) no-repeat}

h1.logo, p.logo {background: url(../images/logo.gif) no-repeat; width: 454px; height: 104px; display: block; margin: 42px 0 0 0; float: left}
h1.logo a, p.logo a {display: block; width: 454px; height: 104px; text-indent:-999em; overflow: hidden}
h1, #homepage h2 {font-size: 24px; color: #fff; font-weight: normal; margin-bottom: 18px}
h2 {font-size: 16px; color: #99ccff}
h2 span {color: #f8d200}
#authorspage h2 {margin-bottom: 18px; font-size: 18px}
#chapterspage h2 {margin-bottom: 18px; font-size: 18px}
#buypage h2 {font-size: 18px}
.buyRight p {margin-bottom: 28px}
h2.h2top {margin-top: 32px}

#content {position: relative; width: 960px; margin: 0 auto; padding-bottom: 30px; background: url(../images/page-bg.jpg) no-repeat}
#content.marginTop {padding-top: 30px}

.leftCol {position: relative; float: left; width: 458px; margin-top: 30px}
.rightCol {position: relative; float: right; width: 458px; margin-top: 30px}

#homepage .leftCol {width: 469px}
#homepage .rightCol {width: 491px; margin-top: 0}
#casestudies .rightCol {width: 491px; margin-top: 0}
#registerpage .rightCol {width: 491px; margin-top: 0}
#chapterspage .rightCol {width: 504px; margin-top: 37px}
#chapterspage .leftCol {width: 456px; margin-top: 30px}

#content.marginTop .leftCol {width: 458px; margin-top: 0}
#content.marginTop .rightCol {width: 458px; margin-top: 0}

#reviewBox {width: 416px; padding: 20px 20px 10px 20px; background: url(../images/review-grad-bg.png) no-repeat}

/*.round {-webkit-border-radius: 3ex; -moz-border-radius: 3ex}*/

p.quote {margin-bottom: 3px}
p.caption {color: #99ccff; font-weight: bold}

img.photo {float: left; margin: 0 30px 15px 0}

#content ul li {position: relative; background: url(../images/bullet.gif) no-repeat; background-position: 2px 5px; padding-left: 15px; margin-bottom: 12px}

.specialBlock a {position: relative; display: block; background: url(../images/arrow.gif) no-repeat; background-position: 2px 4px; padding-left: 15px; margin-bottom: -18px; font-weight: bold; text-decoration: none}
.specialBlock {margin-bottom: 18px}
.specialBlock .blockSpesh {padding-left: 15px; margin-top: -18px}
.specialBlock .blockSpesh span {clear:both; color: #99ccff}
span.mailColor {color: #ffda00}

/* old registration
#registration {float: right; width: 227px; margin: 55px 0 0 0}
.regForm label {display: none}
.formText {border: 0; font: normal 12px "Trebuchet MS",arial,helvetica,sans-serif; color: #2d2f86; width: 149px; padding: 2px 1px 2px 4px; margin-top: 1px; vertical-align: top}
.regButton {margin-left: 5px}
p.reg {background: url(../images/register.gif) no-repeat; width: 225px; height: 32px; display: block; margin: 0}
p.reg span {display: block; width: 225px; height: 32px; text-indent:-999em; overflow: hidden}
p.win {background: url(../images/wins.gif) no-repeat; width: 225px; height: 24px; display: block; margin: 0}
p.win span {display: block; width: 225px; height: 24px; text-indent:-999em; overflow: hidden}
*/

#registration {float: right; width: 234px; margin: 0}
#registration .buyReg {width: 227px; margin-top: 30px; margin-left: 4px}

.regForm {margin: 20px 0 30px}
.regForm label {clear: both; float: left; font-weight: bold; line-height: 50px}
.regForm label span {width: 89px}
.formText {position: absolute; border: 0; font: normal 12px "Trebuchet MS",arial,helvetica,sans-serif; color: #2d2f86; width: 362px; padding: 4px 1px 4px 4px; margin: 14px 0 0 0; right: 0}
.formButton {position: relative; clear: both; margin: 28px 0 0 89px}

p.buyButton {background: url(../images/buy-button.gif) no-repeat; width: 234px; height: 50px; display: block; margin: 0}
p.buyButton a {display: block; width: 234px; height: 50px; text-indent:-999em; overflow: hidden}
p.buyButton a:hover {background: url(../images/buy-button-on.gif) no-repeat}

p.reg {background: url(../images/register-new.gif) no-repeat; width: 226px; height: 39px; display: block; margin: 39px 0 0 4px; cursor: default}
p.reg span {display: block; width: 226px; height: 39px; text-indent:-999em; overflow: hidden}
p.win {background: url(../images/wins-new.gif) no-repeat; width: 142px; height: 26px; display: block; margin: 0 0 0 4px; float: left; cursor: default}
p.win span {display: block; width: 142px; height: 26px; text-indent:-999em; overflow: hidden}
p.regButton {background: url(../images/button-new.gif) no-repeat; width: 84px; height: 26px; display: block; margin: 0; float: left}
p.regButton a {display: block; width: 84px; height: 26px; text-indent:-999em; overflow: hidden}
p.regButton a:hover {background: url(../images/button-new-on.gif) no-repeat}

.buyContent {position: relative; width: 960px; padding-top: 30px}
.bookBuy {float: left; margin: 30px 60px 0 40px}
.buyRight {float: left; margin-top: 30px}
.buyRight form {margin-left: -5px; margin-bottom: 60px}

.columnBook {width: 12em; float: left}


.columnBook p {line-height: 1.8em}

/*#content ul.threeColList {margin-top: 18px}
#content ul.threeColList li {position: relative; line-height: 1.2em; background: none; padding-left: 0}
#content ul.threeColList li.reset {position: relative; margin-top: -10.3em; background: none }
li.column1 {margin-left: 0em}
li.column2 {margin-left: 10em}
li.column3 {margin-left: 20em}*/



#footerContainer {width: 100%; background: #171131; height: 98px; margin: 0; color: #99ccff; padding: 0}
#footer {width: 68.57em; margin: 0 auto; background: url(../images/footer-bg.jpg) repeat-y top; padding: 19px 0 11px 0; height: 68px}
.footerLeft {width: 40.29em; float: left; padding: 0; margin: 0}
.footerRight {width: 31.67em; float: right; text-align: right; font-size: 12px; padding: 24px 0 0 0; margin: 0}
#footer img {margin-right: 30px; vertical-align: middle}
#footer img.last {margin-right: 0; vertical-align: middle}

/* nav */
#nav {width: 100%; height: 46px; background: #c88b02}
#menu {position: relative; width: 960px; padding: 0; margin: 0 auto; list-style: none; height: 46px}
#menu li {position: relative; float: left; margin:0}
#menu li a {display: block; height: 46px; padding: 0; float: left; text-decoration: none; cursor:pointer;}
#menu li a strong {display:block; height:0; overflow:hidden;}
#menu li#home a {background:url(../images/b-home.gif); width: 98px}
#menu li#authors a {background:url(../images/b-authors.gif); width: 157px}
#menu li#case a {background:url(../images/b-casestudies.gif); width: 155px}
#menu li#chapters a {background:url(../images/b-sample.gif); width: 190px}
#menu li#reviews a {background:url(../images/b-bookreviews.gif); width: 169px}
#menu li#further a {background:url(../images/b-further.gif); width: 191px}

#menu li#home a:hover, #menu li#authors a:hover, #menu li#case a:hover, #menu li#chapters a:hover, #menu li#reviews a:hover, #menu li#further a:hover {background-position: 0 46px}

#menu li#home.selected a,
#menu li#home.selected a:hover,
#menu li#authors.selected a,
#menu li#authors.selected a:hover,
#menu li#case.selected a,
#menu li#case.selected a:hover,
#menu li#chapters.selected a,
#menu li#chapters.selected a:hover,
#menu li#reviews.selected a,
#menu li#reviews.selected a:hover,
#menu li#further.selected a,
#menu li#further.selected a:hover
{background-position: 0 92px}
/* end nav */