/* Global
------------------------------------------------------------------*/
p {
   margin: 0px;
   padding: 0px;
   }
blockquote {
   margin: 0px 30px;
   padding: 0px;
   }
	
html, body { height: 100%;
	margin: 0px;
	padding: 0px;
    }

body {
	color:#000;
	font:12px Tahoma, "MS Sans Serif", sans-serif;
	background: #FFF url(../images/bg_body.jpg) repeat center;
	behavior:url("../htc/csshover2.htc");
	}
img {
	border:0;
	}	
.clearboth { clear: both; }


	
/* Links
------------------------------------------------------------------*/
a.email {
	text-decoration:underline;
	color:#FFF;
	}	
a.email:hover {
	text-decoration:none;
	color:#FFCC00;
	}	
	
/* Table
------------------------------------------------------------------*/
.maintable {
	background:url(../images/bg_subbody.jpg);
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 766px;
	}
.subabouttable {
	background: url(../images/about/submain_pic_bg.jpg) no-repeat;
	text-align: left;
	vertical-align: top;
	width: 596px;
	height: 157px;
	}
.subservicetable {
	background: url(../images/service/submain_pic_bg.jpg) no-repeat;
	text-align: left;
	vertical-align: top;
	width: 596px;
	height: 121px;
	}
.subspectable {
	background: url(../images/specification/submain_pic_bg.jpg) no-repeat;
	text-align: left;
	vertical-align: top;
	width: 296px;
	height: 121px;
	}
.tdmain {
	background: url(../images/main/bg_main_pic-a1.jpg) repeat-x;
	text-align: left;
	width: 296px;
	vertical-align: top;
}

.tdmainsearch {
	background: url(../images/main/bg_main_search_top.jpg) no-repeat center top;
	margin-top: 15px;
}

.tdsub {
	background: url(../images/bg_subbody.jpg) repeat;
	text-align: center;
	width: 766px;
}
.tdleftbox {
	background: url(../images/leftbox_bg.jpg) repeat top;
	text-align: center;
}
.tdclear {
	height: 2px;
}

/* Table Corner
------------------------------------------------------------------*/
.cornertopleft {
	background: url(../images/corn_top_left.jpg);
	height: 7px;
	width: 7px;
}
.cornertop {
	background: url(../images/corn_bg_top.jpg) repeat-x;
	height: 7px;
}
.cornertopright {
	background: url(../images/corn_top_right.jpg);
	height: 7px;
	width: 7px;
}
.cornerleft {
	background: url(../images/corn_bg_left.jpg) repeat-y;
	width: 7px;
}
.cornerright {
	background: url(../images/corn_bg_right.jpg) repeat-y;
	width: 7px;
}
.cornerbottomleft {
	background: url(../images/corn_bottom_left.jpg);
	height: 7px;
	width: 7px;
}
.cornerbottom {
	background: url(../images/corn_bg_bottom.jpg) repeat-x;
	height: 7px;
}
.cornerbottomright {
	background: url(../images/corn_bottom_right.jpg);
	height: 7px;
	width: 7px;
}
.cornerbg {
	background: url(../images/corn_bg.jpg) repeat;
}
.cornerbgsubcontent {
	background: url(../images/corn_bg_subcontent.jpg) repeat;
	padding: 0px 15px 15px;
	line-height: 18px;
}

/* Footer
------------------------------------------------------------------*/
#footer {
	background:url(../images/bg_foot.jpg);
	text-align:center;
	font-size: 11px;
	height: 65px;
	}
#footer p {
	line-height:1.5em;
	color:#333;
	}
#footer a {
	color:#FFF;
	text-decoration:none;
	}


/* Headings
------------------------------------------------------------------*/
h1 {
	margin:1em 0 0;
	font:12px Tahoma, "MS Sans Serif", sans-serif;
	color: #333;
	}
h2 {
	margin:0;
	font:bold 18px Tahoma, "MS Sans Serif", sans-serif;
	padding: 0.5em;
	}
h3 {
	font:bold 18px Tahoma, "MS Sans Serif", sans-serif;
	color:#FF0000;
	margin:0;
	padding:0;
	}
h4 {
	margin:1em 0;
	font:12px/20px Tahoma, "MS Sans Serif", sans-serif;
	padding: 0em 1em 0.5em;
	text-indent: 30px;
	}
