@charset "UTF-8";
/* 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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: �Lucida Grande�, Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black;}
table {border-collapse: separate;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: ;}
blockquote, q {quotes: "" ;}
body,p,td,th,ul,li{
	color: #633;
	font-family: "Lucida Grande" , Arial, Tahoma;
	font-size: 13px;
	line-height: 18px;
}
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { 
: #333; }
a:active { color: #333; }
/* end reset */

body { background-image:url(images/temp-bg.jpg);}
#container { width: 980px; margin: 0 auto; background-image:url(images/temp-middlebg.jpg);}
#maincontent { margin-bottom: 40px;}
#left { float:left; width:530px; padding-left: 70px;}
#right {
	float:right;
	width: 290px;
	padding-right: 70px;
}
#pearllogo { text-indent:-9999px; background-image:url(images/temp-header.gif); width:980px; height:161px;}
#banner h1 {
	text-indent:-9999px;
	background-image:url(images/temp-announce4.gif);
	width:980px;
	height:409px;
}
#footer { text-indent:-9999px; width: 980px; height:174px; background-image:url(images/temp-footerplus.gif); margin:0 auto;}
#googlemap { text-align:center; width: 500px; margin: 10px auto 0px auto; font-size: large;}
#howtocome { text-align:left; width: 350px; margin: 0 auto;}

h2 { font-size:large; margin: 0 0 5px 0; color:#5e182f;}
h3 {font-size:medium; text-decoration:underline;}

.content {margin: 10px 0 20px 0;}
.bookimage {float:left;}
.bookdetail {padding:0px 15px 15px 0px; width: 480px; float:left;}
.bookdetailright {padding:0  0 0 0px; width: 320px; float:right;}
.bookdetail-endroll {padding:0px 15px 15px 0px; width: 150px; float:left;}

img {padding: 0 0 10px 0;}
