@charset "utf-8";
/* CSS Document for Veerakeat.com */
/* Compatibility Check date = 20100818 */
dummy {}
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #000; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ 
	padding-top: 0; /* was 25px */ text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ 
	color: #000; border: 1px none #F00; 
}
.oneColLiqCtrHdr #container { width: 80%;  /* this will create a container 80% of the browser width */ 
	background: #444; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	margin-top: 3em; margin-bottom: 0em; padding-bottom: 0.5em; border: 1px none #0F0; text-align: left; /* this overrides the text-align: center on the body element. */ 
}
.oneColLiqCtrHdr #container img { margin-top: 0.5em; 
}
.oneColLiqCtrHdr #container ul.pagetitle li { margin: 1.25em 0; 
}
.oneColLiqCtrHdr #header { background: inherit; margin: 0 0 0 3.3em; padding: 2.5% 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ 
}
.oneColLiqCtrHdr #container #header a.header { display: block; clear: both; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 72px; font-weight: bold; font-style: italic; letter-spacing: 0.54em; line-height: 150%; text-align: center; text-decoration: none; background: inherit; color: #FFFFFF; 
}
.oneColLiqCtrHdr #container #header a.header:hover { text-decoration: none; color: #000000; }
.oneColLiqCtrHdr #container #header a.header:active { text-decoration: none; color: #FFFFFF; }
.oneColLiqCtrHdr #container #header a.header:focus { text-decoration: none; color: #FFFFFF; }

p.header 	{ display: inline; padding: 0 15% 0 0; position: relative; float: right; text-decoration: none; font-weight: bold; font-style: oblique; font-size: large; letter-spacing: 0.07em; color: #999; 
}
.heading1 { display: inline; font-weight: bold; font-style: oblique; text-decoration: none; font-size: large; letter-spacing: 0.07em; color: #999; 
}
.heading2 { display: inline; padding: 0 0 0 0; font-weight: bold; font-style: oblique; text-decoration: none; font-size: large; letter-spacing: 0.07em; color: #999;  /* superceded by #subheader */
}
.oneColLiqCtrHdr #subheader 	{ color: #999; font-size: large; font-style: oblique; font-weight: bold; letter-spacing: 0.07em; margin: 0 auto; max-width: 700px; min-width: 300px; text-align: right; text-decoration: none; }
			#subheader 	{ color: #999; font-size: large; font-style: oblique; font-weight: bold; letter-spacing: 0.07em; margin: 0 auto; max-width: 700px; min-width: 300px; text-align: right; text-decoration: none; }

.oneColLiqCtrHdr #mainContent { padding: 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
	background: inherit; border: 1px none #00F; color: #999; font-size: small; 
}
.oneColLiqCtrHdr #mainContent h3 { color: #FFF; 
}
.oneColLiqCtrHdr #mainContent h5 { color: #CCC; 
}
.defaultImageBorder { display: inline; border: 1px solid #666; margin: 0 auto; }
.defaultImageBorder-r { display: inline; border: 1px solid #666; margin: 5px 0 0 10px; }
.defaultImageBorder-l { display: inline; border: 1px solid #666; margin: 20px 10px 0 0; }

.oneColLiqCtrHdr #footer { padding: 0 30px; /* this padding matches the left alignment of the elements in the divs that appear above it. was #ECE9D8 */ 
	background: inherit; color: #999; text-align: right; 
} 
.oneColLiqCtrHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ 
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ 
	color: #999; font-size: x-small; 
}
#footstyle { display: block;
}
#footstyle p { text-align: right; margin: 0; margin-bottom: 3em; padding: 0; width: 630px; font-style: italic; font-size: 0.6em; font-weight: bold; font-family: Metal,Arial,Helvetica,sans-serif; color: #777;
}
.clearboth { clear: both; }
.concealed { display: none }