
* { padding: 0; margin: 0; }

body {
		font-family:Georgia, "Times New Roman", Times, serif;  
		font-size: 13px;
		background: #e7eef0; 
}

img { border:0px; border-style:none; }

p { padding-bottom:10px; line-height: 1.6; }

p+p{ margin-left:4px;}

pre {
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size: 13px;
		width:200px;
}

#wrapper { 
		margin: 0 auto;
		width: 922px;
}

#header {
		width: 900px;
		color: #333;
		padding: 10px;
		height: auto;
		margin: 10px 0px 5px 0px;
		text-align:center;
}
#navigation {
		 width: 900px;
		 height: auto;
		 color: #333;
		 padding: 5px 5px 0px 5px;
		 margin: 0px 0px 5px 0px;
}
#content { 
		 width: 900px;
		 min-height: 450px; 
		 color: #333;
		 border: 1px solid #cccccc;
		 background: #fafafa;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 float:left;
		 -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#contentNavigation{
		 width: 877px;
		 color: #333;
		 padding: 10px 10px  5px 10px;
		 border: 1px solid #ccc;
		 margin: 0px 0px  10px 0px;
		 background: #ffffff;
		 float:left;
		 background-image:url(../images/background_fade.gif);
		 background-repeat:repeat-x;
		 -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#contentNavigation ul {
		display: inline;
}
#contentNavigation li {
		 display: block;
		 float: left;
		 list-style: none;
}
#contentNavigation li a {
		 color: #333333;
		 display: block;
		 margin: 0 1px 0 1px;
		 line-height: 1.6em;
		 padding: 5px 10px 0px 0px;
		 width:134px;
		 height:29px;
		 text-align: center;
		 text-decoration: none;
}
#contentNavigation li a:hover,
#contentNavigation li a.current { background:url('../images/test.png') no-repeat; }

#leftBox{
		 width: 550px;
		 min-height: 450px;
		 color: #333;
		 border: 1px solid #ccc;
		 background: #FFFFFF;
		 margin: 0px 15px 5px 0px;
		 padding: 10px;
		 float:left;
		 -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#rightBox{
		 width: 300px;
		 height: auto;
		 color: #333;
		 margin: 10px 0px 5px 0px;
		 float:left;
		 background: url('../images/Untitled-21.png') no-repeat;
}
#footer { 
		 width: 922px;
		 height: 150px;
		 color: #333;
		 margin: 0px 0px 30px 0px;
		 padding: 0px;
		 text-align:center;
		 clear: both;
}
#footer ul {
 		display: inline;   
}
#footer li {
		 display: block;
		 float: left;
		 list-style: none;
}
#footer li a {
		 color: #333333;
		 display: block;
		 margin-bottom:10px;
		 padding:0px 10px 0px 20px;
		 background:url('../images/li_yellow.png') no-repeat 10px 50%;
		 line-height:22px;	
		 text-indent:5px;
		 text-decoration: none;
}
#footer li a:hover,
#footer li a.current { text-decoration:underline; }

/* Fonts */

#header h1 { 
		 letter-spacing: 2px	;
		 font-family: Georgia, "Times New Roman", Times, serif;
		 font-size:41px;
		 margin-top: 20px; margin-bottom: 0px;
		 text-align: center;
		 font-weight: normal;
		 color: #222;
}

#header h3 {
		 font-family: "Lucida Grande", Tahoma;
		 font-size: 12px;
		 font-weight: lighter;
		 font-variant: normal;
		 text-transform: uppercase;
		 color: #666666;
		 margin-top: 10px;
		 text-align: center!important;
		 letter-spacing: 0.3em;
}

h1 {
	letter-spacing: 2px; 
	font-size:30px; 
	color:#99ccff;
}
h2 {
	letter-spacing: 2px; 
	font-size:19px; 
	color:#99ccff; 
	margin:10px 0px 20px 0px;
}
h3 {
	font-size:16px;
	font-weight:bold;
	margin:5px auto 10px;
}
h4 {
	font-size:14px;
	font-weight:bold;
	margin:5px auto 10px;
}

.small {font-size:10px;}

/* P */

.chapter p {
	font-size: 1em;
	line-height: 1.6em;
	margin: 1.25em 0;
	text-align: justify;
}

.chapter p:first-letter {
	font-size: 3.5em;
	line-height: 1em;
	font-weight: 400;
	float: left;
	margin: 0 0.140em 0 0;
}
.chapter p:first-line {
	font-weight: 800;
}
.chapter p + p:first-letter {
	font-size: 1em;
	line-height: 1.25em;
	float: none;
	margin: 0;
}
.chapter p + p:first-line {
	font-weight: 400;
}

/* A */