h5 {
	text-indent: 5px;
	color: #FFFFFF;
	background-color: #660000;
	line-height: 25px;
	margin-bottom: 10px;
	}

/* Contents BOX
------------------------------------------------------------------*/
div.middle {
	width: 584px;
	background: url(../images/box_middle.gif) repeat-y;
    }
div.top {
	width: 584px;
	background: url(../images/box_top.gif) no-repeat top left;
	text-align: left;
	height: 40px;
    }
div.top h2 {
	padding: 8px 0px 0px 8px;
    }
div.bottom {
	width: 584px;
	background: url(../images/box_bottom.gif) no-repeat center bottom;
	margin: 0px;
	padding: 0px;
	line-height: 8px;
	height: 8px;
    }

/* Contents NEW MODEL BOX
------------------------------------------------------------------*/
div.newtop {
	width: 584px;
	background: url(../images/box_new_top.gif) no-repeat center top;
    }
div.newtop h2 {
	padding: 0px;
	text-align: left;
	background: url(../images/box_newmodel_header.gif) no-repeat left top;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 45px;
	text-indent: 300px;
    }
div.newtop a {
	color: #FFFFFF;
	text-decoration: none;
    }
div.newtop a:hover {
	color: #CC0000;
	text-decoration: none;
    }	
div.newbottom {
	width: 584px;
	background: url(../images/box_new_bottom.gif) no-repeat center bottom;
	height: 30px;
    }

div.newmodel{
	float: left;
	width: 120px;
	margin: 10px 0px 0px 15px;
	padding: 0px;
	text-align: left;
	line-height: 16px;
	color: #FF0000;
}
div.newmodel a{
	color: #0000FF;
	text-decoration: none;
}
div.newmodel a:hover{
	color: #000000;
	text-decoration: none;
}

.clearboth { clear: both; }

/* Contents
------------------------------------------------------------------*/
.contentbody {
	text-align:justify;
	text-indent: 40px;
	padding-left: 10px;
	line-height: 15px;
	}
.contentabout {
	text-align:left;
	text-indent: 40px;
	padding: 0px 10px 0px 20px;
	line-height: 15px;
	}
.contentservice {
	text-align:justify;
	text-indent: 40px;
	padding: 0px 10px 0px 72px;
	line-height: 15px;
	}
.contentsubbody {
	text-align:justify;
	text-indent: 40px;
	line-height: 18px;
	padding: 10px 20px;
	}


/* navigation
==============================================================================*/
#nav {
	height: 420px;
	list-style: none;
	margin: 0;
	padding:0;
	font-size: 1%;
	}
#nav ul { 
	padding:0;
	margin:0;
	list-style: none;
    width: 160px;
   z-index:99;
   overflow:visible;
   position:absolute; 
      
}

#nav li { 
position: relative;
width: 160px;
display:block;
height: 30px;
margin:0;
padding:0;
   
}

#nav a {
    text-decoration:none; 
	text-indent: -5000px;
    display:block;
    padding: 0;  
    margin: 0; /*helps Opera with hover */
    width: 160px; /*helps IE with hover */
    height: 30px;
}

#nav ul, #nav ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left: 157px;
}

#nav li:hover ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #nav li{float:left;} 
/* end holly hack */

	#navHome {
	background: url(../images/nav/home.gif) no-repeat;
		}
	#navAbout {
	background: url(../images/nav/about.gif) no-repeat;
		}
	#navAbout1 {
	background: url(../images/nav/about1.gif) no-repeat;
		}
	#navAbout2 {
	background: url(../images/nav/about2.gif) no-repeat;
		}
	#navService {
	background: url(../images/nav/service.gif) no-repeat;
		}
	#navService1 {
	background: url(../images/nav/service1.gif) no-repeat;
		}
	#navService2 {
	background: url(../images/nav/service2.gif) no-repeat;
		}
	#navService3 {
	background: url(../images/nav/service3.gif) no-repeat;
		}
	#navProduct {
	background: url(../images/nav/product.gif) no-repeat;
		}
	#navProduct1 {
	background: url(../images/nav/product1.gif) no-repeat;
		}
	#navProduct2 {
	background: url(../images/nav/product2.gif) no-repeat;
		}
	#navPrice {
	background: url(../images/nav/price.gif) no-repeat;
		}
	#navNews {
	background: url(../images/nav/news.gif) no-repeat;
		}
	#navNews1 {
	background: url(../images/nav/news1.gif) no-repeat;
		}
	#navNews2 {
	background: url(../images/nav/news2.gif) no-repeat;
		}
	#navSpec {
	background: url(../images/nav/spec.gif) no-repeat;
		}
	#navRefer {
	background: url(../images/nav/refer.gif) no-repeat;
		}
	#navFAQ {
	background: url(../images/nav/faq.gif) no-repeat;
		}
	#navTip {
	background: url(../images/nav/tip.gif) no-repeat;
		}
	#navLink {
	background: url(../images/nav/link.gif) no-repeat;
		}
	#navContact {
	background: url(../images/nav/contact.gif) no-repeat;
		}
	#navConsult {
	background: url(../images/nav/consult.gif) no-repeat;
		}
	#navJob {
	background: url(../images/nav/job.gif) no-repeat;
		}
