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

* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0pt auto;
	background: url(../images/bg.JPG) fixed;
	}
	
#wrapper {
	margin: 0pt auto;
	width: 890px;
	height: auto;
	position: relative;
	}

div.header {
	margin: 0pt auto;
	width: 890px;
	height: 44px;
	background: url(../images/header.png);
	}

div.content_wrapper {
	margin: 0pt auto;
	width: 890px;
	height: auto;
	padding: 30px 0 0 0;
	margin-bottom: 30px;
	background: url(../images/transparent_bg.png);
	}

/*----------------------------------------*/
/*               title_left                   */
/*----------------------------------------*/

#nav {
	width: 890px;
	height: 36px;
	margin: 0pt auto;
	position: relative;
}

#nav ul {
	list-style-type: none;
	float: right;
	}
	
#nav li {
	float:left;
	padding:0;
	margin:0
}
	
#nav li a {
	text-indent:-2000%;
	outline:none;
	display: block;
	background-position:top
}
#nav li a:hover {
	background-position: bottom;
}

#nav .nav1 a {
	width: 119px;
	height: 36px;
	background-image: url(../images/nav-home.jpg)
}

#nav .nav2 a {
	width: 119px;
	height: 36px;
	background-image: url(../images/about-nav.jpg)
}

#nav .nav3 a {
	width: 119px;
	height: 36px;
	background-image: url(../images/contact-nav.jpg)
}

/*----------------------------------------*/
/*               title_left                   */
/*----------------------------------------*/

div.title {
	width: 542px;
	height: 54px;
	margin-top: 20px;
	background: url(../images/lines.png) repeat-x top;
	position: absolute;
	clear: both;
	left: -120px;
	z-index: 200;
	}
	
div.title h3 {
	width: 400px;
	height: 38px;
	background-color: #1a1a1c;
	display: block;
	position: absolute;
	text-align: right;
	padding: 2px 5px 0 0;
	color: #ff9000;
	bottom: 0;
	top: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	}


/*----------------------------------------*/
/*               title_right                   */
/*----------------------------------------*/

div.title_right {
	width: 542px;
	height: 54px;
	margin-top: 20px;
	background: url(../images/lines.png) repeat-x top;
	position: absolute;
	clear: both;
	right: -120px;
	float: right;
	z-index: 300;
	}
	
div.title_right h3 {
	width: 386px;
	height: 38px;
	background-color: #1a1a1c;
	display: block;
	position: relative;
	text-align: left;
	margin: 2px 0 0 146px;
	padding: 2px 0 0 10px;
	color: #ff9000;
	bottom: 0;
	top: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	}

/*----------------------------------------*/
/*               content                  */
/*----------------------------------------*/

div.content {
	width: 650px;
	height: auto;
	padding: 0 0 0 0;
	display: block;
	position: relative;
	float: left;
	}

div.content h1 {
	background: url(../images/title.png) ;
	height: 45px;
	width: 641px;
	display: block;
	text-indent: -9999px;
	margin: 0pt auto;
}


div.content h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	letter-spacing: 0.8px;
	line-height: 1.5em;
	color: #ffdd41;
	margin: 0pt auto;
	padding: 20px 0 0 0;
	}
	
div.content h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 100px;
	letter-spacing: 0.1px;
	text-align: justify;
	line-height: 1.4em;
	color: #dddddd;
	margin: 0pt auto;
	padding: 5px 0 0 0;
	}
	
div.content h4 a {
	text-decoration: none;
	color: #dddddd;
	}

div.content h4 a:hover {
	color: #F60}

div.content h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.2px;
	line-height: 1.4em;
	text-align: left;
	display: block;
	color: #fff000;
	margin: 0pt auto;
	padding: 20px 0 0 0;
	}

	
div.content h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.2px;
	line-height: 1.4em;
	text-align: left;
	display: block;
	color: #fff000;
	margin: 0pt auto;
	padding: 20px 0 0 0;
	}
	
div.content .define {
	font-family: “Lucida Grande”, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
	color: #FC6;
	margin: 0pt auto;
	padding: 20px 0 0 0;
	}
	
div.content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	text-align: justify;
	color: #f9f6f6;
	margin: 0pt auto;
	padding: 7px 0 5px 0;
	}

div.content p a {
	color: #F99;
	text-decoration: none;
	outline: none;
	}
	
div.content p a:hover {
	color: #fff;
	font-style: italic;
	text-decoration: none;
	outline: none;
	}
	
div.content em {
	color: #feabb7;
	}
	
div.content strong {
	color: #ff8b9b;
	font-style: italic;
	}

div.imgbox {
	width: 420px;
	height: auto;
	margin: 8px 15px 20px 0;
	float: left;
	}

div.imgbox p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.45em;
	text-align: left;
	color: #F99;
	margin: 0pt auto;
	padding: 7px 0 0 0;
	}