a {
	font-weight: normal;
	text-decoration: none;
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover { color: #333; text-decoration:underline; }
a:active {
	color: #333333;
}
	
/* HR */

hr {
	border: none 0;
	border-top: 1px dotted #ccc;
	height: 1px;
	clear: both;
	margin: 0px 0px 10px 0px;
}

/* UL */

#rightBox ul{
		width:160px;
		padding-top:0px;
		margin-left: 10px;
		margin-bottom:120px;
}

#rightBox li{
		margin: 10px 10px 10px 0px;
		padding: 5px 0px  12px  25px ;
		border-bottom: 1px dotted #ccc;
		list-style:none;
		background:url(../images/li_yellow.png) no-repeat  0px 50%;
}
#rightBox li a {
		  color: #333333;
		  display: block;
		  text-decoration: none;
}
#rightBox li a:hover,
#rightBox li a.current { text-decoration:underline; }


.box {  -moz-border-radius: 6px; -webkit-border-radius: 6px; width:auto; height:auto;  border:1px solid #ccc; padding:10px; margin:0px;  background: #fafafa;}

.peter { -moz-border-radius: 6px; -webkit-border-radius: 6px; width:auto; height:51px;  padding:120px 0px 0px 310px; margin:10px 0px 10px 0px;  background: black url('../images/background_peter.png') no-repeat;}

.books { -moz-border-radius: 6px; -webkit-border-radius: 6px; width:auto; height:61px;  padding:110px 0px 0px 330px; margin:10px 0px 10px 0px;  background: #99ccff url('../images/background_book_2.png') no-repeat;}

div.boxlink  a:link {
		  color:#ffffff; font-size:16px; font-wight:bold; text-decoration: none;
}

div.boxlink a:visited  {
		  color:#ffffff; font-size:16px; font-wight:bold; text-decoration: none;
}

div.boxlink  a:hover { 
		  color:#ffffff; font-size:16px; font-wight:bold; text-decoration:underline; 
}

div.boxlink a:active  {
		  color:#ffffff; font-size:16px; font-wight:bold; text-decoration: none;
}

.testa{
		  background-image:url(../images/background_fade.gif);
 		  background-repeat:repeat-x;
}

div.testa img {
  			display: inline;
  			margin: 3px;
  			padding:2px;
  			border: 1px solid #fafafa;
}

div.testa a:hover img { border: 1px solid #99ccff; }

.menu {
		  width: auto;
		  /*text-align:center;*/
		  margin: 20px 0px 20px 20px;
		  padding: 0px;
		  font: 150%/100% Arial, Helvetica, sans-serif;
}
.menu strong {
		  padding: 0 10px 0 0;
		  font-weight: normal;
		  /*position: absolute;*/
		  bottom: -.3em;
		  left: 0;
		  background: #eff5fd;
}
.menu em {
		  padding: 0 0 0 5px;
		  font: 110%/100% Georgia, "Times New Roman", Times, serif;
		  line-height:1.2em;
		  /*position: absolute;*/
		  bottom: -.2em;
		  right: 0;
		  background: #eff5fd;
}
.menu sup {
		  font-size: 60%;
		  color: #666;
		  margin-left: 3px;
}
.style2 li {
		 border-bottom: dashed 1px #000;
}
.credits {
	color: #999;
	font: 100% Georgia, "Times New Roman", Times, serif;
}

.copyright { width:auto; padding-top:10px; text-align:center; font-size:10px; }
.copyright a { text-decoration:underline; }

.liContent ul{ }
.liContent li{ margin:10px 20px 0px 30px; line-height:1.5em; padding: 0px 0px 8px 0px; border-bottom:1px dotted #ccc; }

#order textarea, input {
		border: 1px solid #c8dffb ;
		background-color: #ffffff;
	    padding:5px;
	    margin : 0px;
}

#order label { margin:0px; padding:0px; font-weight:bold;}

#order textarea:focus, input:focus {
			border: 1px solid #333333;
			background-color: #ffffff;
}

#order {
			-moz-border-radius: 6px; -webkit-border-radius: 6px;
		    text-align: left;
			border: #c8dffb solid 1px;
			background-color: #eff5fd;
			 
			padding:5px;
			margin-bottom: 5px;
}

#order2 {
	    text-align: left;
		border: #c8dffb solid 1px;
		background-color: #f9feff;
		width: 508px;
		padding:20px;
		margin-bottom: 5px;
}
	
#smallbox { 
	   border: #c8dffb solid 1px;
	   background-color: #eff5fd; 
	   width: auto;
	   padding:  8px 15px 8px 15px;
	   margin: 0px 0px 3px 0px;
	   border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
	
	.price {

  width: auto;
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0;
  font: 150%/100% Arial, Helvetica, sans-serif;
}
.price  li {
  clear: both;
  margin: 0;
  padding: 0 0 1.8em 0;
  position: relative;
  border-bottom: dotted 2px #999; 
}
.price strong {

  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: -.3em;
  left: 0;
   background: #eff5fd;
}
.price em {
  
  padding: 0 0 0 5px;
  font: 110%/100% Georgia, "Times New Roman", Times, serif;
  line-height:1.2em;
  position: absolute;
  bottom: -.2em;
  right: 0;
   background: #eff5fd;;
}
.price  sup {
  font-size: 60%;
  color: #666;
   
  margin-left: 3px;
}
 