#nav li a:hover {
	background-position: -160px 50%;
	}
#nav li a.current {
	background-position: -320px 50%;
	}

/* House
------------------------------------------------------------------*/
.househeader {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #804040;
	line-height: 25px;
	border-top: 2px  solid #4D4223;
	border-bottom: 2px solid #4D4223;
	padding: 0;
	margin: 0px 6px;
}
.houselist {
	background: url(../images/specification/dotted.gif);
	text-align: left;
	line-height: 22px;
	text-indent: 18px;
	padding: 0;
	margin: 0px 6px;
}
.houselist2 {
	background: url(../images/specification/dotted2.gif);
	text-align: left;
	line-height: 22px;
	text-indent: 18px;
	padding: 0;
	margin: 0px 6px;
}
.planheader {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #996600;
	line-height: 22px;
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	padding: 0;
	margin: 0;
	width: 250px;
}
.plansubhead {
	background: url(../images/specification/dotted2.gif);
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	line-height: 22px;
	text-indent: 18px;
	padding: 0;
	margin: 0;
	width: 250px;
}
.planlist {
	background: url(../images/specification/dotted.gif);
	text-align: left;
	line-height: 22px;
	text-indent: 18px;
	padding: 0;
	margin: 0;
}
.planlist2 {
	background: url(../images/specification/dotted2.gif);
	text-align: left;
	line-height: 22px;
	text-indent: 18px;
	padding: 0;
	margin: 0;
}
.faqlist2 {
	background: url(../images/specification/dotted2.gif);
	text-align: left;
	line-height: 22px;
	text-indent: 18px;
	padding: 0 12 0 0;
	margin: 0px 12px;
}

.wrap1 {
	float:none;
	background:url(../images/shadow.jpg) no-repeat center top;
	width: 430px;
	padding: 15px 0px 0px;
  }
.wrap2 {
  background:url(../images/corner_bl.jpg) no-repeat center bottom;
	padding: 0px 0px 15px;
  }
.submodel {
	background: url(../images/model/submain_pic_bg.jpg) no-repeat;
	width: 596px;
	height: 121px;
	margin: 0px;
	padding: 93px 0px 0px;
	}
.subprice {
	background: url(../images/submain_price_bg.jpg) no-repeat;
	width: 766px;
	height: 115px;
	margin: 0px;
	padding: 57px 0px 0px;
	}

/* House Content Table
------------------------------------------------------------------*/
.housetdtop {
	background:  url("../images/model/content_top_bg.jpg") no-repeat bottom;
	height: 9px;
}
.housetdleft {
	background:  url("../images/model/content_left_bg.jpg") repeat-y;
	width: 9px;
}
.housetdright {
	background:  url("../images/model/content_right_bg.jpg") repeat-y;
	width: 9px;
}
.housetdbottom {
	background:  url("../images/model/content_bottom_bg.jpg") no-repeat top;
	height: 9px;
}
.housetdbg {
	background:  url("../images/model/content_bg.jpg") repeat;
	padding: 10px;
	width: 392px;
	line-height: 22px;
	text-align: left;
}

