@font-face {
    font-family: "THSarabunNew";
    src: url('THSarabunNew.ttf')';
}

@font-face {
    font-family: "THSarabunNew Bold";
    src: url('THSarabunNew Bold.ttf');
}

@font-face {
    font-family: "THSarabunNew Italic";
    src: url('THSarabunNew Italic.ttf');
}

@font-face {
    font-family: "THSarabunNew BoldItalic";
    src: url('THSarabunNew BoldItalic.ttf');
}

body {
	background: url("images/bk.png") darkgray; margin: 20px; padding: 0px; color: rgb(0, 102, 204); font-family: "Verdana"; font-size: 10px;
}
body dt {
	color: darkslategray; padding-bottom: 10px; padding-left: 10px; font-size: 9pt; font-weight: bolder;
}
body dd {
	color: darkslategray; padding-top: 0px; padding-bottom: 10px; font-size: 8pt; vertical-align: top;
}
body p {
	color: darkslategray; font-size: 8pt;
}
h1 {
	margin: 0px; padding: 0px; color: rgb(105, 105, 105); text-transform: uppercase;
}
h2 {
	margin: 0px; padding: 0px; color: rgb(105, 105, 105); text-transform: uppercase;
}
h3 {
	margin: 0px; padding: 0px; color: rgb(105, 105, 105); text-transform: uppercase;
}
h4 {
	margin: 0px; padding: 0px; color: rgb(105, 105, 105); text-transform: uppercase;
}
h5 {
	margin: 0px; padding: 0px; color: rgb(105, 105, 105); text-transform: uppercase;
}
h6 {
	margin: 0px; padding: 0px; color: rgb(105, 105, 105); text-transform: uppercase;
}
td.HatchedCell {
	background: rgb(245, 245, 245); border: 1px solid silver; color: rgb(32, 32, 32); padding-left: 10px; font-size: x-small;
}
td.HeaderCell {
	background: rgb(85, 86, 86); border: 1px solid silver; text-align: center; color: white; font-size: 9pt; font-weight: bold;
}
h1 {
	
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
p {
	margin-top: 3px;
}
ul {
	margin-top: 3px;
}
ol {
	margin-top: 3px;
}
p.punch {
	color: green;
}
blockquote {
	font-style: italic;
}
pre {
	padding-top: 8pt; padding-bottom: 10pt; padding-left: 10pt;
}
a {
	color: rgb(0, 102, 255); text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
img {
	border: currentColor;
}
#header {
	background: url("images/") no-repeat white; border-width: 1px 1px medium; border-style: solid solid none; border-color: gray gray currentColor; margin: 0px auto; padding: 5px 5px 10px; width: 900px; height: 70px;
}
#header img {
	border: currentColor; vertical-align: top; float: right;
}
#header h1 {
	text-align: center; font-size: 3em;
}
#header h2 {
	text-align: center; font-size: 1.4em;
}
#header a {
	color: rgb(158, 104, 19); text-decoration: none;
}
#menu {
	background: rgb(104, 104, 104); border-width: medium 3px; border-style: none solid; border-color: currentColor gray; margin: 0px auto; padding: 4px; width: 900px; height: 30px; font-family: "Verdana";
}
#menu h2 {
	display: none;
}
#menu ul {
	list-style: none; margin: 0px; padding: 0px;font-family:  "Verdana"; font-size: 9pt;
}
#menu li {
	vertical-align: middle; display: inline;
}
#menu a {
	width: 110px; height: 24px; text-align: center; color: rgb(255, 255, 255); padding-top: 6px; font-family:  "Verdana"; font-size: 9pt; text-decoration: none; float: left; display: block;
}
#menu a:hover {
	background: rgb(64, 64, 64);
}
#menu .active a {
	background: rgb(64, 64, 64);
}
div.header {
	padding: 0.5em; color: white; clear: left; background-color: rgb(105, 105, 105);
}
div.Tab1 {
	margin-left: 0pt;
}
div.Tab2 {
	margin-left: 30pt;
}
div.Tab3 {
	margin-left: 60pt;
}
div.Tab4 {
	margin-left: 90pt;
}
div.Features {
	color: black; font-size: 9pt; font-weight: normal; margin-top: 5px; margin-bottom: 5px; margin-left: 30pt;
}
div.title {
	background: rgb(68, 140, 203); text-align: left; color: white; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; clear: left; font-family: "Segoe UI Light", "Segoe Segoe UI", "Verdana"; font-size: 16pt; font-weight: normal; margin-top: 5px; margin-bottom: 5px;
}
div.titleGray {
	text-align: left; color: rgb(47, 79, 79); padding-top: 5px; padding-bottom: 5px; clear: left; font-size: 14pt; font-weight: bold; margin-top: 5px; margin-bottom: 5px;
}
div.bluetitle {
	text-align: left; color: rgb(102, 153, 204); clear: left; font-size: 8pt; font-weight: bold;
}
span.product {
	font-size: small; font-weight: bold;
}
div.boxed {
	padding: 6px 20px; border: 1px solid rgb(101, 153, 255); color: darkslategray; font-size: 8pt; background-color: rgb(245, 245, 245);
}
div.bluebox {
	padding-top: 6px; padding-bottom: 16px; padding-left: 20px; background-color: rgb(238, 243, 249);
}
div.subtitle {
	background: white; text-align: left; color: rgb(105, 105, 105); padding-top: 5px; padding-bottom: 10px; padding-left: 0px; font-size: 9pt; font-weight: bold;
}
div.testimonial {
	color: gray; padding-top: 10px; padding-bottom: 0px; font-size: 8pt; font-style: italic;
}
div.signature {
	text-align: right; color: black; padding-top: 2px; padding-bottom: 4px; font-size: 8pt; font-style: italic;
}
div.footer {
	background: rgb(245, 245, 245); padding: 5px;  color: rgb(105, 105, 105); clear: left;  border-top-color: silver; border-top-width: 2px; border-top-style: solid;font-family: tahoma;font-size:10pt;
}
div ul {
	padding-top: 0px; margin-top: 8px; margin-bottom: 4px; margin-left: 20px;
}
div li {
	padding: 0px; color: darkslategray; font-size: 9pt;line-height: 18px;
}
h1.header {
	margin: 0px; padding: 0px;
}
div.container {
	background: white; margin: 0px auto; padding: 5px; border: 1px solid gray; width: 900px; line-height: 150%;
}
div.left {
	padding: 10px; width: 180px; margin-left: 710px;
}
div.list {
	padding: 10px; border: 1px solid silver; color: black; margin-top: 10px; margin-bottom: 10px; background-color: rgb(243, 243, 204);
}
div.important {
	background: rgb(250, 250, 210); padding: 10px; border: 1px solid silver; color: rgb(105, 105, 105); margin-top: 10px; margin-bottom: 10px;
}
div.snapshot {
	
}
div.offset {
	margin-left: 20px;
}
div.fieldname {
	width: 180px; text-align: right; padding-top: 4px; clear: left; font-size: 8pt; margin-left: 20px; float: left;
}
div.fieldinput {
	font-size: 8pt; margin-top: 1px; margin-left: 210px;
}
div.content {
	margin: 0px; padding: 10px;  color: rgb(105, 105, 105); width:850px; vertical-align: top; border-right-color: gray;font-family: Verdana;font-size:10pt;
}
div.content2{
      margin: 5px; 
        width:100%; 
        border-bottom: 1px dotted #000

}
div.column1 {
	width: 100px; float: left;
}
div.column250px {
	width: 250px; float: left;
}
div.column2 {
	width: 520px; text-align: left; padding-right: 10px; padding-left: 10px; margin-left: 102px;
}
div.columnleft {
	width: 50%; float: left;
}
div.columnright {
	width: 47%; margin-left: 51%;
}
div.columnleftOneThirds {
	width: 35%; clear: left; float: left;
}
div.seal {
	width: 35%; float: left;
}
div.sealtext {
	width: 60%; text-align: left; margin-left: 37%; vertical-align: top;
}
div.columnrightTwoThirds {
	width: 60%; margin-left: 37%;
}
div.gallery {
	padding: 0px; text-align: center; margin-top: 0px; margin-bottom: 0px;
}
.Invoice {
	margin: 0px; padding: 20px 0px 0px 20px; border: 1px solid black; width: 900px; text-align: left; color: black; font-size: 8pt;
}
td.InvoiceNormal {
	padding: 20px; border: 0px solid silver; width: 400px; text-align: left; color: black; font-size: 8pt; margin-top: 20px; margin-bottom: 20px; vertical-align: top;
}
td.InvoiceLarge {
	padding: 20px; border: 0px solid silver; width: 400px; text-align: left; color: black; font-size: 14pt; font-weight: bolder; margin-top: 20px; margin-bottom: 20px; vertical-align: top;
}
p.InvoiceLarge {
	color: black; font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold;
}
p.InvoiceNormal {
	color: black; font-family: Verdana; font-size: 8px; font-style: normal;
}
table.gridtable {
	border-width: 1px; border-color: rgb(102, 102, 102); color: rgb(51, 51, 51); font-family: verdana,arial,sans-serif; font-size: 11px; border-collapse: collapse;
}
table.gridtable th {
	padding: 8px; border: 1px solid rgb(102, 102, 102); background-color: rgb(222, 222, 222);
}
table.gridtable td {
	padding: 8px; border: 1px solid rgb(102, 102, 102); background-color: rgb(255, 255, 255);
}