div.imgbox p a {
	color: #F99;
	text-decoration: none;
	outline: none;
	}
	
div.imgbox p a:hover {
	color: #fff;
	font-style: italic;
	text-decoration: none;
	outline: none;
	}


div.space {
	width: 650px;
	height: 80px;
	position: relative;
	}
	
div.box {
	width: 650px;
	height: auto;
	padding-bottom: 30px;

	}


div.clear {
	width: 890px;
	height: 30px;
	clear: both;
	}

div.left {
	width: 120px;
	height: auto;
	float: left;
	position: relative;
	}

div.right {
	width: 120px;
	height: auto;
	float: left;
	position: relative;
	}
	
/*----------------------------------------*/
/*               buy e-books right                */
/*----------------------------------------*/

div.e-books {
	width: 97px;
	height: 478px;
	margin: 0 0;
	float: right;
	background: url(../images/ebook_right.png);
	}

div.e-books a {
	width: 71px;
	height: 292px;
	background-image: url(../images/ebook.jpg);
	background-position: top;
	text-indent:-2000%; 
	outline: none;
	margin: 160px 5px 0 0;
	display: block;
	float: right;
	}

div.e-books a:hover {
	background-position: 0 -292px;
	}



/*----------------------------------------*/
/*               buy e-books left                */
/*----------------------------------------*/

div.tnx-space {
	width: 90px;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	}
	
div.ebook_space_left {
	width: 90px;
	height: 900px;
	position: relative;
	overflow: hidden;
	font-size: 0;  
	}
	
* html div.ebook_space_left {
	height: 850px;
	}


div.e-books_left {
	width: 97px;
	height: 478px;
	padding: 0 23px 0 0;
	float: left;
	background: url(../images/ebook_left.png) no-repeat left;
	}

div.e-books_left a {
	width: 71px;
	height: 292px;
	background-image: url(../images/ebook.jpg);
	background-position: top;
	text-indent:-2000%; 
	outline: none;
	margin: 160px 0 0 5px;
	display: block;
	float: left;
	}

div.e-books_left a:hover {
	background-position: 0 -292px;
	}

/*----------------------------------------*/
/*               list                    */
/*----------------------------------------*/	

div.content ol {
	margin: 15px 0 0 50px;
	}

div.content ul {
	margin: 15px 0 0 50px;
	}
	
div.content ol li {
	margin: 10px 0 0 0;
	padding: 7px 0 0 0;
	}

div.content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	text-align: justify;
	color: #f9f6f6;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	}

div.content li a {
	color: #F99;
	text-decoration: none;
	outline: none;
	}
	
div.content li a:hover {
	color: #fff;
	font-style: italic;
	text-decoration: none;
	outline: none;
	}

/*----------------------------------------*/
/*               class                    */
/*----------------------------------------*/	


.h5_lightgreen {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0.6px;
	line-height: 1.4em;
	text-align: left;
	font-style: italic;
	color: #fefbc5;
	}

.strongtext {
	color: #f6c80f;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;
	text-align: left;
	margin: 0pt auto;
	}

.h5_pink{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0.2px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	font-style: italic;
	display: block;
	color: #ff9797;
	margin: 0pt auto;
	padding: 10px 0 0 0;
	}

/*----------------------------------------*/
/*               table                    */
/*----------------------------------------*/
div.table_box {
	width: 650px;
	height: auto;
	margin: 0pt auto;
	}

.table_wrap {
	height: auto;
	width: 650px;
	background-color: #202020;
	margin: 0pt auto;
	border-left: solid 1px #353535;
	border-bottom: solid 1px #353535;
	}

.table_wrap td {
	height: 32px;
	width: 650px;
	border-top: solid 1px #353535;
	border-right: solid 1px #353535;
	}

.table_wrap tr {
	width: 325px;
	height: 32px;
	}

.table_wrap tr h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 650px;
	color: #F93;
	padding: 5px 0 5px 0;
	text-align: center;
	}
	
.table_wrap tr h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #dcd741;
	padding: 5px 0 5px 0;
	text-align: center;
	}
	
.table_wrap td p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	text-align: justify;
	color: #acacac;
	margin: 0pt auto;
	padding: 7px 0 5px 25px;
	}
	
/*----------------------------------------*/
/*               back to top              */
/*----------------------------------------*/

div.back_totop {
	width: 92px;
	height: 77px;
	position: fixed;
	bottom: 50px;
	margin-left: 700px;
	right: 50px;
	z-index: 2000;
	background-image: url(../images/back_to_top.png)}
	
div.back_totop a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.2px;
	text-align: center;
	font-weight: bold;
	display: block;
	color: #485809;
	padding: 25px 0 0 3px;
	text-decoration: none;
	outline: none;
	}

div.back_totop a:hover {
	color: #000}