/* Specification
------------------------------------------------------------------*/
.specheader {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-indent: 10px;
	line-height: 32px;
	background: url(../images/specification/spec_header_bg.gif);
	width: 200px;
}
.specheader2 {
	line-height: 30px;
	border-bottom: 2px solid #4D4223;
}
.speclist {
	background: url(../images/specification/dotted.gif);
	text-align: left;
	line-height: 22px;
	padding-left: 5px;
}
.speclist ul {
	margin: 0px 0px 0px 16px;
	padding: 0px;
}
.speclist li {
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

.speclist2 {
	background: url(../images/specification/dotted2.gif);
	text-align: left;
	line-height: 22px;
	padding-left: 5px;
}
.speclist2 ul {
	margin: 0px 0px 0px 16px;
	padding: 0px;
}
.speclist2 li {
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

.speccontent {
	background: url(../images/specification/dotted.gif);
	text-align: left;
	line-height: 22px;
	padding: 0px 10px;
}
.speccontent2 {
	background: url(../images/specification/dotted2.gif);
	text-align: left;
	line-height: 22px;
	padding: 0px 10px;
}
.specpage a
	{
	padding: 2px 4px;
	text-decoration: none;
	color: #4D4223;
	line-height: 22px;
	border-bottom: 2px solid #4D4223;
	}

.specpage a:hover 
	{
	color: #FFF; 
	background: #4D4223; 
	border-color: #FFF;
	text-decoration: none;
	}

/* Form
------------------------------------------------------------------*/
.jobform {
	padding: 0px 10px;
}
.job {
	padding: 3px 10px;
	line-height: 20px;
}
.job ul {
	list-style-type: square;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}select, input, option, textarea {
	font:12px Tahoma, "MS Sans Serif", sans-serif;
}


/* Misc
------------------------------------------------------------------*/
.servicelist {
	line-height: 18px;
	padding: 10px 20px 0px 0px;
}

.serviceollist {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.news {
	list-style: square;
	padding: 5px 0px 0px;
}
.productright {
	padding: 0px 10px 0px 0px;
	background: url(../images/right_pic01.jpg) no-repeat left top;
	height: 139px;
}
.servicetd {
	border-top: 1px solid #958144;
}
.pagebar a
	{
	padding: 2px 4px;
	border: 1px solid #4D4223;
	background: #F0DD92;
	text-decoration: none;
	color: #4D4223;
	}
.pagebar a:hover 
	{
		color: #FFF; 
		background: #804040; 
		border-color: #FFF; 
		text-decoration: none;
	}
.pagebar a.current 
	{
		color: #FFF; 
		background: #804040; 
		border-color: #4D4223; 
		text-decoration: none;
	}
		
.bgleft {
	background: url(../images/bg_subbody_left.jpg) no-repeat top;
}
.bgaboutleft {
	background: url(../images/bg_about_left.jpg) no-repeat top;
}
.bgprodleft {
	background: url(../images/bg_product_left.jpg) no-repeat top;
}
.bgnewsleft {
	background: url(../images/bg_news_left.jpg) no-repeat top;
}

.leftbox {
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
}

.tipul {
	margin: 0px;
	padding: 0px;
}

.tiplist {
	background: #FAF4D7 url(../images/tip/list-bg.gif);
	text-align: left;
	line-height: 22px;
	list-style-type: none;
	margin: 0px;
	padding-left: 24px;
}
.tiplist2 {
	background: #F7EDC1 url(../images/tip/list-bg.gif);
	text-align: left;
	line-height: 22px;
	list-style-type: none;
	margin: 0px;
	padding-left: 24px;
}
.tipcontent {
	padding: 20px;
	background-color: #F7EDC1;
	line-height: 18px;
	border-bottom: medium solid #990000;
}
.tipcontent h2 {
	background: url(../images/specification/dotted.gif);
	text-align: left;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px 0px 20px;
	padding: 0px;
}

.tip {
	text-align: right;
	line-height: 18px;
	margin: 5px;
	padding: 5px;
}

.jobcontent {
	padding-left: 140px;
}

/* News
------------------------------------------------------------------*/
.subnews {
	background: url(../images/news/submain_pic_bg.jpg) no-repeat;
	width: 596px;
	height: 90px;
	margin: 0px;
	padding: 62px 0px 0px;
	}

#news{
	border-collapse: collapse;
	font: 12px Tahoma;
	width: 540px;
	text-align: left;
}
#news tbody tr td{
	padding: 4px 8px;
	color: #000;
	line-height: 20px;
}
#news ul {
	margin: 0px 0px 0px 10px;
	list-style: none;
}
#news li{
	background: url(../images/ico_news.gif) no-repeat 0em 0.2em;
	padding: 0px 0px 5px 20px;
	font-weight: bold;
}
#news h2{
	font: bold 16px Tahoma;
	text-align: left;
	color: #990000;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
