body { margin: 0px; padding: 0px; background-color: #ffffff; }

img { vertical-align: bottom; border: none; }

a, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

div.navmenu { font: 22pt 'Kanit', sans-serif; margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; color: #404040; width: 960px; text-align: right; }
a.navmenuabout, a.navmenuabout:visited, a.navmenuabout:active { text-decoration: none; color: #000000; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #ffffff; border-radius: 10px; }
a.navmenuabout:hover, span.navmenuabout { text-decoration: none; color: #f00080; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #f00080; border-radius: 10px; }
a.navmenuwhatwedo, a.navmenuwhatwedo:visited, a.navmenuwhatwedo:active { text-decoration: none; color: #000000; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #ffffff; border-radius: 10px; }
a.navmenuwhatwedo:hover, span.navmenuwhatwedo { text-decoration: none; color: #3090f0; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #3090f0; border-radius: 10px; }
a.navmenuwork, a.navmenuwork:visited, a.navmenuwork:active { text-decoration: none; color: #000000; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #ffffff; border-radius: 10px; }
a.navmenuwork:hover, span.navmenuwork { text-decoration: none; color: #60c030; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #60c030; border-radius: 10px; }
a.navmenuletstalk, a.navmenuletstalk:visited, a.navmenuletstalk:active { text-decoration: none; color: #000000; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #ffffff; border-radius: 10px; }
a.navmenuletstalk:hover, span.navmenuletstalk { text-decoration: none; color: #ff6600; margin: 0px 0px 0px 20pt; border-bottom: 10px solid #ff6600; border-radius: 10px; }

div.attractbox { margin: 40px auto 0px auto; padding: 0px 50px 5px 50px; height: 135pt; line-height: 135pt; width: 850px; background-color: #000000; border: 5px solid #000000; border-radius: 20px; box-shadow: 0px 0px 12px 0px #a0a0a0; }
div.attractbox>span { font: 40pt 'Kanit', sans-serif; color: #ffffff; vertical-align: middle; display: inline-block; line-height: 45pt; }

table.layouttable { border-collapse: collapse; border: none; margin: 40pt auto 0px auto; width: 960px; }
td.layoutcolumn1 { border: none; padding: 0px 0px 0px 0px; width: 620px; vertical-align: top; text-align: left; }
td.layoutcolumn2 { border: none; padding: 0px 0px 0px 0px; width: 340px; vertical-align: top; text-align: right; }
td.layoutcolumn3 { border: none; padding: 0px 0px 0px 0px; width: 460px; vertical-align: top; text-align: left; }
td.layoutcolumn4 { border: none; padding: 0px 0px 0px 0px; width: 500px; vertical-align: top; text-align: right; }

div.contentheading { font: 17pt 'Kanit', sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #404040; }
div.contentsubheading { font: 14pt 'Kanit', sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #404040; }
div.contentbody { font: 11pt 'Arial', sans-serif; margin: 10pt 0px 0px 0px; padding: 0px 0px 0px 0px; color: #404040; }
ul { color: #ff0000; margin: 10pt 0px 0px 0px; }
li { font: 11pt 'Arial', sans-serif; color: #404040; }
div.contentimagebar { font: 11pt 'Arial', sans-serif; margin: 40pt auto 0px auto; padding: 40pt 0px 40pt 0px; color: #404040; text-align: center; vertical-align: middle; }
div.contentimagebar img { border: none; vertical-align: middle; }

td.layoutcolumn2 img { border: none; vertical-align: top; box-shadow: 0px 0px 12px 0px #a0a0a0; }
td.layoutcolumn4 img { border: none; vertical-align: top; }

div.talkbox { margin: 0px auto 0px auto; padding: 20px 20px 20px 20px; background-color: #ffffff; border: 5px solid #ff6600; border-radius: 20px; box-shadow: 0px 0px 12px 0px #a0a0a0; text-align: left; }

div.footer { margin: 40pt auto 0px auto; padding: 20px 0px 20px 0px; width: 950px; background-color: #ffffff; border: 5px solid #000000; border-radius: 20px; box-shadow: 0px 0px 12px 0px #a0a0a0; text-align: center; }
