@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	background-color:#fff;
	background-image:url(../images/backgrnd-site1.jpg);
	color:#333;
	margin:0px auto;
}

div#container
{
	margin:10px auto;
	text-align:left;
	padding:5px 5px 20px;
	width: 900px;
	background-color:#FFF7EF;
	overflow: hidden;
	font-family:Arial, Helvetica, sans-serif;
}

#headerbar {
	height: 145px;
	width: 898px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/header-bar.png);
background-repeat:no-repeat;
}
div#copyright
{
	padding-top: 15px;
	margin:0px auto;
	width: 900px;
	font-size: 12px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}

/*----------------------------
Menu
------------------*/

#menu {
	margin-top: 15px;
	padding-bottom:5px;
	border-bottom:#004D4D thin solid;
	font-size: 16px;	
}

#menu ul {
	margin: 0 10px;
	padding:0;	
}
	
#menu li {
	color:#333;
	padding: 0 14px;
	margin-top: 20px;
	display:inline;
	text-decoration: none;
	list-style-type: none;
	border-right:thin solid #999;	
}

#menu ul .last{
	border-right:none;	
}

#menu a {
	color:#333;
	text-decoration: none;	
}

#menu a:hover {
	color: #F93;	
}

/*----------Current page
---------*/
#menu a.current {
	color:#F93;
	text-decoration: none;
	font-weight:bold;	
}

#menu a.current:hover {
	color:#333;	
}
/*------------------------------
Left Content
--------------------------*/

#whatis {
	padding:0 30px 0 0;
	width:560px;
	float:right;
	margin-top: 30px;
}

#whatis ol{
	margin-top: 5px;
	margin-bottom: 5px;
}

#whatis > ol {
	font-size: 12px;
	color:#333;
	line-height: 20px;
}

p {
	font-size: 12px;
	color:#333;
	line-height: 20px;
	margin:0 0 15px 0;
	
}

#maininage{
	float:left;
	padding-top:20px;
	
}

.name {
	font-size:16px;
	color:#004D4D;
	text-align:right;
	border-top:#004D4D solid thin;
	padding-bottom:15px;
}


h1 {
 font-size: 25px !important;	
}

h2 {
 font-size: 20px !important;	
}

h3 {
 font-size: 16px !important;	
}

h4 {
 font-size: 13px !important;	
}


h1, h2, h3, h4 {
	margin:0;
	padding: 0 0 5px 0;
	color:#004D4D;
}

#box {
	border:#999 thin solid;
	padding: 3%;
	margin:  2% 5%;
	width:83%;
}

#box ul{
	margin-top: 5px;
	margin-bottom: 5px;
}

#box > ul {
	font-size: 12px;
	color:#333;
	line-height: 20px;
}

#box p {
	margin:0;	
}

.orangetitle {
	color:#C60;
	font-weight: bold;	
}

/*----------------------
Books Homepage---------------*/

div.book {
	background-color:#004A4A;
	overflow: hidden;
	width: 88%;
	padding: 10px 30px 10px 30px;

}

div.left {
	width: 45%;
	float: left;
}

div.right {
	width: 45%;
	float: right;
	padding-left: 30px;
	border-left: #FFF thin solid;
}


div.book .info {
	width: 55%;
	font-size: 14px;
	color: #fff;
	float:left;	
}

.bookimg {
	float: right;
	padding: 5px;
	width: 100px;
}
.linktitle {
	font-weight: bold;
	font-size: 16px;
}

.readbutton {
		width: 99%;
		float:left;
		clear:both;
		font-size: 14px;
}

a.read {
	display:block;
	height: 24px;
	text-decoration:none;
	color: #FFFFFF;
	padding-top: 10px;
	background: url(../images/button.png)left top;
	background-repeat:no-repeat;
	margin-top: 10px;
	padding-left:10px;
}

a.read:hover {
	background: url(../images/button.png)left bottom;
	background-repeat:no-repeat;
	color:#004D4D;
}


