/********************************************/
/*******								*****/
/*******			CSS 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { overflow:-moz-scrollbars-vertical; height: 100%; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
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; }
textarea { overflow:auto; }

/********************************************/
/*******								*****/
/*******			MY STYLES			*****/
/*******								*****/
/********************************************/

body { background: #9d5813 url( images/bg.jpg ) top center no-repeat; text-align: center; }

.clear_left { clear: left; }
.clear_right { clear: right; }
.clear { clear: both; }
.float_right { float: right; }
.float_left { float: left; }

div#container { margin: 0px auto; width: 876px; text-align: left; padding-top: 43px; }

div#box_top_cap { width: 876px; height: 42px; background: url( images/box_top_cap.png ) 0px 0px no-repeat; }
div#box_bottom_cap { width: 876px; height: 42px; background: url( images/box_bottom_cap.png ) 0px 0px no-repeat; }

div#box_inner_top { width: 876px; height: auto; background: url( images/box_inner_top.png ) top left no-repeat; }
div#box_inner_bottom { width: 876px; min-height: 216px; height: auto; background: url( images/box_inner_bottom.png ) bottom left no-repeat; }

div#box { width: 876px; background: url( images/box_bg.png ) 0px 0px repeat-y; }

div.box_pad { padding: 0px 28px; }

div#content { width: 600px; clear: none; padding: 1px 0px; position: relative; }

div#navigation { float: right; width: 219px; margin-right: 1px; }
div#navigation ul {  }
div#navigation ul li { display: inline; }
div#navigation ul li a { font-family: Georgia; font-size: 16px; display: block; width: 219px; padding: 8px 0px 10px 0px; text-align: center; background-image: url( images/nav_sep.png ); background-position: bottom left; background-repeat: no-repeat; }
div#navigation ul li a:link, div#navigation ul li a:visited, div#navigation ul li a:active { text-decoration: none; color: #FFFFFF; background-color: transparent; }
div#navigation ul li a:hover, div#navigation ul li a.active { color: #e8d7bf; text-decoration: none; background-color: #793328; }

h1#ip_logo { text-align: left; text-indent: -9999px; width: 539px; height: 52px; background: url( images/hollowing_ip_title.png ) 0px 0px no-repeat; margin: 16px 0px 27px 31px; }
h1#hp_logo { text-align: left; text-indent: -9999px; width: 330px; height: 129px; background: url( images/hollowing_hp_title.png ) top right no-repeat; margin: 20px 30px 30px auto; }

h2 { font-family: Georgia; font-size: 22px; color: #576d81; margin-bottom: 10px; }
h3 { font-family: Georgia; font-size: 15px; color: #394E5F; font-weight: bold; margin-bottom: 10px; }

div.bar_title { background: #cfbb9f url( images/brown_bar_top.png ) 0px 0px repeat-x; }

div.bar_title h1 { background: url( images/brown_bar_bottom.png ) bottom left repeat-x; font-family: Georgia; font-size: 24px; color: #632118; padding: 10px 0px 12px 50px; font-weight: normal; }

.text { font-family: Verdana; font-size: 11px; color: #736251; line-height: 19px; }

.text a { font-weight: bold; }
.text a:link, .text a:visited, .text a:active { color: #954135; text-decoration: underline; }
.text a:hover { color: #793328; text-decoration: none; }

.text ul { list-style-type: disc; margin: 0px 0px 0px 20px; }
.text ul li { margin-bottom: 7px; }

.body_text { padding: 27px 50px 0px 50px; margin-bottom: 15px; }
.hp_body_text { overflow: auto; padding: 30px 30px 15px 30px; }

p { margin-bottom: 15px; }

div#footer { text-align: center; font-family: Verdana; font-size: 10px; padding-top: 12px; }
div#footer div { padding-bottom: 15px; color: #593718; }
div#footer div a {  }
div#footer div a:link, div#footer div a:visited, div#footer div a:active { color: #593718; text-decoration: underline; }
div#footer div a:hover { color: #FFFFFF; text-decoration: none; }

div#book_ip_container { position: relative; min-height: 240px; height: auto; }
#book_ip { display: block; width: 234px; height: 292px; position: absolute; top: 0px; left: 8px; background: url( images/book_ip.png ) 0px 0px no-repeat; text-align: left; text-indent: -9999px; }

div#gallery_container { position: relative; min-height: 240px; height: auto; }
a#gallery { display: block; text-align: left; text-indent: -9999px; width: 265px; height: 292px; position: absolute; top: 0px; left: -22px; background: url( images/gallery.png ) 0px 0px no-repeat; }

div#book_hp { width: 286px; height: 387px; position: absolute; top: -50px; left: -60px; background: url( images/book_hp.png ) 0px 0px no-repeat; }

div#hp_quote { padding: 30px 30px 30px 240px; background: url( images/brown_bar_bottom.png ) bottom left repeat-x; }
div.quote { font-family: Georgia; font-style: italic; font-weight: bold; font-size: 14px; color: #722626; line-height: 18px; margin-bottom: 14px; }
div.quoter { font-family: Georgia; font-size: 10px; color: #886767; }

a#trailer { display: block; float: left; width: 268px; height: 151px; text-align: left; text-indent: -9999px; background: url( images/movie2.jpg ) 0px 0px no-repeat; margin-right: 30px; }

blockquote { margin: 20px 0px; padding: 0px 10px 0px 45px; background: url( images/quotation.png ) 0px 0px no-repeat; font-family: Georgia; font-size: 11px; line-height: 17px; }
blockquote div.who { margin-top: 5px; color: #954135; }
em { font-style: italic; }

div#gallery a img { border: 5px solid white; margin: 0px 4px 4px 0px; border-bottom: 30px solid white; }