@charset "utf-8";
/* CSS Document */

body { background-color: #2a2a2a; padding: 0; margin: 0; font-size: 62.5%; line-height: 1em; color: #fff; font-family:Georgia, "Times New Roman", Times, serif; }

#container { background: #000 url(/img/bg.jpg) top left repeat-x; }

#header { width: 100%; height: 209px; background: url(/img/header.jpg) top left no-repeat; }
#header a { visibility: hidden; }

#main { width: 964px; }
#main p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.4em; margin: 12px 0; }
#main #map p { color: #000; margin: 0; line-height: 1.2em; }
#main #map a { color: #b45226; }
#main ul, #main table, #main label, #main input { font-family: Arial, Helvetica, sans-serif; }
#main a img { border: none; }
#main a { color: #faa75c; text-decoration: underline; }
#main a:hover { color: #b45226; }
#main h2, #main h1 { font-size: 2.4em; margin-top: 0; color: #faa75d; font-weight: normal; text-transform: uppercase; line-height: 1em; margin-bottom: 0; font-family:Arial, Helvetica, sans-serif }
#main .content-left h2 { font-size: 1.8em; color: #b45226; }
#main .content-left h3 { font-size: 1.8em; color: #faa75d; }
#main strong.price { color: #b45226; font-weight: normal; }

#main #nav { float: left; width: 190px; }
#main #nav ul { margin: 0 20px; list-style-type: none; font-size: 1.4em; line-height: 1.6em; padding: 0; }
#main #nav ul li { margin: 0 0 12px 0; line-height: 1.4em; padding-left: 6px; }
#main #nav ul li.current { background: url(/img/bg-current-nav.gif) left center no-repeat; }
#main #nav ul li a { color: #b45226; text-decoration: none; }
#main #nav ul li.current a { color: #fff; }
#main #nav ul li a:hover, #main #nav ul li.current a:hover { color: #faa75d; }

#main .content-right { width: 425px; float: right; margin-right: 5px; }
#main .content-left { width: 600px; float: left; }

#main #news ul { font-size: 1.2em; padding: 0; line-height: 1.4em; margin: 10px 0 30px 20px; list-style-type: square; }
#main #news ul li { margin: 5px 0; padding: 0; }

#main ol { margin: 0; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; padding: 0 0 0 25px; }
#main ol li { margin: 0; clear: left; }
#main ol.key li span { clear: left; float: left; height: 40px; }
#main ol li img { float: left; margin-left: 10px; margin-top: -5px; }

#main .book-left { float: left; }
#main .book-left img { border: 1px solid #fff; }

#main .map-left { float: left; width: 350px; }
#main .map-content-right { width: 255px; float: right; margin-right: 5px; }
#main .map-content-right blockquote { margin: 10px 0 0 -20px; padding: 4px 10px; font-size: 1.2em; background: #B45226; color: #000; line-height: 1.2em; }

#main .author-left { float: left; }
#main .author-right { width: 430px; float: right; }

#main .banner-right { width: 130px; float: right; margin-left: 10px; border: 1px solid #333; padding-bottom: 10px; clear: right; margin-bottom: 10px; }
#main .banner-right p, #main .banner-right img { margin: 10px 10px 0 10px; }
#main .banner-right p.buynow { margin: 0; }
#main .banner-right p { width: 110px; margin-left: 10px; }
#main .banner-right h2 { font-size: 1.2em; line-height: 1.4em; margin: 10px 10px 5px 10px; }
#main .banner-right ul { margin: 0 0 0 25px; padding: 0; font-size: 1.2em; line-height: 1.4em; list-style-type: square; }

#main .review { background: url(/img/bg-review.gif) top left no-repeat; }
#main .review em { color: #ccc; }
#main .review p { padding: 0 35px 0 35px; margin: 0; }
#main blockquote { padding: 10px 35px 10px 35px; margin: 0; background: url(/img/bg-blockquote.gif) right bottom no-repeat; }
#main .review blockquote p { padding: 0; }

#main object { margin-top: 20px; background: #000; }

#footer-holder { background: url(/img/footer-bg.jpg) bottom left repeat-x; margin-top: 20px; }
#footer { width: 960px; height: 196px; background: url(/img/footer.jpg) top left no-repeat; }
#footer img { border: 1px solid #666; margin-top: 30px; }
#footer a { margin-left: 20px; }

form { margin: 0; padding: 0; }
form label { font-size: 1.2em; width: 120px; display: block; float: left; clear: left; margin: 5px 0; line-height: 1.4em; }
form label span { color: #b45226; }
form input, form textarea, form select { width: 300px; float: left; margin: 5px 0; border: 1px solid #ccc; }
form input#title, form input#quantity { width: 80px; }
form select { width: 200px; }
form .cart-button { width: auto; border: none; float: none; clear: left; margin: 12px 0; }
form .image-button { width: auto; border: none; float: right; margin-right: 158px; }
form img { float: left; margin: 5px 0; }

#change-page ul { margin: 0; padding: 0; list-style-type: none; font-size: 1.2em; line-height: 1.4em; width: 346px; }
#change-page #prev { float: left; margin-top: 10px; }
#change-page #next { float: right; margin-top: 10px; margin-right: 20px; }
#change-page li { background-color: #b45226; padding: 3px 6px; color: #faa75c }
#change-page li a { color: #fff; text-decoration: none; }
#change-page li a:hover { color: #000; }

.clear { width: 100%; height: 1px; clear: both; display: block; }
.mgbt20, #chapters { margin-bottom: 20px; }
.error { padding: 4px; background-color: #cc0000; color: #fff; }

.home { float: left; width: 630px; }

.orderTable { font-size: 1.1em; margin-top: 10px; }
.orderTable th, .orderTable td { text-align: left; padding: 4px 20px 4px 0; }

#chapter-holder { margin-top: 10px; background-color: #fffff0; text-align: left; width: 325px; padding: 15px 0 5px 0; }

#menu { float: left; width: 170px; font-size: 1.2em; line-height: 1.2em; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { margin: 5px 10px; }
#main li p { font-size: 1em; }
#main .meta { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; }
#main .feedback { font-size: 1.2em; margin-bottom: 10px; }
#main #submit { width: auto; border: none; float: none; clear: left; }
#main #comment { float: none; }

#news div.post { margin: 0 0 40px 0; }
p.credit, cite { text-align: right; font-style: normal; margin-right: 20px; }