/*/////////////// TABLE PRICE LIST //////////////////*/
	#price {
		background-color: #999;
		width:97%;
	}
	#price caption{
	background-color:#50ADEA;
	border-bottom:3px solid #1975D7;
	color:#FFF;
	padding:10px;
	font-weight: bold;
		}
	#price thead th{
		background-color:#F5F5F5;
		border-bottom:3px solid #999;
		color:#666;
		padding:5px;
	}
	#price tbody tr td {
		padding: 8px 3px;
	}
	#price tfoot tr td{
		background-color:#E7E7E7;
		color:#B7B7B7;
		padding:4px;
		text-align:center;
	}

.pricetdtop {
	background:  url("../images/pricetd_top_bg.jpg") no-repeat bottom;
	height: 9px;
}
.pricetdleft {
	background:  url("../images/pricetd_left_bg.jpg") repeat-y;
	width: 9px;
}
.pricetdright {
	background:  url("../images/pricetd_right_bg.jpg") repeat-y;
	width: 9px;
}
.pricetdbottom {
	background:  url("../images/pricetd_bottom_bg.jpg") no-repeat top;
	height: 9px;
}
.pricetdbg {
	background:  url("../images/pricetd_bg.jpg") repeat;
	padding: 10px;
	width: 562px;
	line-height: 22px;
	text-align: left;
}
small {
	width: 95%;
}
small a {
	color: #999999;
	text-decoration: none;
}
form {
	padding: 3px;
	margin: 0px;
}
.form-p {
	font-weight: bold;
	color: #4D4223;
	width: 70px;
	text-align: right;
}
.banner {
	width: 585px;
	padding: 0;
	margin: 0;
}

/*/////////////// NEWS BOX //////////////////*/

#newsbox-wrap {
	width: 584px;
	height: 430px;
	background: url(../images/bg_box_news.jpg) no-repeat center bottom;
	text-align: left;
}
#newsbox {
	width: 584px;
	height: 100%;
	background: url(../images/bg_box_news-top.jpg) no-repeat center top;
}
#newslist-box {
	width: 284px;
	float: right;
	margin-top: 8px;
	line-height: 18px;
}
#newslist-box h3 {
	width: 276px;
	text-indent: -5000px;
	height: 48px;
	background: url(../images/headnews.jpg);
}
#newslist-box a {
	color: #0000FF;
	text-decoration: none;
    }
#newslist-box a:hover {
	color: #CC0000;
	text-decoration: underline;
    }	
#newslist-box ul {
	padding: 0px 8px 0px 0px;
	margin: 0px;
	list-style: none;
    }
#newslist-box li {
	padding: 10px 5px 10px 10px;
    }
.list1 {
	background: url(../images/dotted.gif) repeat-x left bottom;
    }
.list2 {
	background: #F7EDC1 url(../images/dotted.gif) repeat-x left bottom;
    }
.list3 {
	background: url(../images/dotted.gif) repeat-x left bottom;
	text-align: right;
    }

/*/////////////// TOP TEN BOX //////////////////*/

#topten-wrap {
	width: 584px;
	background: url(../images/box_topten_top.gif) no-repeat center top;
	height: 235px;
}
#topten {
	width: 584px;
	height: 100%;
	background: url(../images/box_topten_bottom.gif) no-repeat center bottom;
	text-align: left;
	margin-top: 8px;
}
#topten a {
	color: #0000FF;
	text-decoration: none;
    }
#topten a:hover {
	color: #CC0000;
	text-decoration: underline;
    }	
#topten ol {
	padding: 0px 0px 0px 40px;
	line-height: 18px;
	background: url(../images/box_topten_list.gif);
	margin: 0px 10px 0px 300px;
    }
#topten li {
	padding: 2px;
    }
#topten img {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 10px;
    }

.promo {
	background: url(../images/promotion/bottom_t.jpg) repeat-x left bottom;
}