html, body, h1, h2, h3, p, img, ul, li, table, tr, td { border: 0; margin: 0; padding: 0; }

body
{
	background: #b17535;
	color: #fff;
	font: normal normal 62.5%/1 Verdana, Arial, Sans-Serif;
}

/**** NAVIGATION ****/
#nav
{
	background: transparent url(../img/bg_nav.jpg) repeat-x 0 0;
	height: 110px;
}

#nav ul
{
  font-family: Georgia, Times New Roman, Serif;
  font-style: italic;
  float: left;
  line-height: 108px;
  list-style-type: none;
  margin: 0 0 0 60px;
}

#nav li
{
  display: inline;
  font-size: 2.2em;
  margin: 0 10px;
}

#nav li a, #nav li a:active, #nav li a:visited
{
  color: #fff;
  text-decoration: none;
  text-shadow: #877051 0 -1px;
}

#nav li a:hover
{
  color: #4d2808;
  text-shadow: #deb997 0 -1px;
}

#nav li a.active
{
  color: #4d2808;
  text-shadow: #deb997 0 -1px;
}

#buy
{
  background: transparent url(../img/btn_buy.png) no-repeat 0 0;
  float: left;
  height: 38px;
  margin: 36px 0 0 200px;
  width: 101px;
}

#buy a
{
  display: block;
  height: 100%;
  width: 100%;
}

/****** BOOK ******/
#book
{
	background: transparent url(../img/bg_book.jpg) repeat-x 0 0;
	height: 563px;
	position: relative;
}

#bookLogo
{
  background: transparent url(../img/logo_book.png) no-repeat 0 0;
  height: 202px;
  left: 60px;
  position: absolute;
  top: 60px;
  width: 227px;
}

#ingress
{
  font-family: Georgia, Times New Roman, Serif;
  font-style: italic;
  left: 40px;
  position: absolute;
  text-align: center;
  top: 270px;
  width: 267px;
}

#ingress p
{
  font-size: 1.8em;
  line-height: 1.3em;
}

#bookPreview
{
  background: transparent url(../img/book.png) no-repeat 0 0;
  height: 460px;
  left: 320px;
  position: absolute;
  top: 40px;
  width: 628px;
}

/****** READ ******/
#read
{
	background: transparent url(../img/bg_read.jpg) repeat-x 0 0;
	height: 266px;
	position: relative;
}

#readHeading
{
  background: transparent url(../img/read_heading.png) no-repeat 0 0;
  display: block;
  height: 25px;
  left: 30px;
  position: absolute;
  top: 20px;
  width: 120px;
}

#readGrid
{
  padding: 60px 0 0 30px;
}

/**** RELATED ****/
#related
{
	background: #000 url(../img/bg_related.jpg) no-repeat 0 0;
	color: #646464;
	line-height: 1.4em;
	position: relative;
}

#relatedHeading
{
  background: transparent url(../img/related_heading.png) no-repeat 0 0;
  display: block;
  height: 25px;
  left: 30px;
  position: absolute;
  top: 20px;
  width: 123px;
}

#relatedGrid
{
  padding: 40px 0 0 30px;
  overflow: hidden;
}

#relatedGrid h1
{
  color: #fff;
  font: italic normal normal 1.4em/1.2em Georgia, Times New Roman, Serif;
}

#relatedGrid h2
{
  color: #fff;
  font: italic normal normal 1.6em/1.6em Georgia, Times New Roman, Serif;
}

#relatedGrid b
{
  color: #fff;
  font-weight: normal;
}

/**** FOOTER ****/
#footerWrapper
{
  background: #000;
  overflow: hidden;
  padding-top: 30px;
}

#footerText
{
  background: transparent url(../img/logo_keryx.png) no-repeat 0 10px;
  border-top: 1px solid #646464;
  color: #646464;
  height: 30px;
  margin: 30px 0 10px 30px;
  padding: 20px 0 0 130px;
}

.footerChunk
{
  margin-right: 1.2em;
}

.footerChunk a,
.footerChunk a:active,
.footerChunk a:visited
{
  border-bottom: 1px solid #646464;
  color: #fff;
  text-decoration: none;
}

.footerChunk a:hover
{
  border-bottom: 1px solid #fff;
}