/* Main CSS */
html {
	min-height: 101%;
}

a img {
border: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #ffffff;
	padding: 0;
	margin: 0;
	min-height: 101%;
}

body.about dt#about,
body.about dt#about a,
body.design dt#design,
body.design dt#design a,
body.portfolio dt#portfolio,
body.portfolio dt#portfolio a,
body.translation dt#translation,	
body.translation dt#translation a,
body.walailak dt#walailak,	
body.walailak dt#walailak a {
	background-position: 0 -100px;
}

.hidden {
	display: none;
}

#page-container {
	margin-left: 125px;
	margin: auto;
	width: 760px;
}

#main-nav {
	height: 50px;
}

#main-nav dl {
	margin: 0;
	padding: 0 0 0 11px;
}

#main-nav dt {
	float: left;
}

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	color: white;
}

#main-nav dt a:hover {
	background-position: 0 -50px;
}

body.english#main-nav dt#about, body.english #main-nav dt#about a 
{
	width: 71px; 
	background-image: url(../images/nav/about.gif); 
}

body.english #main-nav dt#design, body.english #main-nav dt#design a 
{
	width: 104px; 
	background-image: url(../images/nav/design.gif); 
}

body.english #main-nav dt#portfolio, body.english #main-nav dt#portfolio a 
{
	width: 92px; 
	background-image: url(../images/nav/portfolio.gif); 
}

body.english #main-nav dt#translation, body.english #main-nav dt#translation a 
{
	width: 110px; 
	background-image: url(../images/nav/translation.gif); 
}

body.thai #main-nav dt#about, body.thai #main-nav dt#about a 
{
	width: 71px; 
	background-image: url(../images/nav/about_th.gif); 
}

body.thai #main-nav dt#design, body.thai #main-nav dt#design a 
{
	width: 104px; 
	background-image: url(../images/nav/design_th.gif); 
}

body.thai #main-nav dt#portfolio, body.thai #main-nav dt#portfolio a 
{
	width: 92px; 
	background-image: url(../images/nav/portfolio_th.gif); 
}

body.thai #main-nav dt#translation, body.thai #main-nav dt#translation a 
{
	width: 110px; 
	background-image: url(../images/nav/translation_th.gif); 
}

body.thai #main-nav dt#walailak, body.thai #main-nav dt#walailaka 
{
	width: 88px; 
	background-image: url(../images/nav/walailak.gif); 
}

body.english #main-nav dt#lang, body.english #main-nav dt#lang a 
{
	width: 110px;
	background-image: url(../images/nav/thai.gif); 
}

body.thai #main-nav dt#lang, body.thai #main-nav dt#lang a 
{
	width: 110px;
	background-image: url(../images/nav/english.gif); 
}

body.about #header{
	height: 150px;
	background: #FE6A12
		    url(../images/header/about.jpg);
}

body.design #header{
	height: 150px;
	background: #6F9408
		    url(../images/header/design.jpg);
}

body.translation #header{
	height: 150px;
	background: #003ad9
		    url(../images/header/translation.jpg);
}

body.walailak #header{
	height: 150px;
	background: #590d79
		    url(../images/header/walailak.jpg);
}

body.portfolio #header{
	height: 150px;
	background: #5b0101
		    url(../images/header/portfolio.jpg);
}

#sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;	
}

#sidebar-a .padding {
	padding: 25px;
}

body.thai.portfolio #sidebar-a .padding {
	padding: 43px 25px 25px 25px;
}

#sidebar-a p {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

.center {
	text-align: center;
}

a.center {
	text-align: center;
}

.recent {
	padding: 0;
}

.recent a img{
	border: 0;
}

 .padding hr {
	width: 80%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: none;
}

#content {
	margin-right: 280px;
	line-height: 18px;
}

#content .padding {
	padding: 25px 25px 0px 25px;
}

h2 {
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: normal;
	font-size: 1.6em;
}

body.about h2 {
	color: #FE6A12;
}

body.design h2 {
	color: #6F9408;
}

body.portfolio  h2 {
	color: #883D3C;
}

body.translation  h2 {
	color: #003ad9;
}

#content p {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

.contactbox {
	float: left;
}

.contactdetails {
	float: left;
	padding-left: 25px;
}

#footer {
	clear: both;
	height: 66px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #AAAAAA;
	border-top: 1px solid #AAAAAA;
	padding: 5px 25px 0px 25px;
	line-height: 18px;
}

#footer a {
	color: #AAAAAA;
}

#footer #altnav {
	float: right;
	text-align: left;
}

h1 {
	padding: 0;
	margin: 0;
	float: right;
	margin-top: 57px;
	padding-right: 31px;
}

a, a:hover {
	text-decoration: none;
}

body.about  a:hover, body.about a, body.about #footer a:hover {
	color: #FE6A12;
}

body.design  a:hover, body.design a, body.design #footer a:hover {
	color: #6F9408;
}

body.portfolio  a:hover, body.portfolio a, body.portfolio #footer a:hover {
	color: #883D3C;
}

body.translation  a:hover, body.translation a, body.translation #footer a:hover {
	color: #003ad9;
}

body.walailak  a:hover, body.walailak a, body.walailak #footer a:hover {
	color: #590d79;
}

.emspecial 
{
	display:none;
}

.emfirst, .emsecond 
{
	display:inline;
}

.portfolio_desc {
	height: 235px;
	padding-bottom: 15px;
}

.portfolio_desc  {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

.height {
	height: 250px;
}

hr.portfolio-hr {
	color: #CCCCCC;
	background-color: #CCCCCC; 
	width: 100%;
	padding: 0;
	height: 1px;
	border: none;
}

.header3 {
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
}

.formerror {
color: red;
text-transform: uppercase;
margin: 0;
padding: 0;
font-weight: bold;
padding-left: 15px;
}

h3 {
color: #003ad9;
text-align: center;
padding:20px 0;
margin:0;
font-size: 1.4em;
}

h3.cancelled {
color: red;
}

h4 {
font-size: 1.1em;
font-weight: bold;
margin: 0;
}

h5 {
font-size: 1.3em;
font-weight: bold;
margin: 0;
}

table{
border-collapse: collapse;
margin: 10px 0 20px;
}

table td{
width: 30%;
padding: 10px 5px 10px 5px;
text-align: center;
border: 1px solid black;
}

table img:hover {
cursor: pointer;
}

/* PayPal */

body.paypal #main {
text-align: center;
margin: 0 auto;
width: 700px;
}

body.paypal #main img.logo {
padding: 30px 0 0 10px;
float: left;
}

body.paypal #header {
background: transparent url(../images/paypal/nav_main_bg.gif) repeat-x bottom; 
height: 6px;
clear: left;
padding-top: 20px;
}

body.paypal h4 {
padding: 40px 0 20px;
font-size: 1.2em;
color: #000;
}

body.paypal #main img.login {
float: none;
}

body.paypal p {
padding: 20px 0 15px 0; 
}

body.paypal h5 {
color: #1a3665;
font-size: 1.2em;
padding: 0;
margin: 0;
}

#tran_flash {
position: fixed;
top:0;
right: 0;
}