@charset "utf-8";


   /*       E L E M E N T S        */


body {background:#F6F6EC url(images/bg.png) repeat-x; margin:0px; }
h1 { font: 16px Georgia, 'Times New Roman', Times, serif; height:43px; width:471px; background:url(images/h1.jpg) no-repeat; padding:4px 0px 0px 32px; font-weight:bold; font-variant:small-caps; margin:0px; letter-spacing:1px;}
p {	font: 14px Georgia, 'Times New Roman', Times, serif; width:510px; line-height:20px; margin:16px 0px 0px 0px;}
img { border:0px; }

a:link { letter-spacing:0px; text-decoration:underline; color:#0066CC;}
a:visited {letter-spacing:0px; ext-decoration:underline; color:#0066CC;}
a:hover {letter-spacing:0px; text-decoration:none; color:#0066CC;}

ul { margin: 0px 0px 0px 3px; padding:0px 0px 0px 10px; width:500px;  }
li { font-size: 14px; color: #333333; list-style-image:url(images/bullet.gif); margin: 3px 0px 11px 5px; line-height:19px;	}


   /*      D I V S       */


#container { width:805px; height:190px; margin:0 auto; text-align:left; position:relative; }
#top { position:absolute; left:0; height:130px; width:100%; background:url(images/top.jpg) repeat-x top center; }
#header { width:805px; height:190px; float:left; margin:0px 0px 0px 0px; background: transparent url(images/bg_top.gif) repeat-x; }
#content { width:805px; height:750px; margin:0 auto; text-align:left; position:relative; background-color:#FFFFFF; visibility: visible;   }
#content_home { width:805px; height:1100px; margin:0 auto; text-align:left; position:relative; background-color:#FFFFFF; visibility: visible; }
#content_links { width:805px; height:1550px; margin:0 auto; text-align:left; position:relative; background-color:#FFFFFF; visibility: visible; }
#content_book { width:805px; height:750px; margin:0 auto; text-align:left; position:relative; background-color:#FFFFFF; visibility: visible; }
#leftcolumn { width:140px; height:inherit; float:left;   padding:0px; position:relative;  padding-left:28px; }
#rightcolumn {	width:595px; height:inherit; float:right; margin-bottom:0px;	position:relative;	 }
#bottom  {width:805px; height:80px; background-color:#FFF; margin:0 auto; text-align:center; background-image:url(images/bottom.png); background-position:center;  }
#footer {width:100%; height:100px; background-color:#DADAB6; background-image:url(images/footer.png); background-repeat:repeat;  }
#hi-fai { float:left; padding:37px 0 0 24px; font-size:13px; }
#hi-fai a { color:#ADA481; letter-spacing:1px;   }


   /*       D I V  S T U F F        */


#content_book ul { margin: 0px 0px 0px 17px; padding:0px 0px 0px 10px; width:500px;  }
#content_book li { font-size: 14px; color: #333333; list-style-image:url(images/bullet.gif); margin: 3px 0px 7px 5px; line-height:17px;	}


   /*       T E X T         */


.title { font:Arial, Helvetica, sans-serif; font-size:13px; font-variant:normal; font-weight:bold; margin:19px 0px 19px 0px; } 
.small { font-size:11px; line-height:17px;}
.thai {	font: 14px Tahoma, 'Times New Roman', Times, serif; font-weight:bold; color:#666666   }
.thai_thin {	font: 14px Tahoma, 'Times New Roman', Times, serif; font-weight:normal; color:#000   }
.thai_link {font: 14px Tahoma, 'Times New Roman', Times, serif; font-weight:bold; color:#0066CC;   }
.thai_link:hover { text-decoration:none; font: 14px Tahoma, 'Times New Roman', Times, serif; font-weight:bold; color:#0066CC }
.info {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
.store {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0066CC; border: 1px solid #0066CC; padding:6px; margin:10px 0px 0px 0px; background-color:#F0FCFF; text-decoration:none; }
.store:hover {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0066CC; border: 1px solid #0066CC; padding:6px; margin:10px 0px 0px 00px; background-color:#FFF; text-decoration:none; }


   /*       M E N U       */


div#nav { height: 118px; width: 133px; margin: 0 0 0 2px; padding-top: 13px; border: 0; }
div#nav ul#menu { height: 235px; width: 133px; background:url(images/menu.jpg) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a { height: 40px; width: 133px; display: block; }
div#nav ul#menu li a { text-indent: -9999px; text-decoration: none; }

#home {  top: 0px; }
#view_book { top: 40px; }
#forms { top: 80px; }
#updates { top: 120px; }
#links { top: 160px; }
#contact { top: 200px; }

#home a:hover { background:url(images/menu.jpg) -133px 0 no-repeat; }
#view_book a:hover { background:url(images/menu.jpg) -133px -40px no-repeat; }
#forms a:hover { background:url(images/menu.jpg) -133px -80px no-repeat; }
#updates a:hover { background:url(images/menu.jpg) -133px -120px no-repeat; }
#links a:hover { background:url(images/menu.jpg) -133px -160px no-repeat; }
#contact a:hover { background:url(images/menu.jpg) -133px -200px no-repeat; }


   /*      M I S C      */


.book { float:left;	margin:10px 0px 0px 29px; }
.buy_now {margin:138px 0px 20px 1px;}
.logo_text { float:none;	margin:7px 0px 0px 293px; }
.authors { float:left; padding:10px 10px 10px 10px; margin:0px 10px 0px 0px; border: 1px solid #CCCCCC }
.pages{ float:right; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border: 1px solid #CCCCCC }


a:active { outline: none; }
a:focus { -moz-outline-style: none; }