/* generated by csscreator.com */
html, body{margin:0; padding:0;
text-align:left; background:#fff url(images/MainBackground1pixel.gif) repeat-y fixed center top;
color:#000000; font:12px Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { font-weight: bold; text-decoration: none; color: #008ccc;}
/*a:visited { font-weight: normal; text-decoration: line-through; color: #99CC99;}*/
a:hover, a:active { text-decoration:underline; color: #0099CC;}
#pagewidth{width:800px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 800px; text-align:left; margin-left:auto; margin-right:auto; padding:0; }
/* Holly Hack: Hide From IE5/Mac \*/
* html img {
margin: 0px 0;
vertical-align: top;
}
/* Holly Hack: End Hide From IE5/Mac */
p{padding:2px 0px 2px 0px; font-size: 12px; margin:2px 0px 2px 0px;}
h1{ font-family: verdana, "century Gothic", arial;
font-size: 20px; color:#60478D; text-decoration: underline;}
h2{ font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; color:#008ccc; text-decoration: underline; font-weight: bold}
h3{ font-family: "century Gothic", arial,verdana; font-weight: bold;
font-size: 16px; color:#008ccc; margin:0px 0px 0px 0px; }
h4{ font-family: "century Gothic", arial,verdana; font-weight: bold;
font-size: 14px; color:#666366; margin:0px 0px 0px 0px; padding:5px 4px 3px 0;}
ol, ul, li {margin: 0; padding: 0;}
#header{position:relative; padding:0; margin:0;
overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff;}
.furniture{height:247px; margin:0; padding:0; background: url(images/Headers/HeaderImage003.jpg) no-repeat center;
width:800px; text-indent: -2000px; }
.links{height:247px; margin:0; padding:0;background: url(images/Headers/LinksHeader2.jpg) no-repeat center;
width:800px; text-indent: -2000px; }
.contact{height:247px; margin:0; padding:0; background: url(images/Headers/ContactHeader2.jpg) no-repeat center;
width:800px; text-indent: -2000px; }
.about{height:247px; margin:0; padding:0; background: url(images/Headers/Header-Thailand2.jpg) no-repeat center;
width:800px; text-indent: -2000px; }
.product{height:247px; margin:0; padding:0; background:url(images/Headers/IndustrialDesignHeader1.jpg) no-repeat center;
width:800px; text-indent: -2000px; }
#navcontainer{position:absolute; top:5px; height:24px; left :2px; }
#navHeader{width:90%; padding:0; margin:0px;}
#navlist { margin: 0; padding: 0; }
#navlist ul, #navlist li
{margin: 0; padding: 0; display: inline; white-space: nowrap; list-style-type: none;}
#navlist a:link, #navlist a:visited {float: left;
font-weight: bold; margin: 0 10px 4px 10px;
text-decoration: none; color: #ffffff;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{border-bottom: 0px solid #b3d9f5; padding-bottom: 1px;
background: transparent; color: #ccc;}
#navlist a:hover { color: #b3d9f5 }
img{border-style: none;text-decoration: none; margin:0px; padding:0px;}
.giThumbnail{margin:0px; padding:0px; }
.one-image{ display:inline; float:left; height:83px; width:83px; text-align:center; border:0px #fff solid;
margin-right:auto; padding: 2px 4px 3px 0px;}
.one-image h3{font-weight: bold; font-size: 12px; text-decoration: none;text-align:center; padding:0px ; margin:0px;}
.one-image p{ font-size: 11px; text-align:center; padding:0px 1px 0px 0px; margin:0px;}
.one-image img{border:1px #000000 solid;}
.Main-image{ display:inline; float:right; text-align:center; border:0px #f00 solid;
padding: 0px 0px 0px 0px; margin:0;}
.Main-image img{border:1px #5481AF solid; padding: 0px 0px 0px 0px; margin:0;}
.summary{font-size: 11px; text-align:center;}
#twocols{ width:800px; float:left; position:relative; padding:5px 1px 0px 0px; margin: 0px 0px 0px 0px; overflow: hidden;}
#maincol{float: left; display:inline; position: relative; width:588px; text-align:left; }
#maincol2{float: left; display:inline; position: relative; width:800px; text-align:left; }
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;}
/* For IE 5 PC */
.sidebox2 { margin: 0 auto; /* center for now */
width: 590px; /* ems so it will grow */
background: url(images/MainBoxBottom-Right.gif) no-repeat bottom right;
font-size: 100%;}
.boxhead { background: url(images/MainBoxTop-Right2.gif) no-repeat top right;
margin: 0px; padding: 0px; text-align: left;}
.boxhead h2 {background: url(images/MainBoxTop-Left2.gif) no-repeat top left;
margin: 0; padding: 5px 30px 5px 15px; color:#3E3D3D; font-weight: bold;
font-size: 12px; }
.boxbody { background: url(images/MainBoxBottom-Left.gif) no-repeat bottom left;
margin: 0px; padding: 5px 15px 20px 15px; color:#000000;}
.boxbody .one-image{ display:inline; float:left; text-align:center; border:0px #fff solid;
margin-right:auto; padding: 2px 5px 3px 0px;}
.fullwidthboxes { margin: 0 auto; /* center for now */
width: 590px; /* ems so it will grow */
background: url(images/MainBoxBottom-Right.gif) no-repeat bottom right;
font-size: 100%;}
#rightcol{ float:right; position:relative;
width:202px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 200px; padding:0px; margin:0 2px 0 0 ;
}
/* Show only to IE PC \*/
* html .rboxhead h2 {height: 1%;}/* For IE 5 PC */
/* images */
.MainImages{float:right; clear: right; margin: 0 0 0px 10px; padding:0; border:1px solid #f00;}
.rsidebox { margin: 0 auto; /* center for now */
width: 200px; /* ems so it will grow */
background: url(images/MainBoxBottom-Right.gif) no-repeat bottom right;
font-size: 100%; margin-bottom:5px;}
.rboxhead { background: url(images/MainBoxTop-Right2.gif) no-repeat top right;
margin: 0; padding: 0; text-align: left;}
.rboxhead h2 {background: url(images/MainBoxTop-Left2.gif) no-repeat top left;
margin: 0; padding: 5px 0px 5px 10px; color:#3E3D3D;; font-weight: bold;
font-size: 12px;}
.rboxbody { background: url(images/MainBoxBottom-Left.gif) no-repeat bottom left;
margin: 0 0 0px 0; padding: 5px 10px 31px 12px; color:#000000;}
#picbox{width:200px; margin:0px; padding:0;}
/* form*/
fieldset { width:500px; border:0px #666666; }
form#ContactForm { padding: 10px ; width: 500px; margin:0;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 12px;border: 0px solid #666666; text-align: left;}
form#ContactForm div { clear: both; padding: 0em 0 0 0; }
label {float: left; width: 35%; text-align: right; }
form#ContactForm input,form#ContactForm textarea { float: Left; width: 55%; text-align: left;margin-left:15px;
}
select { float: left; margin-left:15px; text-align: left; }
radio{float:left;width:10px;}
textarea { height: 8em; }
#note1 {color: #ff0000;}
form#ContactForm input#mySubmit { float: none; margin: 5px 0 0 190px; width: 60px; text-align: center; }
#footer{ clear:both; padding: 2px 0 2px 0 ; border-top: 1px solid #0099CC; text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;
font-weight: bold; height: 25px; margin-top: 0px;
vertical-align: bottom;}
#footer ul{ padding: 5px 2px 1px 2px; margin: 0;
list-style-type: none; color: #FFFFFF; vertical-align: bottom;}
#footer li{display: inline;margin-right: 1em;}
#footer ul li a{ vertical-align: bottom; text-decoration: none;
padding-right: 2px; padding-left: 2px;}
#footer ul li a:hover{color: #0099CC; text-decoration:underline;}
.clr{clear:both;}
.clrleft{clear:left;}
.clrright{clear:right;}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}