/*
screen stylesheet for baanpattaya.com
created : 2006-12-08
last edited : 2007-02-09

equal height columns method:
use overflow hidden in #container to help create equal height column, use with padding+
and margin- at bottom to make equal height column in #maincontent, #subcontent and
#module

The easiest way to PNG support in IE6
img { behavior: url(iepngfix.htc); }
img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
#header { background:url(header.png); }
*/


/* ------------------------------------------------------------------------------------- general setting */

* {margin:0; padding:0;} /* set all elements spacing to zero */

body, th, td, input, select, textarea {font-family: Verdana, Tahoma, Loma, Thonburi, sans-serif;}

body {
	background: #EDEDED url("../images/bg_baanpattaya.jpg") fixed;
	color: #000000;
	font-size: 85%; /* set as base font size */
}

#preloader {display:none;}

#container {overflow: hidden;}

img {border: 0;}

a {background: transparent; text-decoration: none;}
a:link {color: #2222FF;}
a:visited {color: #2222FF;}
a:hover {color: #2222AA;}
a:active {color: #2222FF;}

abbr, acronym {font-variant: small-caps; letter-spacing: 0.1em;}
hr {border: 1px inset;}
del  {text-decoration: line-through;}
ins {text-decoration: underline;}
sub {vertical-align: sub; font-size: 0.85em;}
sup {vertical-align: super; font-size: 0.85em;}
pre, code, tt, xmp {font-family: monospace;}
blockquote {margin-left: 40px; margin-right: 40px;}

h1 {font-size: 2.2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}


/* ------------------------------------------------------------------------------------------ setting table */

table {border-collapse: collapse;}

caption {}
caption h5 {}
col {}
colgroup {}

thead {}
tbody {}
tfoot {}

th, td {border: 1px solid #000000;}
th {text-align: right;}
th.horizon {text-align: center;}
tr.odd {background-color: #FFFF99;}
tr.even {background-color: #CCFF99;}
tr:hover, tr.hilite {background-color: #99FFFF;}
td {}


/* ------------------------------------------------------------------------------------------ setting form */

form {}

fieldset {}
legend {}

select {width: 14em; border: 1px solid #444444;}

input.text {width: 14em; border: 1px solid #444444;}
input.text:focus {border: 1px solid #FF6600;}
input.short {width: 20px; border: 1px solid #444444;}
input.short:focus {border: 1px solid #FF6600;}
input.disable {border: 0;}

button {} /* general button */
button:hover {}
button.del {background-color: #FF3300;} /* delete button */
button.del:hover {background-color: #FF0033;}

textarea.small {width: 14em; height: 8em; border: 1px solid #444444;}
textarea.small:focus {border: 1px solid #FF6600;}
textarea.big {width: 85%; border: 1px solid #444444;}
textarea.big:focus {border: 1px solid #FF6600;}

.inlineform {display: inline;} /* single line form */


/* ----------------------------------------------------------------------------------------------- bbcode */

.bbcwhite {color: #FFFFFF;}
.bbcblack {color: #000000;}
.bbcred {color: #FF0000;}
.bbcblue {color: #CCFFFF;}
.bbcyellow {color: #FFFF00;}
.bbcorange {color: #FF9966;}
.bbcgreen {color: #99FF66;}
.bbccyan {color: #333399;}
.bbcviolet {color: #CC00FF;}
.bbcpink {color: #FF99FF;}
.bbcgrey {color: #666666;}
.bbcbrown {color: #993300;}


/* --------------------------------------------------------------------------------------- setting header */

#header {
	margin: 20px auto 0 auto;
	background: #6F96A7 url("../images/bg_header_corp.jpg");
	width: 950px;
	height: 100px;
}
#header h1 {
	float: left;
	text-indent: -6000px;
	margin-left: 18px;
	background: transparent url("../asset/logo_baanpattaya_text.gif");
	width: 355px;
	height: 100px;
}
#header ul {float: right; list-style-type: none; margin-right: 20px; margin-top: 84px; font-size: 11px;} /* lang nav */
#header ul li {float: left; width: 70px; height: 16px; margin-left: 3px; text-align: center; background: #FF6633;}
#header ul li a {display: block; width: 70px; height: 16px; background: #FF9900; color: #FFFFFF;}
#header ul li a:hover {background: #FF0000;}


/* --------------------------------------------------------------- setting content and main content */

#content {margin: 0 auto; width: 950px; background: #FFFFFF;}

#maincontent {
	padding-bottom: 6000px;
	margin-bottom: -6000px;
	clear: both;
	float: right;
	width: 400px;
}

#maincontent h2 {
	margin: 25px 20px;
	padding: 6px 20px;
	background: #31CFD8 url("../images/mask_tr16_white.gif") top right no-repeat;
}
#maincontent h3 {padding: 12px 0 6px 20px;}
#maincontent h4 {padding: 10px 20px;}
#maincontent p {padding: 0 20px 20px 20px; text-indent: 2em;}
#maincontent p.address {padding: 0 20px 10px 20px; text-indent: 0;}
#maincontent img {}
#maincontent ul li {margin: 0 20px 10px 60px; list-style-type: circle;}
#maincontent .swirl {
	margin: 10px auto;
	width: 300px;
	height: 88px;
	text-indent: -6000px;
	background: #FFFFFF url("../images/swirl_corp.jpg");
}


/* ------------------------------------------------------------------------- setting subcontent column */

#subcontent {
	padding-bottom: 6000px;
	margin-bottom: -6000px;
	clear: left;
	width: 550px;
	background: #31CFD8 url("../images/bg_subcon.gif") no-repeat top right;
}

#subcontent h4 {}
#subcontent img {margin: 25px;}
#subcontent p {}
#subcontent ul li {}


/* ------------------------------------------------------------------------------ setting map content */

#mapcontent {width: 950px;}
#mapcontent h2 {
	background: #31CFD8;
	padding: 0.1em 0.7em;
	font-size: 0.9em;
	color: #000000;
}
#mapcontent p {padding: 0.4em 0.2em; text-indent: 3em;}


/* --------------------------------------------------------------------------------- setting navigation */

#mainnav ul {
	float: left;
	width: 100%;
	white-space: nowrap;
	background: #FF6633;
	font: bold 18px "Trebuchet MS", Tahoma, Thonburi, Loma, sans-serif;
}

#mainnav li {display: inline; list-style-type: none;}
#mainnav li a {float: left; padding: 0.2em 0.5em;}
#mainnav li a:link {background: #FF6633; color: #FFFFFF;}
#mainnav li a:visited {background: #FF6633; color: #FFFF99;}
#mainnav li a:hover {background: #FF0000; color: #FFFF33;}


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

#footer {clear: both; margin: 0 auto 20px auto; width: 950px; height: 45px; background: #E91B2A;}

#footer li {list-style: none; float: left; font: bold 0.9em/180% "Trebuchet MS", Tahoma, Thonburi, Loma, sans-serif;}
#footer li a {padding: 0.2em 1em; color: #FFFFCC;}
#footer li a:hover {color: #FFFF66;}

#footer img {clear: both; float: left; margin: 4px;} /* izzisoft webbutton */
#footer p {float: left; padding-left: 4px; font-size: 0.75em; color: #FFFFFF;}


/* --------------------------------------------------------------------------------------- setting popup */

#popcontainer {}
#popcontainer #header {}
#popcontainer #content {}
#popcontainer #content h2 {}
#popcontainer form {}
#popcontainer p {}


/* --------------------------------------------------------------------------------------- setting splash */

#splash {background: #FFFFFF url("../images/bg_splash.jpg") fixed;}
#splash #header {width: 950px; height: 430px;}
#splash #header h1 {
	margin: 0 auto;
	background: transparent url("../images/bg_splash_header.jpg");
	text-indent: -6000px;
	width: 950px;
	height: 430px;
}

#splash #contentsplash {
	margin: 0 auto;
	width: 950px;
	height: 70px;
	background: #FFFFFF url("../images/bg_splash_nav.jpg");
}
#splash #contentsplash ul {list-style: none;}
#splash #contentsplash ul li {float: left; padding-left: 0.5em; font-size: 1.4em;}
#splash #contentsplash ul li a {display: block; width: 120px; height: 70px; text-indent: -6000px;}
#splash #contentsplash ul li a.sp-project {background: transparent url("../images/splashmenu_ourproj.jpg");}
#splash #contentsplash ul li a.sp-about {background: transparent url("../images/splashmenu_about.jpg");}
#splash #contentsplash ul li a.sp-contact {background: transparent url("../images/splashmenu_contact.jpg");}
#splash #contentsplash ul li a.sp-pattaya {background: transparent url("../images/splashmenu_pattaya.jpg");}
#splash #contentsplash ul li a.sp-links {background: transparent url("../images/splashmenu_links.jpg");}
#splash #contentsplash ul li a.sp-project:hover,
#splash #contentsplash ul li a.sp-about:hover,
#splash #contentsplash ul li a.sp-contact:hover,
#splash #contentsplash ul li a.sp-pattaya:hover,
#splash #contentsplash ul li a.sp-links:hover {background-position: 0 -70px;}

#splash #footer {
	margin: 0 auto;
	width: 950px;
	height: 26px;
	background: #E91B2A; /* #99FF00 */
	color: #FFFFFF;
}
#splash #footer p.inspire {float: right; padding-right: 1em;}
#splash #footer p.inspire a {color: #FFFF66;}