@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
    margin: 0;
}
html{}
body {width:950px; padding:0; margin:0 auto; padding-top:30px;
	font: 12px/17px  Tahoma,Verdana, sans-serif, Helvetica; 
	/*background: url(images/decorate-living-room-.png) right top  no-repeat */
} 

/* ----  general styles  ----*/
td{ vertical-align:top}
a { color:#ffcc00; text-decoration: underline;background:none; }
a:hover { color:#ffcc00; background:none; text-decoration:underline; }
p { padding:10px 0px}
ul { margin: 0; margin-left:30px; padding : 0; }
li {padding-left:0px; margin-left:0px; list-style-position:outside}


.botton1{font-size:.8em; font-weight:bold; color:#000; padding:0 5px;}

img { border: 0;}
.h{display:none}
.clear{clear:both; height:1px;}
.clear5{clear:both; height:5px;}

.cG{color:#666}
.cR{color:#F00}
.cB{color:#000}
.cW{color:#FFF}

.tN{font-weight:normal}
.tB{font-weight:bold}
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.tdCap{ text-align:right; padding-right:10px;}

.fR{ float:right}
.fL{ float:left}
.m0{margin:0;}
.p0{padding:0}

.linkG{ font-weight:bold; text-transform:uppercase}

.line-solid, line-pink, line-red { clear:both; border: 0; height: 1px; background-color: #CCC; color: #CCC; margin: 5px 0 10px 0; }
.line-pink {background-color: #FAA; color: #FAA; height:1px}
.line-red {background-color: #F00; color: #F00; height:1px}
.line-gray {background-color: #ddd; color: #ddd; height:1px}
.line-dotted{ clear:both; border: 0; height: 1px; background:url(/images/line-dotted.gif) repeat-x top;margin: 5px 0 10px 0; }





/********* HEADER ********/
#header{ height:150px; margin-left:10px;}
#header .logo{ float:left; height:120px; width:450px; }
#header .logo h1{display:none}
#header .right{ float:right}

#menu{ padding-left:30px;
	font-size:.75em; font-weight:bold;
	height:30px; 
}
#menu li { display: inline; }
#menu li a { float: left; margin-top:6px;color:#FFF; padding-right:30px; text-decoration:none;}
	#menu li a:hover { color: #ffcc00;}
	#menu li a.current { color:#ffcc00; text-decoration:underline}
#menu li.mR{float:right; white-space:nowrap;}

#menu, #prod_bd{
	background:#333;   
	filter: alpha(opacity=65);  
	-moz-opacity: 0.65;
	opacity: 0.65;
	}

/*** CONTENT****/
#content{ padding:20px; margin-top:0px;}
#contentLeft{width:400px; float:left; }
#contentRight{width:500px; float:right; }


/**** PRODUCT****/
#prod_bd{ height:30px;}
#prod{float:left; padding:0px; height:160px;}
#prod li{ float:left; margin:1px; list-style:none; font-size:75%}
#prod .cap b{ color:#ffcc00; text-transform:uppercase;}


#pdetail{ font-size:.9em; width:90%}
#pdetail p{ padding:0px 0 10px 0}
#pdetail b, #pdetail strong{ color:#ffde85}

#contact_result{ color:#ffcc00}  /* result  from send email */

/***** FOOTER *****/
#footer{ background:#333; padding:20px; margin:40px 0; color:#999}
#footer p{ font-size:.9em; line-height:15px; padding:5px 0;}
#footer p a{text-decoration:underline}
#footer a.link{ color:#999}
#footer .lt{ width: 500px; float:left}
#footer .rt{ width: 350px; float:right; margin-top:20px;}
#footer .fw{ width:100px;}




/***** SLIDE PRODUCT ****/
/*.mask{	position:relative;	width:600px;	height:240px;	overflow:hidden; background:#666}*/
.mask{	position:relative;	width:600px;	height:240px;	overflow:hidden;}
.mask img{	position:absolute;	display:block;	border:none;}

#boxP div{position:absolute; width:100%; height:100%;}
#boxP h3{ text-transform:uppercase; font-size:18px;}

#boxP p{ font-size:.85em}
#boxP img{	position:static;	float:left;	width:270px;	height:180px;	margin:0 35px 10px 0; border:1px solid #EEE}
#boxP div.boxBg {background:url(images/gallery-bg.png) left top no-repeat}
#boxP div.boxBg p{ font-size:11px;}



#product{ float:left}
#product li a{ text-decoration:none; text-transform:uppercase; line-height:20px;}
#product li a.active, #product li a:hover{}


/* PRODUCT GALLERY */
#product_gallery{float:left; width:600px;}
#product_list{width:300px;}

#related_product { padding:2px; background:#333; margin:auto; font-size:.8em}
#related_product li{ float:left; list-style:none; padding:2px;; line-height:1em}
#related_product li a{ text-decoration:none}
#related_product li:hover{background: url(images/ar-1.gif) right bottom no-repeat #666; color:#F90}

.viewmore{ height:40px; background:url(images/bg0/viewmore.gif) no-repeat}


#cust{ font-size:10px;}
#cust li{float:left;  border:1px solid #999; width:132px; height:82px; margin:0 8px 8px 0; list-style:none; padding:2px;}
#cust li a{ text-decoration:none;}
#cust li:hover{ border:1px solid #FF9; color:#F60}
#cust li:hover img{ border:1px solid #FF9; color:#FFC}

#cust .tcap{ text-decoration:none; background:url(images/tcap.png); position:absolute; margin-top:-22px; text-align:center; width:130px; color:#000}
#cust .tcap:hover{color:#F60}



#PhotoContents{border-left:1px solid #CCCCCC;padding-left:10px;}
#PhotoContents li img  	{ float:left; padding:3px;}	
#PhotoContents li { float:left;color:#f0cf12; text-align:right;padding:0px; margin:3px; border:1px solid  #CCCCCC;list-style:none;}