html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing: 0;
}

/* clearfix hack */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}






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

@font-face {
 font-family: PSPimpdeedIINew;
 src: url("PSPimpdeedIINew.eot"); /* EOT file for IE */
}
@font-face {
 font-family: Cambria;
 src: url(../font/CAMBRIA.TTC) /* TTF file for CSS3 browsers */
}
.ตัวหนังสือ  * { font-family: PSPimpdeedIINew;}



* {
	margin:  0;
	padding: 0;
}

body {
	font-family: "Courier New", Courier, monospace;
	background: #FFF;
	width:100%;
	height:100%;
 }
input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:20px; font-family: Cambria; /*Georgia, "Times New Roman", Times, serif;*/ color: #7b4c5e; 
	margin-bottom:10px; border-bottom:#a4fa39 solid 1px; padding-bottom:7px; text-indent:10px; } 
h2{font-size:14px; font-family: Verdana, Geneva, sans-serif; color:#677c4f; margin: 0 0 0 0px;
	text-align:right; line-height: 1.3em;}
h3{font-size:15px; font-family: Cambria; color:#f73685; line-height: 1.3em; }
h4{font-size:12px; font-family: Verdana, Geneva, sans-serif; color:#666; margin-right:10px; 
	margin-top:7px; text-align:right; line-height: 1.5em;
}
h5{font-size:12px; 
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-right:10px;
}
h6{font-size:14px; color: #ffff04;}
p {font-size:14px; font-family: Cambria; /* Verdana, Geneva, sans-serif;*/  color: #666; line-height: normal; text-indent:30px; text-align:justify;}

a:link, a:visited{
	color:#a4fa39;
	text-decoration:none;

}

a:hover{
	color:#f73685;
	text-decoration:none;

}

/* ------------------------------
page
------------------------------ */

#container {
	margin:0px auto;
	width:960px;
	min-height: 920px;
	background:#FFf;
}
/* ------------------------------
header
------------------------------ */
#header {	
	height:180px;
}


#logo {
	float:left;
	margin-top:0px;
	margin-left:0px;
	width:235px;
}
#slogan {
	float:right;
	width:450px;
	margin-top:70px;
	margin-right:10px;
}

/* ------------------------------
menu 
------------------------------ */
#menu {
	clear:both;
	background: #2d4c00;
	height:30px;
	
}
/* Vertical Navigation */
#vertical-navigation { 
	list-style: none;
	margin-left:45px;
	padding: 0;
	font-size: 1.2em;
	float: left;
	position: relative}


/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative;}

#vertical-navigation li a
{
	display: block;
	padding: 8px 20px 10px 20px ;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a,
#vertical-navigation li a:hover
{
	background: #677d4e;
	color: #a4fa39;	
}


/* ------------------------------
feature 
------------------------------ */
#feature {
	background: #fff;
	height:280px;
	margin-top:20px;
	
}

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

#content {
	height:320px;
	margin-top:20px;
	
}


#left-content {
	width:275px;
	float:left;
}
.content-top {
	background: #d2ff9c;
	height:300px;
	padding: 12px 20px 0px 25px;
}

.content-end{
	background: url(../images/content-bg.jpg) no-repeat;
	height:20px;
}



#right-content {
	background: #d2ff9c;
	width:675px;
	float:right;
	height:300px;
}
#right-content-end {
	background: url(../images/content-bg.jpg)no-repeat;
	float:right;
}

#big-content {
	margin-top:20px;
	height:620px;
}
.big-content-top {
	background: url(../images/big-bg-top-03.jpg) no-repeat;
	width: 960px;
	height:600px;
}


.big-content-end{
	background: url(../images/content-bg-end.jpg) no-repeat;
	height:20px;
}

.text-box {
	float:left;
	width:485px;
	padding: 30px 10px 20px 45px;
}


.text-box-2 {
	float: right;
	width:300px;
	margin-right:35px;
	margin-top: 77px;
	background: #f6ffea;
	padding: 10px 20px 10px 20px;
	text-align:right;
}
.box {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #f6ffea;
	padding: 10px 20px 10px 20px;
	
}
.box-about {
	float: right;
	width:300px;
	margin-right:35px;
	margin-top: 77px;
	background: #f6ffea;
	padding: 10px 10px 10px 10px;
	text-align:right;
}
.box-product {
	float: right;
	width:300px;
	margin-right:35px;
	margin-top: 77px;
	background: #f6ffea;
	padding: 10px 10px 10px 10px;
	text-align:right;
}


/* ------------------------------
slider 
------------------------------ */

#slider {position: relative; overflow: hidden;height:150px; margin-top:20px; border:#677c4f solid 3px;}
#slider img {position:absolute;	margin:0; height:150px;;display:none; border-left:#677c4f solid 2px;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}

/* ------------------------------
footer
------------------------------ */

#footer {
	clear:both;
	background: #fff;
	height:90px;
	margin-top:15px;
	
	
}
#tab {
	text-align:right;
	background: #2d4c00;
	height:18px;
	padding: 8px 5px 5px 5px;
}