/*-- Books page -*/
#description {
	padding: 0 20px 0 30px;
	width:840px;
	float:right;
	margin-top: 30px;
}

#description .info {
	width: 75%;
	font-size: 14px;
	float:left;	
}

#description .bookimg {
	padding: 5px;
	width: 170px;
}


/*----------------------
Books Home---------------*/

.book {
	background-color:#004D4D;
	overflow: hidden;
	width: 90%;
	padding: 10px 10px 10px 10px;
	margin-bottom: 50px;
	color: #fff;

}

div.left {
	width: 99%;
	float: left;
}

div.right {
	width: 49%;
	float: right;
	padding-left: 10px;
	border-left: #FFF thin solid;
}

div.book .info {
	width: 65%;
	font-size: 14px;
	color: #fff;
	float:right;	
}

div.book .title {
	color: #fff;	
}

.bookimg {
	float: left;
	padding: 5px;
}

.bookimg2 {
	float: left;
	padding: 5px 15px 5px 20px;
	
}

a.read {
	display:block;
	height: 24px;
	text-decoration:none;
	color: #FFFFFF;
	padding-top: 10px;
	background-repeat:no-repeat;
	margin-top: 15px;
	padding-left:15px;
	background-image: url(../images/button.png);
	background-position: left top;
	font-weight:bold;
}

a.read:hover {
	background: url(../images/button.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	color:#303;
}

#paragraph {
	font-size: 12px;
	width: 86%;
	color:#333;
	line-height: 20px;
	clear:both;
	padding: 3%;
	margin:  2% 0;
	
}

div#paragraph li{
	padding-bottom: 15px;
}

div#paragraph #list{
	padding-bottom: 5px;
}



.orderbutton {
		width: 99%;
		float:left;
		clear:both;
		font-size: 16px;
}

a.order {
	display:block;
	height: 24px;
	text-decoration:none;
	color: #FFFFFF;
	padding-top: 10px;
	background-repeat:no-repeat;
	margin-top: 15px;
	padding-left:15px;
	background-image: url(../images/buttonorder.png);
	background-position: left top;
	font-weight:bold;
}

a.order:hover {
	background: url(../images/buttonorder.png)left bottom;
	background-repeat:no-repeat;
	color:#303;
}

a.bbc {
	display:block;
	height: 45px;
	text-decoration:none;
	color: #FFFFFF;
	padding-top: 10px;
	background-repeat:no-repeat;
	margin-top: 15px;
	padding-left:15px;
	background-image: url(../images/buttonorder2.png);
	background-position: left top;
	font-weight:bold;
}

a.bbc:hover {
	background: url(../images/buttonorder2.png)left bottom;
	background-repeat:no-repeat;
	color:#303;
}

a.back {
	display:block;
	height: 24px;
	text-decoration:none;
	color: #FFFFFF;
	padding-top: 10px;
	background-repeat:no-repeat;
	margin-top: 15px;
	padding-left:15px;
	background-image: url(../images/backbutton.png);
	background-position: left top;
	font-weight:bold;
}

a.back:hover {
	background: url(../images/backbutton.png)left bottom;
	background-repeat:no-repeat;
	color:#303;
}

/*------------
FAQ-----------*/

a.faq {
	font-size:16px;
	color:#004D4D;
}

.question {
	text-align:left;
}

/*-- Links page ---*/
#links {
	margin:30px auto;
	padding:0 20px 0 30px;
	width:620px;
}

/*-- Contact Info --*/
div.contact {
	width: 95%;
	float: left;
}
.contactinfo {
	width: 32%;
	font-size: 16px;
	color: #333;
	float:left;
	line-height: 18px;
	padding-right: 10px;
	margin:  2% 0 0 0;
	line-height: 20px;
}

div#contactbox {
	border:#999 thin solid;
	padding: 3%;
	float:right;
	margin:  2% 3% 0 0;
	width:50%;
	font-size: 14px;
	line-height: 20px;
}