﻿/*---------------------------Modified Date:20/08/2010 Author: Allen---------------------------*//*set all default value to 0*/* {
	margin:0px;
	padding:0px;
}
html {
	background:#ebeaea;
}
body {
	font-family:Helvetica, Century Gothic, Arial;
	line-height: 1.2em;
	font-size:10pt;
	height:100%;
	color:#333;
}
img {
	border:0px
}
h1 {
	font-family:Arial Black, Helvetica, sans-serif;
	font-size:1.35em;
	font-weight:normal;
	letter-spacing:normal;
	color:#006600
}
h2 {
	font-size:14pt;
	font-weight:bold;
	letter-spacing:0;
	color:#666;
	margin-bottom:10px;
	padding-top:10px;
}
h3 {
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0;
	color:#333;
	margin-bottom:5px;
}
h3 span {
	font-size:9pt;
	color:#333;
	margin-bottom:5px;
	font-weight:normal;
}
h4 {
	font-size:10pt;
	font-weight:bold;
	letter-spacing:0;
	color:#333;
	margin-bottom:5px;
}
/*default paragraph margin*/
p {
	margin: 0.8em 0;
	z-index:0;
	text-align:justify;
}
/*to clear float drop*/
div.cleaner {
	clear: both;
	width: 100%;
	height: 0px;
	font-size: 0px;
}
div.divider01 {
	height:1px;
	border-bottom:#ccc dotted 1px;
	margin:5px 0 5px 0;
	clear:both;
}
/*--------------header--------------*/
div#headerwrapper {
	width:100%;
	padding:0;
	margin:0 auto;
	background:#ebeaea url(../image/imgbodybkg.jpg) repeat-x top;
}
div#topwrapper {
	width:1000px;
	padding:0;
	margin:0 auto;
	background:url(../image/imghdbkg.gif) repeat-x;
	height:19px;
}
div#header {
	width:950px;
	padding:35px 25px 0 25px;
	margin:0 auto;
	background: white url(../image/imgheaderbkgwide.jpg) no-repeat bottom;
	height:314px;
	position:relative;
}
/*--------------content--------------*/
div#flashad {
	width:950px;
	height:450px;
	position:absolute;
	top:30px;
}
div#contentwrapper {
	width:100%;
	padding:0;
	margin:0 auto;
	background:#ebeaea;
}
div#content {
	width:900px;
	padding:140px 50px 25px 50px;
	margin:0 auto;
	background:white url(../image/imgcontentbkg.gif) repeat-x top;
}
div#maincol01 {
	float:left;
	display:inline;
	width:300px;
	background:url(../image/imgscrollerbkg.jpg) no-repeat;
	background-position:0 153px;
	height:195px;
}
div#scrolleritm { 
padding:35px 0 0 0; 
}
div#maincol02 {
	float:left;
	display:inline;
	width:287px;
	padding:0 6px 0 7px;
}
div#maincol03 {
	float:right;
	display:inline;
	width:285px;
	padding:0 0 0 15px;
}
div#maincol03 p {
	text-align:left;
	font-size:9pt;
	line-height:1.3em;
	margin-top:16px;
}
div#maincol03 ul {
	padding-top:10px;
	padding-left:15px;
}
div#maincol03 ul li {
	display:block;
	list-style:none;
	height:27px;
	padding:3px 0 5px 34px;
	font-size:10pt;
	font-weight:bold;
}
div#maincol03 ul li a {
	text-decoration:none;
	color:#333;
}
div#maincol03 ul li a:hover {
	color:#999
}
div#maincol03 ul li.call {
	background:url(../image/imgicophone.gif) no-repeat;
}
div#maincol03 ul li.mail {
	background:url(../image/imgicoenvelope.gif) no-repeat;
	background-position:0 -2px;
}
div#maincol03 ul li.web {
	background:url(../image/imgicomagnifier.gif) no-repeat;
	background-position:2px -2px;
}
/*--------------footer--------------*/
div#footerwrapper {
	width:100%;
	padding:0;
	margin:0 auto;
	background:url(../image/imgbtmbkgshadow.jpg) no-repeat center;
}
div#footer {
	width:950px;
	padding:15px 25px;
	margin:0 auto;
	background:#006600 url(../image/imgftrbkg.jpg) no-repeat center;
	height:32px;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
}
div#footer span {
	color:#5cbb2d;
	font-size:7pt;
}
/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link {
	text-decoration:none;
	color:#5cbb2d;
}
a.span_link:hover {
	text-decoration:underline;
	color:white;
}
/*============
Data:20-08-2010
Author:YC Seah
=============*/
div#sgheader {
	width:950px;
	padding:35px 25px 0 25px;
	margin:0 auto;
	background: white url(../image/imgsgheaderbkgwide.jpg) no-repeat bottom;
	height:233px;
	position:relative;
}
div#sgcontent {
	width:900px;
	padding:40px 50px 25px 50px;
	margin:0 auto;
	background:white url(../image/imgcontentbkg.gif) repeat-x top;
	overflow:hidden;
}
div#sidebar {
	float:left;
	display:inline;
	overflow:hidden;
	width:156px;
	min-height:380px
}
div#main-content {
	float:right;
	display:inline;
	min-height:380px;
	overflow:hidden;
	width:700px;
}
div#sidebar ul {
	list-style:none;
}
div#sidebar ul li {
	list-style:none;
}
div#sidebar ul li a:visited, div#sidebar ul li a:link, div#sidebar ul li a:active {
	display:block;
	color:#888;
	text-decoration:none;
	font-size:9pt;
	padding:13px 10px 13px 13px;
	font-weight:bold;
	font-size:8pt;
	border-bottom:solid 1px #ccc;
}
div#sidebar ul li a:hover {
	display:block;
	color:#888;
	text-decoration:none;
	background:#469f0f;
	border-bottom:solid 1px #ccc;
	background:url(../image/imgarrow01.jpg) no-repeat center left;
}
div#sidebar ul li a.cursdmenu {
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(../image/imgsdmenubkg.jpg) repeat-x bottom left;
	padding:12px 10px 14px 13px;
	border:none;
}
div.con-header {
	overflow:hidden;
	border-bottom:solid 1px #ccc;
	margin:0 0 24px 0;
}
div.con-header02 {
	overflow:hidden;
	border-bottom:solid 1px #ccc;
	margin:0 0 10px 0;
}
/*title*/
div.title {
	width:50%;
	float:left;
	display:inline;
	position:relative;
	padding:0 0 10px 0;
}
div.title h1 {
	font-family:Arial Black, Helvetica, sans-serif;
	font-size:15pt;
	font-weight:normal;
	color:#006600;
}
div.title h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:normal;
	color:#888;
	margin:0 0 10px 10px;
}
/*breadcrumbs*/
div.breadcrumb {
	width:50%;
	float:left;
	display:inline;
	position:relative;
}
div.breadcrumb ul {
	list-style:none;
}
div.breadcrumb ul li {
	float:right;
	display:inline;
}
div.breadcrumb ul li a {
	display:block;
	color:#888;
	font-size:8pt;
	padding:4px 15px 4px 5px;
	text-decoration:none;
	background:url(../image/imgarrow01.jpg) no-repeat center right;
}
div.breadcrumb ul li a.currbread {
	background:none;
}
/*===== Gallery ====*/
div.gallery_entry {
	overflow:hidden;
	margin:0px auto;
}
div.gallery_title {
	overflow:hidden;
	background:url(../image/imggallerybkg.jpg) no-repeat top left;
}
div.gallery_title:hover a {
	background:url(../image/imggallerybkg.jpg) no-repeat top left;
	color:#fff;
	font-size:12pt;
}
div.gallery_title a {
	font-weight:bold;
	text-decoration:none;
	color:#764408;
	display:block;
	padding:9px 20px 8px 20px;
}
div.gallery_active {
	background:url(../image/imggallerybkg.jpg) no-repeat bottom left;
}
div.gallery_active a {
	color:#fff;
	font-size:12pt;
}
div.gallery_content {
	margin: 0 auto;
	padding: 30px 20px;
	overflow: hidden;
	width: 630px;
	clear: both;
	background:#fff;
	position:relative;
}
/* ---------- gallery styles start here ----------------------- */
ul.gallery {
	list-style: none;
	padding:0;
	width:650px;
}
ul.gallery li {
	margin: 0 0 30px 0;
	padding:0 17px;
	float: left;
	position: relative;
	background: url(../image/drop-shadow.png) no-repeat center bottom;
	height:130px;
}
ul.gallery img {
	background: #fff;
	width:170px;
	height:120px;
	border:solid 1px #ccc;
}
ul.gallery a:hover img {
	border:solid 1px #000;
}
ul.gallery a span {
	width: 32px;
	height: 26px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 5px;
	background: url(../image/imgenlarge.png) no-repeat top left;
}
ul.gallery a:hover span {
	background: url(../image/imgenlarge.png) no-repeat bottom left;
}
ul.gallery02 {
	list-style: none;
	padding:0;
	width:700px;
}
ul.gallery02 li {
	margin: 0 0 30px 0;
	padding:0 17px;
	float: left;
	position: relative;
	background: url(../image/drop-shadow.png) no-repeat center bottom;
	height:80px;
}
ul.gallery02 img {
	background: #fff;
	width:170px;
	height:70px;
	border:solid 1px #ccc;
}
ul.gallery02 span {
	position:absolute;
	bottom:-15px;
	display:block;
	font-weight:bold;
	font-size:9pt;
	text-align:center;
	width:170px;
}
/*====product=====*/
div.product_entry {
	overflow:hidden;
	border:solid 3px #e1e1e1;
	padding:20px;
}
div.prod_frame {
	overflow:hidden;
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
div.prod_img {
	float:left;
	display:inline;
	width:300px;
	text-align:center;
}
div.prod_desc {
	float:left;
	display:inline;
	width:300px;
	margin:0;
	padding:80px 0 0 0;
}
div.prod_title h1 {
	font-family:Helvetica, Century Gothic, Arial;
	font-weight:bold;
	font-size:18pt;
	position: relative;
	margin:0;
	color: #333;
	text-transform: uppercase;
	letter-spacing:0px;
}
div.prod_title h1 span {
	background: url(../image/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 15px;
}
div.prod_frame02 {
	overflow:hidden;
	display:block;
	position:relative;
	margin:0 0 40px 0;
	padding:0;
}
div.prod_img02 {
	float:left;
	display:inline;
	width:200px;
	text-align:left;
}
div.prod_img02 img {
	background:#f2f2f2;
	padding:4px;
	border:solid 1px #eee;
}
div.prod_desc02 {
	float:right;
	display:inline;
	width:480px;
	margin:0;
	padding:0;
}
/*hardwood floor*/ 
table.tblumbona {
	width:100%;
	border-collapse:collapse;
	margin:0.8em 0;
}
table.tblumbona th {
	vertical-align:top;
	text-align:left;
	width:100px;
	padding:4px 0 4px 0;
	border-bottom:solid 1px #eee;
}
table.tblumbona td {
	vertical-align:top;
	text-align:left;
	width:580px;
	padding:4px 0 4px 0;
	border-bottom:solid 1px #eee;
	font-size:9pt;
}
div.download {
	overflow:hidden;
	margin:10px 0 20px 0;
	text-align:right;
	border-bottom:solid 1px #eee;
}
div.download a {
	color:#888;
	text-decoration:none;
	font-style:italic;
	background:url(../image/imgpdf.jpg) no-repeat top right;
	padding:10px 30px 20px 0;
	height:22px;
	vertical-align:middle;
	display:block;
}
div.download a:hover {
	color:#006600;
}
div.prod_gallery {
	overflow:hidden;
	width:700px;
	margin:20px 0;
}
/*
Data:23-08-2010
Author:YC Tan
*/
/*========================contact========================*/

div.condetails {
	float:left;
	display:inline;
	width:235px;
	padding:0 0 30px 0;
}
div.condetails ul {
	padding-top:10px;
}
div.condetails ul li {
	display:block;
	list-style:none;
	height:27px;
	padding:3px 0 5px 34px;
	font-size:10pt;
	font-weight:bold;
}
div.condetails ul li a {
	text-decoration:none;
	color:#333;
}
div.condetails ul li a:hover {
	color:#999
}
div.condetails ul li.call {
	background:url(../image/imgicophone.gif) no-repeat;
}
div.condetails ul li.mail {
	background:url(../image/imgicoenvelope.gif) no-repeat;
	background-position:0 -2px;
}
div.condetails ul li.web {
	background:url(../image/imgicomagnifier.gif) no-repeat;
	background-position:2px -2px;
}
div.condetails ul li.fax {
	background:url(../image/imgicofax.gif) no-repeat;
	background-position:2px -2px;
}
span.conemp {
	font-size:12pt;
	font-weight:bold;
	color:#333;
	display:block;
	padding:10px 0 0 0;
	margin-bottom:-5px;
}
div.conmap {
	float:left;
	display:inline;
	padding:4px;
	background:#eee;
	border:solid 1px #ccc;
	margin:10px 0 0 0;
}
div.conenquiry {
	float:right;
	display:inline;
	width:330px;
	padding:0 0 0 8px;
}
table.tbenquiry td {
	padding:0 0 8px 0;
}

table.tbenquiry .textinput, .textarea {
	width:310px;
	font-size:9pt;
	padding:4px 5px 0 5px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif
}

table.tbenquiry .textinput {
	border: 0px;
	height:21px;
	border:1px solid #ccc;
}

table.tbenquiry .textarea {
	border:0px;
	height:100px;
	border:1px solid #ccc;
}

table.tbenquiry .txtadd {
	border:0px;
	height:50px;
	border:1px solid #ccc;
}

table.tbenquiry .buttons {
	line-height: 1;
	margin: 0 0 1em;
}

table.tbenquiry .buttons input {
	line-height: 1;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}

table.tbenquiry .buttons strong, span.btn {
	background: url(../image/btn-round.png) no-repeat left;
	padding: 1em 0 1em 5px;
	margin-right: 10px;
	cursor: pointer;
}

table.tbenquiry .buttons strong input, span.btn input {
	color: #000;
	background: url(../image/btn-round.png) no-repeat right;
	margin: 0 -5px 0 0;
	padding: 1em 10px 1em 5px;
	border: 0;
	cursor: pointer;
}
/* =====end contact==== */

/* =============== con-about ================ */

div.con-about {
	padding:20px;
	background:#f2f2f2;
	/*border-top:#ccc dashed 1px;
	border-bottom:#ccc dashed 1px;*/
	overflow:hidden;
}
div.con-about02 {
	padding:10px 20px;
}
div.con-cert {
	overflow:hidden;
	margin:20px 0;
}
ul.cert ul {
	list-style:none;
	width:910px;
	margin:20px auto;
}
ul.cert li {
	display: inline;
	float: left;
	margin:5PX 5px 10px 0;
}
/*============ con-maintenance ==============*/
div.con-maintenance {
	margin:20px 0 20px 0; 
	overflow:hidden;
}
div.col01, div.col02, div.col03{
	float:left;
	display:inline;
	width:244px;
	height:320px;
	padding:20px 16px;
	background:#f2f2f2; position:relative;
}
div.col02 {
	margin:0 20px 0 35px;
}
div.col03 {
	float:right;
	display:inline;
}
div.col01 span, div.col02 span, div.col03 span
{
 position:absolute;  left:10px; top:10px;
}
div.col01 p, div.col02 p, div.col03 p
{
  padding:10px 0;
}
div.col04 {
	float:left;
	display:inline;
	width:150px;
	margin:20px 10px 0px 0;
}
div.con-maintenance02 {
	margin:30px 0 10px 0;
}
div.con-main01 {
	overflow:hidden;
	margin:20px 0;
}
div.con-main01 img {
	float:left;
	display:block;
	margin:0 20px 0 0;
	width:122px;
}
div.con-main01 p {
	float:left;
	display:inline;
}
div.whattodo
{
 margin:20px 0; overflow:hidden; 
}
div.whattodo ul
{
 margin:0 auto;
 width:920px; list-style:none;  
}
div.whattodo ul li
{ 
 float:left; background:none; margin:0 20px 0 0; padding:0;
}
div.whatnottodo
{
 margin:40px 0; overflow:hidden; 
}
div.dont_img
{
 float: left; display:inline;  width:348px; overflow:hidden;
}
div.dont_img ul
{
 width:368px;
}
div.dont_img ul li
{
 float: left; display:inline;  margin:0 20px 20px 0;
}
div.dont_desc
{
 width:500px; overflow:hidden; margin:0 0 0 43px;  float: right; display:inline; 
}
div.dont_desc ul {
 margin:20px 0 0 0;
	list-style:none;
	list-style-position:outside;
	float:right;
	display:inline
}
div.dont_desc ul li {
	display:block;
	background:url(../image/imglist03.png) no-repeat left 3px;
	padding:0px 0px 16px 25px;
	font-weight:bold;
}
/*----------- activities -----------*/
div.act_entry {
	overflow:hidden;
	margin:20px 0;
	background:#f2f2f2;
	padding:20px 20px;
}
div.act_title {
	font-size:10pt;
	color:#888;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}
div.act_title span {
	color:#888;
	display:block;
	width:100px;
	float:left;
	font-weight:normal;
}
div.act_content {
	overflow:hidden;
	width:860px;
}
div.act_content ul {
	list-style:none;
	width:870px;
}
div.act_content ul li {
	display: inline;
	float: left;
}
div.act_content ul li img {
	width:100px;
	margin:0 5px 10px 0px;
}
/*  maincol02  */
div#maincol02 table {
	border:none;
	border-collapse:collapse;
	margin:15px 0 0 0;
}
div#maincol02 table td {
	padding:2px 2px 0 0;
}
to signature main.css div#maincol03 table {
	border:none;
	border-collapse:collapse;
	margin:10px 0 0 0;
}
div#gallery
{
 padding:22px 0 0 0;
}

/*created by ychia*/
div.divider
{
	width: 700px;
	border-bottom: solid 1px #eee;
	margin: 0px 0;
}
ul.accoyalist
{
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	overflow: hidden;
	list-style: none;
}

ul.accoyalist li
{
	margin: 0 30px 0 0;
	float: left;
}

ul.flekslist
{
	margin: 20px 0 0 0;
	list-style: none;
}

ul.flekslist li
{
	background: url(../image/imglist.jpg) no-repeat left top;
	padding: 0 0 15px 35px;
	font-weight: bold;
}

div.benefit
{
	margin: 0 0 30px 0;
	padding: 0 0 5px 0;
	position: relative;
	background: url(../image/drop-shadow2.png) no-repeat center bottom;
}
div.benefit img
{
	background: #fff;
	border: solid 1px #ccc;
}

div.benefit a span.zoom
{
	width: 32px;
	height: 26px;
	display: block;
	position: absolute;
	bottom: -5px;
	right: 5px;
	background: url(../image/imgenlarge.png) no-repeat top left;
}
div.benefit a:hover span.zoom
{
	background: url(../image/imgenlarge.png) no-repeat bottom left;
}

img.thumb {
	width: 170px;
	height: 120px;
}