body{
	font-family: Lucida Grande, Lucida Sans, sans-serif;
	background-color: #687B8f;
	width: 100%;
	color: #fff;
	padding: 0;
	margin: 0;
	}
	
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */ 
@font-face {
  font-family: Museo;
  src: url('../../fonts/Museo300-Regular.otf') format('opentype');
  font-weight: normal;

}

@font-face {
  font-family: Museo;
  src: url('../../fonts/Museo700-Regular.otf') format('opentype');
  font-weight: bold;
}

h1, h2, h3, h4
{
	font-family: Museo,Georgia, serif;
	font-weight: bold;
	text-transform: inherit;
	letter-spacing: 1.2;
}

p {
	font-size: 18px;
	line-height: 1.4;
	}
	
blockquote {
	font-size: .9em;
	line-height: 1.4;
	font-family:  Museo,Georgia, serif;
}
	
.boxed {
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #ccccdd;
	padding: 10px;
	}

a:link,a:visited
{
	color: #c4d4e5;
	text-decoration: none;
	}
	
a:hover {
	color: #efb800;
}




#top
{
	width: 100%;
	height: 96px;
	color: #c4d4e5;
	background: #687B8F url(../art/top.jpg) no-repeat;
}

#top h1
{
	text-align: right;
	font-size: 32px;
	margin-right: 32px;
	padding-left: 210px;
	font-weight: lighter;
	}
	
h1 {
	font-size: 48px;
	}

	
h2 {
	font-size: 3em;
}

h2 a:link,h2 a:visited{
	color: #ffffff;
}


/* @group navlist */

#navlist a:hover
{
	border-top: 4px solid #c9eaab;
	}

#navlist ul 
{
	display: inline;
	list-style-type: none;
	list-style-position: default;
}
	
#navlist ul li 
{
	display: inline;
	padding-right: 24px;
	padding-left: 2px;
	padding-bottom: 2px;
	}

#navlist{
	width: 100%;
	background-color: #687B8f;
	margin-top: 4px;
	color: #fff;
	font-size: 24px;
	font-variant: small-caps;
	}

#navlist a:link,#navlist a:visited {
	color: #eeeeee;
}



/* @end */

/* @group footer */

#footer
{
	color: #fff;
	display: inline;
	list-style-type: none;
	list-style-position: default;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .3em;
	width: 960px;
}
	
	
#footer ul 
{
	border-color: #036;
	border-width: 1 0 0 0;
	border-style: dotted;
	width: inherit;
}
	
#footer ul li
{
	display: inline;
	padding-right: 24px;
	padding-left: 2px;
	padding-bottom: 4px;
	vertical-align: middle;
}

#footer img
{
	vertical-align: middle;
	text-transform: inherit;
}
	

#bottom
{
	border-color: #fff;
	color: #345;
	font-size: 12px;
	font-family: arial black,sans-serif;
	text-align: center;
	text-transform: inherit;
	width:  960px;
}



/* @end */

/* -------- catalog item -------- */

#catalog {
	margin-left: 32px;
	margin-right: 32px;	
	margin-top: 48px;
	width: 960px;
	}
	
#catalog .main {
	margin-left: 0px;
	width: 940px;
	overflow: auto;
}

#catalog .main h1 {
	font-family: Museo,Georgia,serif;
	font-size:64px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 10px;
	color: #c4d4e5;
	}
	


#catalog .main h2.author{
	font-family: Museo,Georgia,serif;
	color: #c4d4e5;
	font-weight: 300;
	font-size: 2em;
	margin-top: -12px;;
}
	
.main .left {
	width: 220px;
	float: left;
	}
	
.main p,.main blockquote,.main h3 {
	margin-left: 240px;
	}
	
.main .left p {
	margin-left: 0;
}

/* @group catalogItem */

div .catalogItem
{
	width: 380px;
	height: 300px;
	float: left;
	border-color: #CCC;
	border-width: 1;
	border-style: none;
	overflow: hidden;
	padding: 0 40px 0px 0px;
}

.catalogItem p
{
	font-size: 14px;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 0.5em;
	}
	
.catalogItem h2
{
	font-size: 1.4em;
	font-weight: normal;
	;
	}
	
.catalogItem img
{	margin-right: 16px;
}

.catalogItem .more
{
	float: right;
	}



/* @end */
	
.red {
	color: #ffb02a;;
}
	
.buy
{
	float: left;
	font-size: .8em;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	border-color: #FFF #036 #036 #FFF;
	border-width: 1px;
	border-style: solid;
	width: auto;
}

.order {
	float: right;
	clear: right;
	margin-bottom: 24px;
	margin-left: 24px;
	margin-right:  24px;
	width: 200px;
	font-size: 0.8em;
	text-align: center;
	}
	

	
.order p.detail {
	font-size: 10px;
	margin-left: 0px;;
}


.imageLeft {
	margin-right: 32px;
	width: auto;
	float: left;
	
	}
	
.imageBox {
	float: left;
	text-align: center;
	margin-right: 20px;
}

.imageBox img
{
	margin-left: auto;
	margin-right:  auto;
}

.imageBox .order  {
	float: none;
	clear: right;
	margin-bottom: 24px;
	margin-left: 24px;
	width: 200px;
	font-size: 0.9em;
	}
	
.imageRight
{
	width: 200px;
	float: right;
	text-align: center;
	text-transform: inherit;
	margin-bottom: 24px;
}

.also
{
	float: right;
	clear: right;
	margin-bottom: 24px;
	margin-left: 24px;
	width: 200px;
	font-size: 0.9em;
	border-width: 1;
	border-style: dotted;
}

.quote
{
	margin-left: 20%;
	margin-right: 20%;
	font-size: 0.9em;
	line-height: auto;
	}
	
.toc {
	clear:both;
	margin-left: 32px;
	padding: 0;
	width:  500px;
}

.toc h3 {
	font-size:  2em;
	margin-bottom: 0;
}
.toc .title {
	font-family: Georgia,serif;
	font-size: 1.2em;
	margin-bottom: 0px;
	margin-top: .5em;
	padding: 0;;
}
.toc .author {
	font-family: Georgia,serif;
	margin-left: 32px;
	margin-top: 0px;
	font-variant: small-caps;
}
.toc .pageno {
	float: right;;
}

.compat {
	padding: 10px;
	width: 300px;
	border:  1px dashed #ffffff;
	font-size: .9em;
	line-height:  1.5;
}