/* CSS Document */

/* RESET RELOADED */

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,  font, img, ins, kbd, q, s, samp,
small, strike, 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;
}
/* remember to define focus styles! */
: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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Site Layout */

#pagecontainer {width:760px;position:relative;margin:0 auto;}
#pagetitle {background-image:url(images/main-title.gif);width:403px;height:105px;position:absolute;right:0px;top:0px;}
#maindragon {background-image:url(images/dragon-mainpage.jpg);width:297px;height:433px;position:absolute;left:0;top:0;}
#pagetitle span, #maindragon span, #frontnav span {display:none;}
#frontnav {background-image:url(images/main-navigation.jpg);width:194px;height:342px;position:absolute;left:297px;top:91px;}
	#frontnav li {position:absolute;display:block;}
	#frontnav li a {display:block;height:29px;}
	#about {width:124px;height:29px;left:49px;top:83px;}
	#about a:hover {background-image:url(images/main-navigation-over.jpg);background-position:-49px -83px;}
	#books {width:91px;height:29px;left:53px;top:130px;}
	#books a:hover {background-image:url(images/main-navigation-over.jpg);background-position:-53px -130px;}
	#freereads {width:130px;height:29px;left:52px;top:173px;}
	#freereads a:hover {background-image:url(images/main-navigation-over.jpg);background-position:-52px -173px;}
	#blog {left:19px;top:215px;width:76px;height:29px;}
	#blog a:hover {background-image:url(images/main-navigation-over.jpg);background-position:-19px -215px;}
	#contactme {left:1px;top:260px;width:139px;height:29px;}
	#contactme a:hover {background-image:url(images/main-navigation-over.jpg);background-position:-1px -260px;}

#frontinfo {background-image:url(images/main-box.jpg);width:269px;height:251px;position:absolute;left:491px;top:141px; }
#frontinfocontainer {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;padding:68px 15px;color:#653c0e;line-height:1.3;}
#copyright {
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#999999;
	top:469px;
	right:1px;
	z-index:3;
}
#copyright a, #copyright a:visited {color:#999;}
#copyright a:hover {color:#666666;}

#faq {display:block;position:absolute;background-image:url(images/faq.gif);height:36px;width:89px;top:235px;left:96px;}
#faq a {display:block;height:36px;}
#faq a:hover {background-image:url(images/faq-over.gif);}
#reviews {display:block;position:absolute;background-image:url(images/reviews.gif);height:41px;width:117px;text-indent:-9999px;}
#egg1 {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background-image:url(images/egg2.jpg);
	height:99px;
	width:80px;
	left: 765px;
	top: 338px;
}
